maru_design2 2.17.1 → 2.18.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/index.js CHANGED
@@ -84,11 +84,11 @@ function styleInject(css, ref) {
84
84
  }
85
85
  }
86
86
 
87
- var css_248z$i = "* {\n /* HTML5 display-role reset for older browsers */\n}\n* html,\n* body,\n* div,\n* span,\n* applet,\n* object,\n* iframe,\n* h1,\n* h2,\n* h3,\n* h4,\n* h5,\n* h6,\n* p,\n* blockquote,\n* pre,\n* a,\n* abbr,\n* acronym,\n* address,\n* big,\n* cite,\n* code,\n* del,\n* dfn,\n* em,\n* img,\n* ins,\n* kbd,\n* q,\n* s,\n* samp,\n* small,\n* strike,\n* strong,\n* sub,\n* sup,\n* tt,\n* var,\n* b,\n* u,\n* i,\n* center,\n* dl,\n* dt,\n* dd,\n* ol,\n* ul,\n* li,\n* fieldset,\n* form,\n* label,\n* legend,\n* table,\n* caption,\n* tbody,\n* tfoot,\n* thead,\n* tr,\n* th,\n* td,\n* article,\n* aside,\n* canvas,\n* details,\n* embed,\n* figure,\n* figcaption,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* output,\n* ruby,\n* section,\n* summary,\n* time,\n* mark,\n* audio,\n* video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n* article,\n* aside,\n* details,\n* figcaption,\n* figure,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* section {\n display: block;\n}\n* ol,\n* ul {\n list-style: none;\n}\n* blockquote,\n* q {\n quotes: none;\n}\n* blockquote::before,\n* blockquote::after,\n* q::before,\n* q::after {\n content: \"\";\n content: none;\n}\n* table {\n border-collapse: collapse;\n border-spacing: 0;\n}\n* html {\n box-sizing: border-box;\n}\n* *,\n* *::before,\n* *::after {\n box-sizing: inherit;\n}";
88
- styleInject(css_248z$i);
87
+ var css_248z$j = "* {\n /* HTML5 display-role reset for older browsers */\n}\n* html,\n* body,\n* div,\n* span,\n* applet,\n* object,\n* iframe,\n* h1,\n* h2,\n* h3,\n* h4,\n* h5,\n* h6,\n* p,\n* blockquote,\n* pre,\n* a,\n* abbr,\n* acronym,\n* address,\n* big,\n* cite,\n* code,\n* del,\n* dfn,\n* em,\n* img,\n* ins,\n* kbd,\n* q,\n* s,\n* samp,\n* small,\n* strike,\n* strong,\n* sub,\n* sup,\n* tt,\n* var,\n* b,\n* u,\n* i,\n* center,\n* dl,\n* dt,\n* dd,\n* ol,\n* ul,\n* li,\n* fieldset,\n* form,\n* label,\n* legend,\n* table,\n* caption,\n* tbody,\n* tfoot,\n* thead,\n* tr,\n* th,\n* td,\n* article,\n* aside,\n* canvas,\n* details,\n* embed,\n* figure,\n* figcaption,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* output,\n* ruby,\n* section,\n* summary,\n* time,\n* mark,\n* audio,\n* video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n* article,\n* aside,\n* details,\n* figcaption,\n* figure,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* section {\n display: block;\n}\n* ol,\n* ul {\n list-style: none;\n}\n* blockquote,\n* q {\n quotes: none;\n}\n* blockquote::before,\n* blockquote::after,\n* q::before,\n* q::after {\n content: \"\";\n content: none;\n}\n* table {\n border-collapse: collapse;\n border-spacing: 0;\n}\n* html {\n box-sizing: border-box;\n}\n* *,\n* *::before,\n* *::after {\n box-sizing: inherit;\n}";
88
+ styleInject(css_248z$j);
89
89
 
90
- var css_248z$h = ".scrollbar, * {\n scrollbar-track-color: #e4e4e4;\n scrollbar-arrow-color: #e4e4e4;\n scrollbar-3dlight-color: #e4e4e4;\n scrollbar-highlight-color: #e4e4e4;\n scrollbar-shadow-color: #e4e4e4;\n scrollbar-face-color: #e4e4e4;\n}\n\n.scrollbar::-webkit-scrollbar, ::-webkit-scrollbar {\n background: inherit;\n width: 6px;\n height: 6px;\n}\n\n.scrollbar::-webkit-scrollbar-track, ::-webkit-scrollbar-track {\n background: none;\n}\n\n.scrollbar::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 16px;\n}\n\n.scrollbar::-webkit-scrollbar-button, ::-webkit-scrollbar-button {\n display: none;\n}\n\n@font-face {\n font-family: \"Pretendard\";\n src: url(\"../../assets/fonts/PretendardVariable.woff2\") format(\"woff2-variations\");\n}\n:root {\n --primary: var(--p);\n --primary-50-per: var(--p-50-per);\n --primary-50: var(--p-50);\n --primary-20-per: var(--p-20-per);\n --primary-20: var(--p-20);\n --primary-10-per: var(--p-10-per);\n --primary-10: var(--p-10);\n}\n\n[data-theme=blue] {\n --p: #308acc;\n --p-50-per: #308acc80;\n --p-50: #97c4e5;\n --p-20-per: #308acc33;\n --p-20: #d6e8f5;\n --p-10-per: #308acc1a;\n --p-10: #eaf3fa;\n --p-05-per: #308acc0d;\n --p-05: #f5fafd;\n}\n\n[data-theme=green] {\n --p: #096412;\n --p-50-per: #09641280;\n --p-50: #84b188;\n --p-20-per: #09641233;\n --p-20: #cee0d0;\n --p-10-per: #0964121a;\n --p-10: #e6f0e7;\n --p-05-per: #0964120d;\n --p-05: #f3f7f3;\n}";
91
- styleInject(css_248z$h);
90
+ var css_248z$i = ".scrollbar, * {\n scrollbar-track-color: #e4e4e4;\n scrollbar-arrow-color: #e4e4e4;\n scrollbar-3dlight-color: #e4e4e4;\n scrollbar-highlight-color: #e4e4e4;\n scrollbar-shadow-color: #e4e4e4;\n scrollbar-face-color: #e4e4e4;\n}\n\n.scrollbar::-webkit-scrollbar, ::-webkit-scrollbar {\n background: inherit;\n width: 6px;\n height: 6px;\n}\n\n.scrollbar::-webkit-scrollbar-track, ::-webkit-scrollbar-track {\n background: none;\n}\n\n.scrollbar::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 16px;\n}\n\n.scrollbar::-webkit-scrollbar-button, ::-webkit-scrollbar-button {\n display: none;\n}\n\n@font-face {\n font-family: \"Pretendard\";\n src: url(\"../../assets/fonts/PretendardVariable.woff2\") format(\"woff2-variations\");\n}\n* {\n -webkit-font-smoothing: antialiased;\n}\n\n:root {\n --primary: var(--p);\n --primary-50-per: var(--p-50-per);\n --primary-50: var(--p-50);\n --primary-20-per: var(--p-20-per);\n --primary-20: var(--p-20);\n --primary-10-per: var(--p-10-per);\n --primary-10: var(--p-10);\n}\n\n[data-theme=blue] {\n --p: #308acc;\n --p-50-per: #308acc80;\n --p-50: #97c4e5;\n --p-20-per: #308acc33;\n --p-20: #d6e8f5;\n --p-10-per: #308acc1a;\n --p-10: #eaf3fa;\n --p-05-per: #308acc0d;\n --p-05: #f5fafd;\n}\n\n[data-theme=green] {\n --p: #096412;\n --p-50-per: #09641280;\n --p-50: #84b188;\n --p-20-per: #09641233;\n --p-20: #cee0d0;\n --p-10-per: #0964121a;\n --p-10: #e6f0e7;\n --p-05-per: #0964120d;\n --p-05: #f3f7f3;\n}";
91
+ styleInject(css_248z$i);
92
92
 
93
93
  function StyleProvider(_a) {
94
94
  var children = _a.children,
@@ -224,19 +224,7 @@ var useColor = function useColor(color) {
224
224
  /* eslint-disable quotes */
225
225
  /* eslint-disable quote-props */
226
226
  var iconmap = {
227
- "AddLine_s16": {
228
- "width": "16",
229
- "height": "16",
230
- "viewBox": "0 0 16 16",
231
- "fill": "none",
232
- "paths": [{
233
- "d": "M7.33325 7.33325V3.33325H8.66659V7.33325H12.6666V8.66659H8.66659V12.6666H7.33325V8.66659H3.33325V7.33325H7.33325Z",
234
- "fill": "#8C8C8C"
235
- }],
236
- "circles": [],
237
- "rects": []
238
- },
239
- "AlertCircleBg_s16": {
227
+ "AlertCircleBg_s1610": {
240
228
  "width": "16",
241
229
  "height": "16",
242
230
  "viewBox": "0 0 16 16",
@@ -253,6 +241,21 @@ var iconmap = {
253
241
  }],
254
242
  "rects": []
255
243
  },
244
+ "AlertCircle_s1413": {
245
+ "width": "14",
246
+ "height": "15",
247
+ "viewBox": "0 0 14 15",
248
+ "fill": "none",
249
+ "paths": [{
250
+ "d": "M6.99996 4.73633V7.06966M6.99996 9.403H7.00579M12.8333 7.06966C12.8333 10.2913 10.2216 12.903 6.99996 12.903C3.7783 12.903 1.16663 10.2913 1.16663 7.06966C1.16663 3.848 3.7783 1.23633 6.99996 1.23633C10.2216 1.23633 12.8333 3.848 12.8333 7.06966Z",
251
+ "stroke": "#5C5C5C",
252
+ "strokeWidth": "1.3",
253
+ "strokeLinecap": "round",
254
+ "strokeLinejoin": "round"
255
+ }],
256
+ "circles": [],
257
+ "rects": []
258
+ },
256
259
  "AlertCircle_s1615": {
257
260
  "width": "16",
258
261
  "height": "16",
@@ -268,7 +271,7 @@ var iconmap = {
268
271
  "circles": [],
269
272
  "rects": []
270
273
  },
271
- "AlertTriangleBg_s24": {
274
+ "AlertTriangleBg_s2410": {
272
275
  "width": "24",
273
276
  "height": "24",
274
277
  "viewBox": "0 0 24 24",
@@ -297,106 +300,27 @@ var iconmap = {
297
300
  "circles": [],
298
301
  "rects": []
299
302
  },
300
- "ArrowLeftCircleBg_s2415": {
301
- "width": "24",
302
- "height": "24",
303
- "viewBox": "0 0 24 24",
303
+ "ArrowDownCircle_s1413": {
304
+ "width": "14",
305
+ "height": "14",
306
+ "viewBox": "0 0 14 14",
304
307
  "fill": "none",
305
308
  "paths": [{
306
- "d": "M21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12Z",
307
- "fill": "#096412",
309
+ "d": "M9.5 8L7 9.84M7 9.84L4.5 8M7 9.84V4.5",
308
310
  "stroke": "#096412",
309
- "strokeWidth": "1.5",
311
+ "strokeWidth": "1.3",
310
312
  "strokeLinecap": "round",
311
313
  "strokeLinejoin": "round"
312
314
  }, {
313
- "d": "M13 15L10 12L13 9",
314
- "stroke": "white",
315
- "strokeWidth": "1.5",
316
- "strokeLinecap": "round",
317
- "strokeLinejoin": "round"
318
- }],
319
- "circles": [],
320
- "rects": []
321
- },
322
- "ArrowLeftCircle_s1812": {
323
- "width": "18",
324
- "height": "18",
325
- "viewBox": "0 0 18 18",
326
- "fill": "none",
327
- "paths": [{
328
- "d": "M9.75 6L7.28033 8.46967C6.98743 8.76256 6.98744 9.23744 7.28033 9.53033L9.75 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5564 0.75 17.25 4.44365 17.25 9C17.25 13.5564 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
329
- "stroke": "#5C5C5C",
330
- "strokeWidth": "1.2",
331
- "strokeLinecap": "round"
332
- }],
333
- "circles": [],
334
- "rects": []
335
- },
336
- "ArrowLeftCircle_s2415": {
337
- "width": "24",
338
- "height": "24",
339
- "viewBox": "0 0 24 24",
340
- "fill": "none",
341
- "paths": [{
342
- "d": "M13 8L9.7071 11.2929C9.31658 11.6834 9.31658 12.3166 9.70711 12.7071L13 16M1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12Z",
343
- "stroke": "#5C5C5C",
344
- "strokeWidth": "1.5",
345
- "strokeLinecap": "round"
346
- }],
347
- "circles": [],
348
- "rects": []
349
- },
350
- "ArrowRightCircleBg_s2415": {
351
- "width": "24",
352
- "height": "24",
353
- "viewBox": "0 0 24 24",
354
- "fill": "none",
355
- "paths": [{
356
- "d": "M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4441C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.387 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12Z",
357
- "fill": "#096412",
315
+ "d": "M6.83333 12.6667C10.055 12.6667 12.6667 10.055 12.6667 6.83333C12.6667 3.61167 10.055 1 6.83333 1C3.61167 1 1 3.61167 1 6.83333C1 10.055 3.61167 12.6667 6.83333 12.6667Z",
358
316
  "stroke": "#096412",
359
- "strokeWidth": "1.5",
360
- "strokeLinecap": "round",
361
- "strokeLinejoin": "round"
362
- }, {
363
- "d": "M11 9L14 12L11 15",
364
- "stroke": "white",
365
- "strokeWidth": "1.5",
317
+ "strokeWidth": "1.3",
366
318
  "strokeLinecap": "round",
367
319
  "strokeLinejoin": "round"
368
320
  }],
369
321
  "circles": [],
370
322
  "rects": []
371
323
  },
372
- "ArrowRightCircle_s1812": {
373
- "width": "18",
374
- "height": "18",
375
- "viewBox": "0 0 18 18",
376
- "fill": "none",
377
- "paths": [{
378
- "d": "M8.25 6L10.7197 8.46967C11.0126 8.76256 11.0126 9.23744 10.7197 9.53033L8.25 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
379
- "stroke": "#5C5C5C",
380
- "strokeWidth": "1.2",
381
- "strokeLinecap": "round"
382
- }],
383
- "circles": [],
384
- "rects": []
385
- },
386
- "ArrowRightCircle_s2415": {
387
- "width": "24",
388
- "height": "24",
389
- "viewBox": "0 0 24 24",
390
- "fill": "none",
391
- "paths": [{
392
- "d": "M11 8L14.2929 11.2929C14.6834 11.6834 14.6834 12.3166 14.2929 12.7071L11 16M1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12Z",
393
- "stroke": "#5C5C5C",
394
- "strokeWidth": "1.5",
395
- "strokeLinecap": "round"
396
- }],
397
- "circles": [],
398
- "rects": []
399
- },
400
324
  "ArrowRight_s1415": {
401
325
  "width": "14",
402
326
  "height": "14",
@@ -427,6 +351,21 @@ var iconmap = {
427
351
  "circles": [],
428
352
  "rects": []
429
353
  },
354
+ "ArrowRight_s1813": {
355
+ "width": "18",
356
+ "height": "18",
357
+ "viewBox": "0 0 18 18",
358
+ "fill": "none",
359
+ "paths": [{
360
+ "d": "M3.375 9H14.625M14.625 9L9 3.375M14.625 9L9 14.625",
361
+ "stroke": "#5C5C5C",
362
+ "strokeWidth": "1.3",
363
+ "strokeLinecap": "round",
364
+ "strokeLinejoin": "round"
365
+ }],
366
+ "circles": [],
367
+ "rects": []
368
+ },
430
369
  "ArrowRight_s2420": {
431
370
  "width": "24",
432
371
  "height": "24",
@@ -487,6 +426,21 @@ var iconmap = {
487
426
  "circles": [],
488
427
  "rects": []
489
428
  },
429
+ "BarChart20_s1613": {
430
+ "width": "16",
431
+ "height": "16",
432
+ "viewBox": "0 0 16 16",
433
+ "fill": "none",
434
+ "paths": [{
435
+ "d": "M6 14H3.06667C2.6933 14 2.50661 14 2.36401 13.9273C2.23856 13.8634 2.13658 13.7614 2.07266 13.636C2 13.4934 2 13.3067 2 12.9333V3.06667C2 2.6933 2 2.50661 2.07266 2.36401C2.13658 2.23857 2.23856 2.13658 2.36401 2.07266C2.50661 2 2.6933 2 3.06667 2H4.93333C5.3067 2 5.49339 2 5.63599 2.07266C5.76144 2.13658 5.86342 2.23856 5.92734 2.36401C6 2.50661 6 2.6933 6 3.06667V4.66667M6 14H10M6 14L6 4.66667M6 4.66667H8.93333C9.3067 4.66667 9.49339 4.66667 9.63599 4.73933C9.76143 4.80324 9.86342 4.90523 9.92734 5.03067C10 5.17328 10 5.35997 10 5.73333V14M10 7.33333H12.9333C13.3067 7.33333 13.4934 7.33333 13.636 7.406C13.7614 7.46991 13.8634 7.5719 13.9273 7.69734C14 7.83995 14 8.02663 14 8.4V12.9333C14 13.3067 14 13.4934 13.9273 13.636C13.8634 13.7614 13.7614 13.8634 13.636 13.9273C13.4934 14 13.3067 14 12.9333 14H10",
436
+ "stroke": "#096412",
437
+ "strokeWidth": "1.3",
438
+ "strokeLinecap": "round",
439
+ "strokeLinejoin": "round"
440
+ }],
441
+ "circles": [],
442
+ "rects": []
443
+ },
490
444
  "BarChartSquare01_s2420": {
491
445
  "width": "24",
492
446
  "height": "24",
@@ -635,11 +589,13 @@ var iconmap = {
635
589
  "cx": "8",
636
590
  "cy": "8",
637
591
  "r": "7",
638
- "fill": "#58C5A6"
592
+ "fill": "#58C5A6",
593
+ "stroke": "#58C5A6",
594
+ "strokeWidth": "1.2"
639
595
  }],
640
596
  "rects": []
641
597
  },
642
- "CheckCircleBg_s24": {
598
+ "CheckCircleBg_s2410": {
643
599
  "width": "24",
644
600
  "height": "24",
645
601
  "viewBox": "0 0 24 24",
@@ -683,7 +639,22 @@ var iconmap = {
683
639
  "circles": [],
684
640
  "rects": []
685
641
  },
686
- "CheckboxIndeterminate_s16": {
642
+ "Check_s1615": {
643
+ "width": "16",
644
+ "height": "16",
645
+ "viewBox": "0 0 16 16",
646
+ "fill": "none",
647
+ "paths": [{
648
+ "d": "M13.3334 4L6.00008 11.3333L2.66675 8",
649
+ "stroke": "#8C8C8C",
650
+ "strokeWidth": "1.5",
651
+ "strokeLinecap": "round",
652
+ "strokeLinejoin": "round"
653
+ }],
654
+ "circles": [],
655
+ "rects": []
656
+ },
657
+ "CheckboxIndeterminate_s1610": {
687
658
  "width": "16",
688
659
  "height": "16",
689
660
  "viewBox": "0 0 16 16",
@@ -697,7 +668,7 @@ var iconmap = {
697
668
  "circles": [],
698
669
  "rects": []
699
670
  },
700
- "CheckboxIndeterminate_s18": {
671
+ "CheckboxIndeterminate_s1810": {
701
672
  "width": "18",
702
673
  "height": "18",
703
674
  "viewBox": "0 0 18 18",
@@ -711,7 +682,7 @@ var iconmap = {
711
682
  "circles": [],
712
683
  "rects": []
713
684
  },
714
- "CheckboxOff_s16": {
685
+ "CheckboxOff_s1610": {
715
686
  "width": "16",
716
687
  "height": "17",
717
688
  "viewBox": "0 0 16 17",
@@ -723,7 +694,7 @@ var iconmap = {
723
694
  "circles": [],
724
695
  "rects": []
725
696
  },
726
- "CheckboxOff_s18": {
697
+ "CheckboxOff_s1810": {
727
698
  "width": "18",
728
699
  "height": "18",
729
700
  "viewBox": "0 0 18 18",
@@ -735,7 +706,7 @@ var iconmap = {
735
706
  "circles": [],
736
707
  "rects": []
737
708
  },
738
- "CheckboxOff_s24": {
709
+ "CheckboxOff_s2410": {
739
710
  "width": "24",
740
711
  "height": "24",
741
712
  "viewBox": "0 0 24 24",
@@ -747,7 +718,7 @@ var iconmap = {
747
718
  "circles": [],
748
719
  "rects": []
749
720
  },
750
- "CheckboxOn_s16": {
721
+ "CheckboxOn_s1610": {
751
722
  "width": "16",
752
723
  "height": "17",
753
724
  "viewBox": "0 0 16 17",
@@ -761,7 +732,7 @@ var iconmap = {
761
732
  "circles": [],
762
733
  "rects": []
763
734
  },
764
- "CheckboxOn_s18": {
735
+ "CheckboxOn_s1810": {
765
736
  "width": "18",
766
737
  "height": "18",
767
738
  "viewBox": "0 0 18 18",
@@ -775,7 +746,7 @@ var iconmap = {
775
746
  "circles": [],
776
747
  "rects": []
777
748
  },
778
- "CheckboxOn_s24": {
749
+ "CheckboxOn_s2410": {
779
750
  "width": "24",
780
751
  "height": "24",
781
752
  "viewBox": "0 0 24 24",
@@ -789,6 +760,21 @@ var iconmap = {
789
760
  "circles": [],
790
761
  "rects": []
791
762
  },
763
+ "ChevronDown_s1613": {
764
+ "width": "16",
765
+ "height": "16",
766
+ "viewBox": "0 0 16 16",
767
+ "fill": "none",
768
+ "paths": [{
769
+ "d": "M4 6L8 10L12 6",
770
+ "stroke": "#5C5C5C",
771
+ "strokeWidth": "1.3",
772
+ "strokeLinecap": "round",
773
+ "strokeLinejoin": "round"
774
+ }],
775
+ "circles": [],
776
+ "rects": []
777
+ },
792
778
  "ChevronDown_s1615": {
793
779
  "width": "16",
794
780
  "height": "16",
@@ -819,6 +805,69 @@ var iconmap = {
819
805
  "circles": [],
820
806
  "rects": []
821
807
  },
808
+ "ChevronLeftCircleBg_s2415": {
809
+ "width": "24",
810
+ "height": "24",
811
+ "viewBox": "0 0 24 24",
812
+ "fill": "none",
813
+ "paths": [{
814
+ "d": "M21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 14.3869 3.94821 16.6761 5.63604 18.364C7.32387 20.0518 9.61305 21 12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12Z",
815
+ "fill": "#096412",
816
+ "stroke": "#096412",
817
+ "strokeWidth": "1.5",
818
+ "strokeLinecap": "round",
819
+ "strokeLinejoin": "round"
820
+ }, {
821
+ "d": "M13 15L10 12L13 9",
822
+ "stroke": "white",
823
+ "strokeWidth": "1.5",
824
+ "strokeLinecap": "round",
825
+ "strokeLinejoin": "round"
826
+ }],
827
+ "circles": [],
828
+ "rects": []
829
+ },
830
+ "ChevronLeftCircle_s1810": {
831
+ "width": "18",
832
+ "height": "18",
833
+ "viewBox": "0 0 18 18",
834
+ "fill": "none",
835
+ "paths": [{
836
+ "d": "M9.75 6L7.28033 8.46967C6.98743 8.76256 6.98744 9.23744 7.28033 9.53033L9.75 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5564 0.75 17.25 4.44365 17.25 9C17.25 13.5564 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
837
+ "stroke": "#5C5C5C",
838
+ "strokeLinecap": "round"
839
+ }],
840
+ "circles": [],
841
+ "rects": []
842
+ },
843
+ "ChevronLeftCircle_s1812": {
844
+ "width": "18",
845
+ "height": "18",
846
+ "viewBox": "0 0 18 18",
847
+ "fill": "none",
848
+ "paths": [{
849
+ "d": "M9.75 6L7.28033 8.46967C6.98743 8.76256 6.98744 9.23744 7.28033 9.53033L9.75 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5564 0.75 17.25 4.44365 17.25 9C17.25 13.5564 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
850
+ "stroke": "#5C5C5C",
851
+ "strokeWidth": "1.2",
852
+ "strokeLinecap": "round"
853
+ }],
854
+ "circles": [],
855
+ "rects": []
856
+ },
857
+ "ChevronLeftCircle_s2415": {
858
+ "width": "24",
859
+ "height": "24",
860
+ "viewBox": "0 0 24 24",
861
+ "fill": "none",
862
+ "paths": [{
863
+ "d": "M13 8L9.7071 11.2929C9.31658 11.6834 9.31658 12.3166 9.70711 12.7071L13 16M1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12Z",
864
+ "stroke": "#5C5C5C",
865
+ "strokeWidth": "1.5",
866
+ "strokeLinecap": "round"
867
+ }],
868
+ "circles": [],
869
+ "rects": []
870
+ },
822
871
  "ChevronLeftDouble_s1615": {
823
872
  "width": "16",
824
873
  "height": "16",
@@ -894,29 +943,21 @@ var iconmap = {
894
943
  "circles": [],
895
944
  "rects": []
896
945
  },
897
- "ChevronRightDouble_s1615": {
898
- "width": "16",
899
- "height": "16",
900
- "viewBox": "0 0 16 16",
946
+ "ChevronRightCircleBg_s2415": {
947
+ "width": "24",
948
+ "height": "24",
949
+ "viewBox": "0 0 24 24",
901
950
  "fill": "none",
902
951
  "paths": [{
903
- "d": "M4 11.3334L7.33333 8.00008L4 4.66675M8.66667 11.3334L12 8.00008L8.66667 4.66675",
904
- "stroke": "#8C8C8C",
952
+ "d": "M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4441C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.387 3 12 3C9.61305 3 7.32387 3.94821 5.63604 5.63604C3.94821 7.32387 3 9.61305 3 12Z",
953
+ "fill": "#096412",
954
+ "stroke": "#096412",
905
955
  "strokeWidth": "1.5",
906
956
  "strokeLinecap": "round",
907
957
  "strokeLinejoin": "round"
908
- }],
909
- "circles": [],
910
- "rects": []
911
- },
912
- "ChevronRight_s1615": {
913
- "width": "16",
914
- "height": "16",
915
- "viewBox": "0 0 16 16",
916
- "fill": "none",
917
- "paths": [{
918
- "d": "M6 12L10 8L6 4",
919
- "stroke": "#8C8C8C",
958
+ }, {
959
+ "d": "M11 9L14 12L11 15",
960
+ "stroke": "white",
920
961
  "strokeWidth": "1.5",
921
962
  "strokeLinecap": "round",
922
963
  "strokeLinejoin": "round"
@@ -924,7 +965,78 @@ var iconmap = {
924
965
  "circles": [],
925
966
  "rects": []
926
967
  },
927
- "ChevronRight_s2020": {
968
+ "ChevronRightCircle_s1810": {
969
+ "width": "18",
970
+ "height": "18",
971
+ "viewBox": "0 0 18 18",
972
+ "fill": "none",
973
+ "paths": [{
974
+ "d": "M8.25 6L10.7197 8.46967C11.0126 8.76256 11.0126 9.23744 10.7197 9.53033L8.25 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
975
+ "stroke": "#5C5C5C",
976
+ "strokeLinecap": "round"
977
+ }],
978
+ "circles": [],
979
+ "rects": []
980
+ },
981
+ "ChevronRightCircle_s1812": {
982
+ "width": "18",
983
+ "height": "18",
984
+ "viewBox": "0 0 18 18",
985
+ "fill": "none",
986
+ "paths": [{
987
+ "d": "M8.25 6L10.7197 8.46967C11.0126 8.76256 11.0126 9.23744 10.7197 9.53033L8.25 12M0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9Z",
988
+ "stroke": "#5C5C5C",
989
+ "strokeWidth": "1.2",
990
+ "strokeLinecap": "round"
991
+ }],
992
+ "circles": [],
993
+ "rects": []
994
+ },
995
+ "ChevronRightCircle_s2415": {
996
+ "width": "24",
997
+ "height": "24",
998
+ "viewBox": "0 0 24 24",
999
+ "fill": "none",
1000
+ "paths": [{
1001
+ "d": "M11 8L14.2929 11.2929C14.6834 11.6834 14.6834 12.3166 14.2929 12.7071L11 16M1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12Z",
1002
+ "stroke": "#5C5C5C",
1003
+ "strokeWidth": "1.5",
1004
+ "strokeLinecap": "round"
1005
+ }],
1006
+ "circles": [],
1007
+ "rects": []
1008
+ },
1009
+ "ChevronRightDouble_s1615": {
1010
+ "width": "16",
1011
+ "height": "16",
1012
+ "viewBox": "0 0 16 16",
1013
+ "fill": "none",
1014
+ "paths": [{
1015
+ "d": "M4 11.3334L7.33333 8.00008L4 4.66675M8.66667 11.3334L12 8.00008L8.66667 4.66675",
1016
+ "stroke": "#8C8C8C",
1017
+ "strokeWidth": "1.5",
1018
+ "strokeLinecap": "round",
1019
+ "strokeLinejoin": "round"
1020
+ }],
1021
+ "circles": [],
1022
+ "rects": []
1023
+ },
1024
+ "ChevronRight_s1615": {
1025
+ "width": "16",
1026
+ "height": "16",
1027
+ "viewBox": "0 0 16 16",
1028
+ "fill": "none",
1029
+ "paths": [{
1030
+ "d": "M6 12L10 8L6 4",
1031
+ "stroke": "#8C8C8C",
1032
+ "strokeWidth": "1.5",
1033
+ "strokeLinecap": "round",
1034
+ "strokeLinejoin": "round"
1035
+ }],
1036
+ "circles": [],
1037
+ "rects": []
1038
+ },
1039
+ "ChevronRight_s2020": {
928
1040
  "width": "20",
929
1041
  "height": "20",
930
1042
  "viewBox": "0 0 20 20",
@@ -969,6 +1081,21 @@ var iconmap = {
969
1081
  "circles": [],
970
1082
  "rects": []
971
1083
  },
1084
+ "ChevronUp_s1613": {
1085
+ "width": "16",
1086
+ "height": "16",
1087
+ "viewBox": "0 0 16 16",
1088
+ "fill": "none",
1089
+ "paths": [{
1090
+ "d": "M14 11L9 6L4 11",
1091
+ "stroke": "#5C5C5C",
1092
+ "strokeWidth": "1.3",
1093
+ "strokeLinecap": "round",
1094
+ "strokeLinejoin": "round"
1095
+ }],
1096
+ "circles": [],
1097
+ "rects": []
1098
+ },
972
1099
  "ChevronUp_s1615": {
973
1100
  "width": "16",
974
1101
  "height": "16",
@@ -999,6 +1126,21 @@ var iconmap = {
999
1126
  "circles": [],
1000
1127
  "rects": []
1001
1128
  },
1129
+ "ClipboardCheck_s1612": {
1130
+ "width": "16",
1131
+ "height": "16",
1132
+ "viewBox": "0 0 16 16",
1133
+ "fill": "none",
1134
+ "paths": [{
1135
+ "d": "M11.0769 2.4C11.7029 2.4 12.0158 2.4 12.2726 2.47156C12.9694 2.66574 13.5137 3.23179 13.7004 3.95648C13.7692 4.22353 13.7692 4.54902 13.7692 5.2V11.64C13.7692 12.8161 13.7692 13.4042 13.5491 13.8534C13.3556 14.2485 13.0467 14.5698 12.6667 14.7711C12.2348 15 11.6693 15 10.5385 15H6.23077C5.09989 15 4.53446 15 4.10252 14.7711C3.72258 14.5698 3.41367 14.2485 3.22008 13.8534C3 13.4042 3 12.8161 3 11.64V5.2C3 4.54902 3 4.22353 3.0688 3.95648C3.25552 3.23179 3.79979 2.66574 4.49662 2.47156C4.75339 2.4 5.06637 2.4 5.69231 2.4M6.36538 10.1L7.71154 11.5L10.7404 8.35M6.76923 3.8H10C10.377 3.8 10.5654 3.8 10.7094 3.7237C10.8361 3.65659 10.939 3.54951 11.0036 3.41779C11.0769 3.26806 11.0769 3.07204 11.0769 2.68V2.12C11.0769 1.72796 11.0769 1.53194 11.0036 1.38221C10.939 1.25049 10.8361 1.14341 10.7094 1.0763C10.5654 1 10.377 1 10 1H6.76923C6.39227 1 6.20379 1 6.05981 1.0763C5.93317 1.14341 5.8302 1.25049 5.76567 1.38221C5.69231 1.53194 5.69231 1.72796 5.69231 2.12V2.68C5.69231 3.07204 5.69231 3.26806 5.76567 3.41779C5.8302 3.54951 5.93317 3.65659 6.05981 3.7237C6.20379 3.8 6.39227 3.8 6.76923 3.8Z",
1136
+ "stroke": "#5C5C5C",
1137
+ "strokeWidth": "1.2",
1138
+ "strokeLinecap": "round",
1139
+ "strokeLinejoin": "round"
1140
+ }],
1141
+ "circles": [],
1142
+ "rects": []
1143
+ },
1002
1144
  "ClipboardCheck_s1615": {
1003
1145
  "width": "16",
1004
1146
  "height": "16",
@@ -1059,6 +1201,21 @@ var iconmap = {
1059
1201
  "circles": [],
1060
1202
  "rects": []
1061
1203
  },
1204
+ "ClipboardX_s1613": {
1205
+ "width": "16",
1206
+ "height": "16",
1207
+ "viewBox": "0 0 16 16",
1208
+ "fill": "none",
1209
+ "paths": [{
1210
+ "d": "M11.0769 2.4C11.7029 2.4 12.0158 2.4 12.2726 2.47156C12.9694 2.66574 13.5137 3.23179 13.7004 3.95648C13.7692 4.22353 13.7692 4.54902 13.7692 5.2V11.64C13.7692 12.8161 13.7692 13.4042 13.5491 13.8534C13.3556 14.2485 13.0467 14.5698 12.6667 14.7711C12.2348 15 11.6693 15 10.5385 15H6.23077C5.09989 15 4.53446 15 4.10252 14.7711C3.72258 14.5698 3.41367 14.2485 3.22008 13.8534C3 13.4042 3 12.8161 3 11.64V5.2C3 4.54902 3 4.22353 3.0688 3.95648C3.25552 3.23179 3.79979 2.66574 4.49662 2.47156C4.75339 2.4 5.06637 2.4 5.69231 2.4M6.70192 8L10.0673 11.5M10.0673 8L6.70192 11.5M6.76923 3.8H10C10.377 3.8 10.5654 3.8 10.7094 3.7237C10.8361 3.65659 10.939 3.54951 11.0036 3.41779C11.0769 3.26806 11.0769 3.07204 11.0769 2.68V2.12C11.0769 1.72796 11.0769 1.53194 11.0036 1.38221C10.939 1.25049 10.8361 1.14341 10.7094 1.0763C10.5654 1 10.377 1 10 1H6.76923C6.39227 1 6.20379 1 6.05981 1.0763C5.93317 1.14341 5.8302 1.25049 5.76567 1.38221C5.69231 1.53194 5.69231 1.72796 5.69231 2.12V2.68C5.69231 3.07204 5.69231 3.26806 5.76567 3.41779C5.8302 3.54951 5.93317 3.65659 6.05981 3.7237C6.20379 3.8 6.39227 3.8 6.76923 3.8Z",
1211
+ "stroke": "#E53E3E",
1212
+ "strokeWidth": "1.3",
1213
+ "strokeLinecap": "round",
1214
+ "strokeLinejoin": "round"
1215
+ }],
1216
+ "circles": [],
1217
+ "rects": []
1218
+ },
1062
1219
  "Clipboard_s1615": {
1063
1220
  "width": "16",
1064
1221
  "height": "16",
@@ -1089,6 +1246,45 @@ var iconmap = {
1089
1246
  "circles": [],
1090
1247
  "rects": []
1091
1248
  },
1249
+ "Connection_s1810": {
1250
+ "width": "16",
1251
+ "height": "16",
1252
+ "viewBox": "0 0 16 16",
1253
+ "fill": "none",
1254
+ "paths": [{
1255
+ "d": "M8.41262 11.5488C7.85104 11.7256 7.25944 11.7866 6.67358 11.7283C6.08772 11.67 5.51978 11.4934 5.00409 11.2093C4.4884 10.9253 4.03567 10.5396 3.67326 10.0756C3.31086 9.61159 3.04632 9.07892 2.89562 8.50977C2.69866 7.76715 2.70155 6.98565 2.90399 6.2445C3.10643 5.50335 3.50124 4.8289 4.04837 4.28952L5.58887 2.74902L10.9626 8.12277",
1256
+ "stroke": "#5C5C5C",
1257
+ "strokeLinecap": "round",
1258
+ "strokeLinejoin": "round"
1259
+ }, {
1260
+ "d": "M1.25 13.249L3.875 10.624",
1261
+ "stroke": "#5C5C5C",
1262
+ "strokeLinecap": "round",
1263
+ "strokeLinejoin": "round"
1264
+ }, {
1265
+ "d": "M9.5 1.24902L6.875 3.87402",
1266
+ "stroke": "#5C5C5C",
1267
+ "strokeLinecap": "round",
1268
+ "strokeLinejoin": "round"
1269
+ }, {
1270
+ "d": "M13.25 4.99902L10.625 7.62402",
1271
+ "stroke": "#5C5C5C",
1272
+ "strokeLinecap": "round",
1273
+ "strokeLinejoin": "round"
1274
+ }, {
1275
+ "d": "M10.625 12.7441H14.8676",
1276
+ "stroke": "#5C5C5C",
1277
+ "strokeLinecap": "round",
1278
+ "strokeLinejoin": "round"
1279
+ }, {
1280
+ "d": "M12.7463 10.6228V14.8655",
1281
+ "stroke": "#5C5C5C",
1282
+ "strokeLinecap": "round",
1283
+ "strokeLinejoin": "round"
1284
+ }],
1285
+ "circles": [],
1286
+ "rects": []
1287
+ },
1092
1288
  "Copy03_s1615": {
1093
1289
  "width": "16",
1094
1290
  "height": "16",
@@ -1160,6 +1356,21 @@ var iconmap = {
1160
1356
  "circles": [],
1161
1357
  "rects": []
1162
1358
  },
1359
+ "CornerUpLeft_s1413": {
1360
+ "width": "14",
1361
+ "height": "14",
1362
+ "viewBox": "0 0 14 14",
1363
+ "fill": "none",
1364
+ "paths": [{
1365
+ "d": "M5.24996 8.16634L2.3333 5.24967M2.3333 5.24967L5.24996 2.33301M2.3333 5.24967H6.06663C8.02682 5.24967 9.00691 5.24967 9.7556 5.63115C10.4142 5.96671 10.9496 6.50214 11.2852 7.16071C11.6666 7.9094 11.6666 8.88949 11.6666 10.8497V11.6663",
1366
+ "stroke": "#8C8C8C",
1367
+ "strokeWidth": "1.3",
1368
+ "strokeLinecap": "round",
1369
+ "strokeLinejoin": "round"
1370
+ }],
1371
+ "circles": [],
1372
+ "rects": []
1373
+ },
1163
1374
  "CornerUpLeft_s1815": {
1164
1375
  "width": "18",
1165
1376
  "height": "18",
@@ -1220,6 +1431,24 @@ var iconmap = {
1220
1431
  "circles": [],
1221
1432
  "rects": []
1222
1433
  },
1434
+ "CursorBox_s1613": {
1435
+ "width": "16",
1436
+ "height": "16",
1437
+ "viewBox": "0 0 16 16",
1438
+ "fill": "none",
1439
+ "paths": [{
1440
+ "d": "M7.02667 7.51637L7.63228 7.28027V7.28027L7.02667 7.51637ZM9.84948 14.757L9.24388 14.9931H9.24388L9.84948 14.757ZM14.7766 10.3282L14.5072 10.9198V10.9198L14.7766 10.3282ZM7.54636 7.03606L7.27701 7.62763L7.54636 7.03606ZM10.5727 14.7408L11.1885 14.9488L10.5727 14.7408ZM11.5797 11.7605L10.9639 11.5524L11.5797 11.7605ZM11.8811 11.5064L11.9865 12.1478H11.9865L11.8811 11.5064ZM14.6787 11.0464L14.5733 10.405L14.6787 11.0464ZM6.42107 7.75247L9.24388 14.9931L10.4551 14.5209L7.63228 7.28027L6.42107 7.75247ZM15.046 9.73666L7.81572 6.4445L7.27701 7.62763L14.5072 10.9198L15.046 9.73666ZM11.1885 14.9488L12.1955 11.9685L10.9639 11.5524L9.9569 14.5327L11.1885 14.9488ZM11.9865 12.1478L14.7842 11.6878L14.5733 10.405L11.7756 10.865L11.9865 12.1478ZM12.1955 11.9685C12.1624 12.0664 12.0797 12.1325 11.9865 12.1478L11.7756 10.865C11.4016 10.9265 11.087 11.1881 10.9639 11.5524L12.1955 11.9685ZM14.5072 10.9198C14.2572 10.8059 14.3222 10.4463 14.5733 10.405L14.7842 11.6878C15.7816 11.5238 15.9829 10.1633 15.046 9.73666L14.5072 10.9198ZM9.24388 14.9931C9.59329 15.8893 10.8797 15.8626 11.1885 14.9488L9.9569 14.5327C9.99805 14.4109 10.114 14.352 10.2023 14.3501C10.2905 14.3481 10.4086 14.4016 10.4551 14.5209L9.24388 14.9931ZM7.63228 7.28027C7.67767 7.39671 7.63225 7.51768 7.56379 7.58096C7.49618 7.64344 7.38061 7.6748 7.27701 7.62763L7.81572 6.4445C6.99593 6.07122 6.07565 6.86647 6.42107 7.75247L7.63228 7.28027Z",
1441
+ "fill": "#5C5C5C"
1442
+ }, {
1443
+ "d": "M6 14C4.17157 14 3.34315 14 1 14V2H13V7",
1444
+ "stroke": "#5C5C5C",
1445
+ "strokeWidth": "1.3",
1446
+ "strokeLinecap": "round",
1447
+ "strokeLinejoin": "round"
1448
+ }],
1449
+ "circles": [],
1450
+ "rects": []
1451
+ },
1223
1452
  "CursorBox_s1815": {
1224
1453
  "width": "18",
1225
1454
  "height": "18",
@@ -1235,6 +1464,27 @@ var iconmap = {
1235
1464
  "circles": [],
1236
1465
  "rects": []
1237
1466
  },
1467
+ "CursorDoubleBox_s1613": {
1468
+ "width": "15",
1469
+ "height": "15",
1470
+ "viewBox": "0 0 15 15",
1471
+ "fill": "none",
1472
+ "paths": [{
1473
+ "d": "M0.777832 6.8017L0.777832 4.79385M4.79352 0.778167L6.80136 0.778167M10.817 2.78601C10.817 2.3192 10.817 2.0858 10.7657 1.8943C10.6265 1.37463 10.2206 0.968722 9.70092 0.829478C9.50942 0.778166 9.27601 0.778166 8.8092 0.778166M2.78567 0.778167C2.31887 0.778167 2.08546 0.778167 1.89396 0.829478C1.37429 0.968723 0.968388 1.37463 0.829143 1.8943C0.777832 2.0858 0.777832 2.3192 0.777832 2.78601M0.777832 8.80954C0.777832 9.27635 0.777832 9.50975 0.829144 9.70125C0.968388 10.2209 1.3743 10.6268 1.89396 10.7661C2.08546 10.8174 2.31887 10.8174 2.78568 10.8174",
1474
+ "stroke": "#5C5C5C",
1475
+ "strokeWidth": "1.3",
1476
+ "strokeLinecap": "round",
1477
+ "strokeLinejoin": "round"
1478
+ }, {
1479
+ "d": "M13.7595 8.30558V7.49927C13.7595 6.70238 13.7595 6.30394 13.6044 5.99957C13.468 5.73183 13.2503 5.51416 12.9826 5.37774C12.6782 5.22266 12.2798 5.22266 11.4829 5.22266H7.49879C6.7019 5.22266 6.30345 5.22266 5.99908 5.37774C5.73135 5.51416 5.51367 5.73183 5.37725 5.99957C5.22217 6.30394 5.22217 6.70238 5.22217 7.49927V11.4834C5.22217 12.2802 5.22217 12.6787 5.37725 12.9831C5.51367 13.2508 5.73135 13.4685 5.99908 13.6049C6.30345 13.76 6.7019 13.76 7.49879 13.76H8.30509M12.0455 12.2002L11.24 13.6961C11.1083 13.9406 11.0425 14.0629 10.9623 14.0948C10.8926 14.1225 10.8139 14.1156 10.7501 14.0762C10.6766 14.0309 10.633 13.8991 10.5457 13.6355L9.25387 9.73383C9.17743 9.50296 9.13921 9.38753 9.1667 9.31065C9.19061 9.24375 9.24327 9.1911 9.31017 9.16718C9.38704 9.1397 9.50248 9.17792 9.73335 9.25436L13.635 10.5462C13.8986 10.6335 14.0304 10.6771 14.0758 10.7506C14.1151 10.8144 14.122 10.8931 14.0943 10.9628C14.0624 11.043 13.9401 11.1088 13.6956 11.2405L12.1997 12.046C12.1624 12.066 12.1438 12.0761 12.1275 12.089C12.113 12.1004 12.0999 12.1135 12.0885 12.128C12.0756 12.1443 12.0656 12.1629 12.0455 12.2002Z",
1480
+ "stroke": "#5C5C5C",
1481
+ "strokeWidth": "1.3",
1482
+ "strokeLinecap": "round",
1483
+ "strokeLinejoin": "round"
1484
+ }],
1485
+ "circles": [],
1486
+ "rects": []
1487
+ },
1238
1488
  "Database01_s1615": {
1239
1489
  "width": "16",
1240
1490
  "height": "16",
@@ -1400,6 +1650,45 @@ var iconmap = {
1400
1650
  "circles": [],
1401
1651
  "rects": []
1402
1652
  },
1653
+ "DatabasePlus_s1810": {
1654
+ "width": "15",
1655
+ "height": "16",
1656
+ "viewBox": "0 0 15 16",
1657
+ "fill": "none",
1658
+ "paths": [{
1659
+ "d": "M1 3.21053C1 4.43147 3.587 5.42105 6.77778 5.42105C9.96856 5.42105 12.5556 4.43147 12.5556 3.21053C12.5556 1.98958 9.96856 1 6.77778 1C3.587 1 1 1.98958 1 3.21053Z",
1660
+ "stroke": "#5C5C5C",
1661
+ "strokeLinecap": "round",
1662
+ "strokeLinejoin": "round"
1663
+ }, {
1664
+ "d": "M1 3.21094V7.63199C1 8.85294 3.587 9.84252 6.77778 9.84252C7.55417 9.84252 8.29444 9.78357 8.97117 9.67746",
1665
+ "stroke": "#5C5C5C",
1666
+ "strokeLinecap": "round",
1667
+ "strokeLinejoin": "round"
1668
+ }, {
1669
+ "d": "M12.5552 7.63199V3.21094",
1670
+ "stroke": "#5C5C5C",
1671
+ "strokeLinecap": "round",
1672
+ "strokeLinejoin": "round"
1673
+ }, {
1674
+ "d": "M1 7.63086V12.0519C1 13.2729 3.587 14.2624 6.77778 14.2624C6.89767 14.2624 7.01683 14.261 7.13528 14.258",
1675
+ "stroke": "#5C5C5C",
1676
+ "strokeLinecap": "round",
1677
+ "strokeLinejoin": "round"
1678
+ }, {
1679
+ "d": "M9.6665 12.7891H13.9998",
1680
+ "stroke": "#5C5C5C",
1681
+ "strokeLinecap": "round",
1682
+ "strokeLinejoin": "round"
1683
+ }, {
1684
+ "d": "M11.8335 10.5781V14.9992",
1685
+ "stroke": "#5C5C5C",
1686
+ "strokeLinecap": "round",
1687
+ "strokeLinejoin": "round"
1688
+ }],
1689
+ "circles": [],
1690
+ "rects": []
1691
+ },
1403
1692
  "DatabasePlus_s1812": {
1404
1693
  "width": "18",
1405
1694
  "height": "18",
@@ -1445,6 +1734,46 @@ var iconmap = {
1445
1734
  "circles": [],
1446
1735
  "rects": []
1447
1736
  },
1737
+ "DatabasePreview_s1810": {
1738
+ "width": "17",
1739
+ "height": "17",
1740
+ "viewBox": "0 0 17 17",
1741
+ "fill": "none",
1742
+ "paths": [{
1743
+ "d": "M1 3.21053C1 4.43147 3.587 5.42105 6.77778 5.42105C9.96856 5.42105 12.5556 4.43147 12.5556 3.21053C12.5556 1.98958 9.96856 1 6.77778 1C3.587 1 1 1.98958 1 3.21053Z",
1744
+ "stroke": "#5C5C5C",
1745
+ "strokeLinecap": "round",
1746
+ "strokeLinejoin": "round"
1747
+ }, {
1748
+ "d": "M1 3.21094V7.63199C1 8.46067 2.27219 9.18276 3.78948 9.56122",
1749
+ "stroke": "#5C5C5C",
1750
+ "strokeLinecap": "round",
1751
+ "strokeLinejoin": "round"
1752
+ }, {
1753
+ "d": "M12.5552 6.63199V3.21094",
1754
+ "stroke": "#5C5C5C",
1755
+ "strokeLinecap": "round",
1756
+ "strokeLinejoin": "round"
1757
+ }, {
1758
+ "d": "M1 7.63086V12.0519C1 12.9389 2.31956 13.7039 4 14.0559",
1759
+ "stroke": "#5C5C5C",
1760
+ "strokeLinecap": "round",
1761
+ "strokeLinejoin": "round"
1762
+ }, {
1763
+ "d": "M9.45459 11.545C9.45459 11.8343 9.56952 12.1118 9.77411 12.3164C9.9787 12.521 10.2562 12.6359 10.5455 12.6359C10.8348 12.6359 11.1123 12.521 11.3169 12.3164C11.5215 12.1118 11.6364 11.8343 11.6364 11.545C11.6364 11.2557 11.5215 10.9782 11.3169 10.7736C11.1123 10.569 10.8348 10.4541 10.5455 10.4541C10.2562 10.4541 9.9787 10.569 9.77411 10.7736C9.56952 10.9782 9.45459 11.2557 9.45459 11.545Z",
1764
+ "fill": "#5C5C5C",
1765
+ "stroke": "#5C5C5C",
1766
+ "strokeLinecap": "round",
1767
+ "strokeLinejoin": "round"
1768
+ }, {
1769
+ "d": "M15.9999 11.5452C14.5454 13.727 12.7272 14.8179 10.5454 14.8179C8.36355 14.8179 6.54537 13.727 5.09082 11.5452C6.54537 9.36337 8.36355 8.27246 10.5454 8.27246C12.7272 8.27246 14.5454 9.36337 15.9999 11.5452Z",
1770
+ "stroke": "#5C5C5C",
1771
+ "strokeLinecap": "round",
1772
+ "strokeLinejoin": "round"
1773
+ }],
1774
+ "circles": [],
1775
+ "rects": []
1776
+ },
1448
1777
  "Dataflow01_s1615": {
1449
1778
  "width": "16",
1450
1779
  "height": "16",
@@ -1520,24 +1849,95 @@ var iconmap = {
1520
1849
  "circles": [],
1521
1850
  "rects": []
1522
1851
  },
1523
- "Dotpoints01_s2420": {
1852
+ "Dataflow04_s2415": {
1524
1853
  "width": "24",
1525
1854
  "height": "24",
1526
1855
  "viewBox": "0 0 24 24",
1527
1856
  "fill": "none",
1528
1857
  "paths": [{
1529
- "d": "M21 12L9 12M21 6L9 6M21 18L9 18M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12ZM5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5C4.55228 5 5 5.44772 5 6ZM5 18C5 18.5523 4.55228 19 4 19C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17C4.55228 17 5 17.4477 5 18Z",
1530
- "stroke": "#8C8C8C",
1531
- "strokeWidth": "2",
1858
+ "d": "M4.8 17.4V17.22C4.8 15.7079 4.8 14.9518 5.09428 14.3742C5.35314 13.8662 5.76619 13.4531 6.27423 13.1943C6.85179 12.9 7.60786 12.9 9.12 12.9H14.88C16.3921 12.9 17.1482 12.9 17.7258 13.1943C18.2338 13.4531 18.6469 13.8662 18.9057 14.3742C19.2 14.9518 19.2 15.7079 19.2 17.22V17.4M4.8 17.4C3.80589 17.4 3 18.2059 3 19.2C3 20.1941 3.80589 21 4.8 21C5.79411 21 6.6 20.1941 6.6 19.2C6.6 18.2059 5.79411 17.4 4.8 17.4ZM19.2 17.4C18.2059 17.4 17.4 18.2059 17.4 19.2C17.4 20.1941 18.2059 21 19.2 21C20.1941 21 21 20.1941 21 19.2C21 18.2059 20.1941 17.4 19.2 17.4ZM12 17.4C11.0059 17.4 10.2 18.2059 10.2 19.2C10.2 20.1941 11.0059 21 12 21C12.9941 21 13.8 20.1941 13.8 19.2C13.8 18.2059 12.9941 17.4 12 17.4ZM12 17.4V8.4M6.6 8.4H17.4C18.2387 8.4 18.658 8.4 18.9888 8.26298C19.4299 8.08029 19.7803 7.72988 19.963 7.28883C20.1 6.95804 20.1 6.53869 20.1 5.7C20.1 4.86131 20.1 4.44196 19.963 4.11117C19.7803 3.67012 19.4299 3.31971 18.9888 3.13702C18.658 3 18.2387 3 17.4 3H6.6C5.76131 3 5.34196 3 5.01117 3.13702C4.57012 3.31971 4.21971 3.67012 4.03702 4.11117C3.9 4.44196 3.9 4.86131 3.9 5.7C3.9 6.53869 3.9 6.95804 4.03702 7.28883C4.21971 7.72988 4.57012 8.08029 5.01117 8.26298C5.34196 8.4 5.76131 8.4 6.6 8.4Z",
1859
+ "stroke": "#096412",
1860
+ "strokeWidth": "1.5",
1532
1861
  "strokeLinecap": "round",
1533
1862
  "strokeLinejoin": "round"
1534
1863
  }],
1535
1864
  "circles": [],
1536
1865
  "rects": []
1537
1866
  },
1538
- "DotsGrid_s1815": {
1539
- "width": "18",
1540
- "height": "18",
1867
+ "Dataflow05_s1815": {
1868
+ "width": "21",
1869
+ "height": "19",
1870
+ "viewBox": "0 0 21 19",
1871
+ "fill": "none",
1872
+ "paths": [{
1873
+ "d": "M10.4736 8.5791V12",
1874
+ "stroke": "#096412",
1875
+ "strokeWidth": "1.5",
1876
+ "strokeLinecap": "round"
1877
+ }, {
1878
+ "d": "M2.89453 14.7373H7M18.0524 14.7373H13.5",
1879
+ "stroke": "#096412",
1880
+ "strokeWidth": "1.5",
1881
+ "strokeLinecap": "round"
1882
+ }, {
1883
+ "d": "M4.78947 4.78947H4.79895M4.03158 8.57895H16.9158C17.9769 8.57895 18.5075 8.57895 18.9128 8.37243C19.2693 8.19078 19.5592 7.90092 19.7409 7.5444C19.9474 7.1391 19.9474 6.60852 19.9474 5.54737V4.03158C19.9474 2.97043 19.9474 2.43985 19.7409 2.03454C19.5592 1.67803 19.2693 1.38817 18.9128 1.20651C18.5075 1 17.9769 1 16.9158 1H4.03158C2.97043 1 2.43985 1 2.03454 1.20651C1.67803 1.38817 1.38817 1.67803 1.20651 2.03454C1 2.43985 1 2.97043 1 4.03158V5.54737C1 6.60852 1 7.1391 1.20651 7.5444C1.38817 7.90092 1.67803 8.19078 2.03454 8.37243C2.43985 8.57895 2.97043 8.57895 4.03158 8.57895Z",
1884
+ "stroke": "#096412",
1885
+ "strokeWidth": "1.5",
1886
+ "strokeLinecap": "round",
1887
+ "strokeLinejoin": "round"
1888
+ }],
1889
+ "circles": [{
1890
+ "cx": "10.4736",
1891
+ "cy": "15.2104",
1892
+ "r": "3.03947",
1893
+ "stroke": "#096412",
1894
+ "strokeWidth": "1.5"
1895
+ }],
1896
+ "rects": []
1897
+ },
1898
+ "Diagram_s2014": {
1899
+ "width": "20",
1900
+ "height": "20",
1901
+ "viewBox": "0 0 20 20",
1902
+ "fill": "none",
1903
+ "paths": [{
1904
+ "d": "M2.22217 15.979C2.22217 16.9727 3.02772 17.7782 4.02141 17.7782H6.72027C7.71397 17.7782 8.51952 16.9727 8.51952 15.979V13.2801C8.51952 12.2864 7.71397 11.4809 6.72027 11.4809H4.02141C3.02772 11.4809 2.22217 12.2864 2.22217 13.2801V15.979Z",
1905
+ "stroke": "#8C8C8C",
1906
+ "strokeWidth": "1.3"
1907
+ }, {
1908
+ "d": "M2.22217 7.27972C2.22217 8.27341 3.02772 9.07896 4.02141 9.07896H6.72027C7.71397 9.07896 8.51952 8.27341 8.51952 7.27972V4.58085C8.51952 3.58716 7.71397 2.78161 6.72027 2.78161H4.02141C3.02772 2.78161 2.22217 3.58716 2.22217 4.58085V7.27972Z",
1909
+ "stroke": "#8C8C8C",
1910
+ "strokeWidth": "1.3"
1911
+ }, {
1912
+ "d": "M10.8895 4.65803C10.1868 5.36068 10.1868 6.49989 10.8895 7.20254L12.7978 9.11092C13.5005 9.81357 14.6397 9.81357 15.3424 9.11092L17.2507 7.20254C17.9534 6.49989 17.9534 5.36067 17.2507 4.65803L15.3424 2.74964C14.6397 2.04699 13.5005 2.04699 12.7978 2.74964L10.8895 4.65803Z",
1913
+ "stroke": "#8C8C8C",
1914
+ "strokeWidth": "1.3"
1915
+ }, {
1916
+ "d": "M10.9214 15.979C10.9214 16.9727 11.727 17.7782 12.7207 17.7782H15.4195C16.4132 17.7782 17.2188 16.9727 17.2188 15.979V13.2801C17.2188 12.2864 16.4132 11.4809 15.4195 11.4809H12.7207C11.727 11.4809 10.9214 12.2864 10.9214 13.2801V15.979Z",
1917
+ "stroke": "#8C8C8C",
1918
+ "strokeWidth": "1.3"
1919
+ }],
1920
+ "circles": [],
1921
+ "rects": []
1922
+ },
1923
+ "Dotpoints01_s2420": {
1924
+ "width": "24",
1925
+ "height": "24",
1926
+ "viewBox": "0 0 24 24",
1927
+ "fill": "none",
1928
+ "paths": [{
1929
+ "d": "M21 12L9 12M21 6L9 6M21 18L9 18M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12ZM5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5C4.55228 5 5 5.44772 5 6ZM5 18C5 18.5523 4.55228 19 4 19C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17C4.55228 17 5 17.4477 5 18Z",
1930
+ "stroke": "#8C8C8C",
1931
+ "strokeWidth": "2",
1932
+ "strokeLinecap": "round",
1933
+ "strokeLinejoin": "round"
1934
+ }],
1935
+ "circles": [],
1936
+ "rects": []
1937
+ },
1938
+ "DotsGrid_s1815": {
1939
+ "width": "18",
1940
+ "height": "18",
1541
1941
  "viewBox": "0 0 18 18",
1542
1942
  "fill": "none",
1543
1943
  "paths": [{
@@ -1733,6 +2133,69 @@ var iconmap = {
1733
2133
  "circles": [],
1734
2134
  "rects": []
1735
2135
  },
2136
+ "DotsVertical02_s1612": {
2137
+ "width": "16",
2138
+ "height": "16",
2139
+ "viewBox": "0 0 16 16",
2140
+ "fill": "none",
2141
+ "paths": [{
2142
+ "d": "M10.6668 4.00033C11.035 4.00033 11.3335 3.70185 11.3335 3.33366C11.3335 2.96547 11.035 2.66699 10.6668 2.66699C10.2986 2.66699 10.0002 2.96547 10.0002 3.33366C10.0002 3.70185 10.2986 4.00033 10.6668 4.00033Z",
2143
+ "fill": "#5C5C5C"
2144
+ }, {
2145
+ "d": "M10.6668 8.66699C11.035 8.66699 11.3335 8.36852 11.3335 8.00033C11.3335 7.63214 11.035 7.33366 10.6668 7.33366C10.2986 7.33366 10.0002 7.63214 10.0002 8.00033C10.0002 8.36852 10.2986 8.66699 10.6668 8.66699Z",
2146
+ "fill": "#5C5C5C"
2147
+ }, {
2148
+ "d": "M10.6668 13.3337C11.035 13.3337 11.3335 13.0352 11.3335 12.667C11.3335 12.2988 11.035 12.0003 10.6668 12.0003C10.2986 12.0003 10.0002 12.2988 10.0002 12.667C10.0002 13.0352 10.2986 13.3337 10.6668 13.3337Z",
2149
+ "fill": "#5C5C5C"
2150
+ }, {
2151
+ "d": "M6.00016 4.00033C6.36835 4.00033 6.66683 3.70185 6.66683 3.33366C6.66683 2.96547 6.36835 2.66699 6.00016 2.66699C5.63197 2.66699 5.3335 2.96547 5.3335 3.33366C5.3335 3.70185 5.63197 4.00033 6.00016 4.00033Z",
2152
+ "fill": "#5C5C5C"
2153
+ }, {
2154
+ "d": "M6.00016 8.66699C6.36835 8.66699 6.66683 8.36852 6.66683 8.00033C6.66683 7.63214 6.36835 7.33366 6.00016 7.33366C5.63197 7.33366 5.3335 7.63214 5.3335 8.00033C5.3335 8.36852 5.63197 8.66699 6.00016 8.66699Z",
2155
+ "fill": "#5C5C5C"
2156
+ }, {
2157
+ "d": "M6.00016 13.3337C6.36835 13.3337 6.66683 13.0352 6.66683 12.667C6.66683 12.2988 6.36835 12.0003 6.00016 12.0003C5.63197 12.0003 5.3335 12.2988 5.3335 12.667C5.3335 13.0352 5.63197 13.3337 6.00016 13.3337Z",
2158
+ "fill": "#5C5C5C"
2159
+ }, {
2160
+ "d": "M10.6668 4.00033C11.035 4.00033 11.3335 3.70185 11.3335 3.33366C11.3335 2.96547 11.035 2.66699 10.6668 2.66699C10.2986 2.66699 10.0002 2.96547 10.0002 3.33366C10.0002 3.70185 10.2986 4.00033 10.6668 4.00033Z",
2161
+ "stroke": "#5C5C5C",
2162
+ "strokeWidth": "1.2",
2163
+ "strokeLinecap": "round",
2164
+ "strokeLinejoin": "round"
2165
+ }, {
2166
+ "d": "M10.6668 8.66699C11.035 8.66699 11.3335 8.36852 11.3335 8.00033C11.3335 7.63214 11.035 7.33366 10.6668 7.33366C10.2986 7.33366 10.0002 7.63214 10.0002 8.00033C10.0002 8.36852 10.2986 8.66699 10.6668 8.66699Z",
2167
+ "stroke": "#5C5C5C",
2168
+ "strokeWidth": "1.2",
2169
+ "strokeLinecap": "round",
2170
+ "strokeLinejoin": "round"
2171
+ }, {
2172
+ "d": "M10.6668 13.3337C11.035 13.3337 11.3335 13.0352 11.3335 12.667C11.3335 12.2988 11.035 12.0003 10.6668 12.0003C10.2986 12.0003 10.0002 12.2988 10.0002 12.667C10.0002 13.0352 10.2986 13.3337 10.6668 13.3337Z",
2173
+ "stroke": "#5C5C5C",
2174
+ "strokeWidth": "1.2",
2175
+ "strokeLinecap": "round",
2176
+ "strokeLinejoin": "round"
2177
+ }, {
2178
+ "d": "M6.00016 4.00033C6.36835 4.00033 6.66683 3.70185 6.66683 3.33366C6.66683 2.96547 6.36835 2.66699 6.00016 2.66699C5.63197 2.66699 5.3335 2.96547 5.3335 3.33366C5.3335 3.70185 5.63197 4.00033 6.00016 4.00033Z",
2179
+ "stroke": "#5C5C5C",
2180
+ "strokeWidth": "1.2",
2181
+ "strokeLinecap": "round",
2182
+ "strokeLinejoin": "round"
2183
+ }, {
2184
+ "d": "M6.00016 8.66699C6.36835 8.66699 6.66683 8.36852 6.66683 8.00033C6.66683 7.63214 6.36835 7.33366 6.00016 7.33366C5.63197 7.33366 5.3335 7.63214 5.3335 8.00033C5.3335 8.36852 5.63197 8.66699 6.00016 8.66699Z",
2185
+ "stroke": "#5C5C5C",
2186
+ "strokeWidth": "1.2",
2187
+ "strokeLinecap": "round",
2188
+ "strokeLinejoin": "round"
2189
+ }, {
2190
+ "d": "M6.00016 13.3337C6.36835 13.3337 6.66683 13.0352 6.66683 12.667C6.66683 12.2988 6.36835 12.0003 6.00016 12.0003C5.63197 12.0003 5.3335 12.2988 5.3335 12.667C5.3335 13.0352 5.63197 13.3337 6.00016 13.3337Z",
2191
+ "stroke": "#5C5C5C",
2192
+ "strokeWidth": "1.2",
2193
+ "strokeLinecap": "round",
2194
+ "strokeLinejoin": "round"
2195
+ }],
2196
+ "circles": [],
2197
+ "rects": []
2198
+ },
1736
2199
  "DotsVertical_s1815": {
1737
2200
  "width": "18",
1738
2201
  "height": "18",
@@ -1796,28 +2259,7 @@ var iconmap = {
1796
2259
  "circles": [],
1797
2260
  "rects": []
1798
2261
  },
1799
- "DownCircle_s1413": {
1800
- "width": "14",
1801
- "height": "14",
1802
- "viewBox": "0 0 14 14",
1803
- "fill": "none",
1804
- "paths": [{
1805
- "d": "M9.5 8L7 9.84M7 9.84L4.5 8M7 9.84V4.5",
1806
- "stroke": "#096412",
1807
- "strokeWidth": "1.3",
1808
- "strokeLinecap": "round",
1809
- "strokeLinejoin": "round"
1810
- }, {
1811
- "d": "M6.83333 12.6667C10.055 12.6667 12.6667 10.055 12.6667 6.83333C12.6667 3.61167 10.055 1 6.83333 1C3.61167 1 1 3.61167 1 6.83333C1 10.055 3.61167 12.6667 6.83333 12.6667Z",
1812
- "stroke": "#096412",
1813
- "strokeWidth": "1.3",
1814
- "strokeLinecap": "round",
1815
- "strokeLinejoin": "round"
1816
- }],
1817
- "circles": [],
1818
- "rects": []
1819
- },
1820
- "Down_s16": {
2262
+ "Down_s1610": {
1821
2263
  "width": "16",
1822
2264
  "height": "16",
1823
2265
  "viewBox": "0 0 16 16",
@@ -1874,7 +2316,7 @@ var iconmap = {
1874
2316
  "circles": [],
1875
2317
  "rects": []
1876
2318
  },
1877
- "Downstream_s14": {
2319
+ "Downstream_s1410": {
1878
2320
  "width": "14",
1879
2321
  "height": "14",
1880
2322
  "viewBox": "0 0 14 14",
@@ -1895,7 +2337,7 @@ var iconmap = {
1895
2337
  "circles": [],
1896
2338
  "rects": []
1897
2339
  },
1898
- "Downstream_s24": {
2340
+ "Downstream_s2410": {
1899
2341
  "width": "24",
1900
2342
  "height": "24",
1901
2343
  "viewBox": "0 0 24 24",
@@ -1916,24 +2358,6 @@ var iconmap = {
1916
2358
  "circles": [],
1917
2359
  "rects": []
1918
2360
  },
1919
- "DragSelect_s1613": {
1920
- "width": "16",
1921
- "height": "16",
1922
- "viewBox": "0 0 16 16",
1923
- "fill": "none",
1924
- "paths": [{
1925
- "d": "M7.02667 7.51637L7.63228 7.28027V7.28027L7.02667 7.51637ZM9.84948 14.757L9.24388 14.9931H9.24388L9.84948 14.757ZM14.7766 10.3282L14.5072 10.9198V10.9198L14.7766 10.3282ZM7.54636 7.03606L7.27701 7.62763L7.54636 7.03606ZM10.5727 14.7408L11.1885 14.9488L10.5727 14.7408ZM11.5797 11.7605L10.9639 11.5524L11.5797 11.7605ZM11.8811 11.5064L11.9865 12.1478H11.9865L11.8811 11.5064ZM14.6787 11.0464L14.5733 10.405L14.6787 11.0464ZM6.42107 7.75247L9.24388 14.9931L10.4551 14.5209L7.63228 7.28027L6.42107 7.75247ZM15.046 9.73666L7.81572 6.4445L7.27701 7.62763L14.5072 10.9198L15.046 9.73666ZM11.1885 14.9488L12.1955 11.9685L10.9639 11.5524L9.9569 14.5327L11.1885 14.9488ZM11.9865 12.1478L14.7842 11.6878L14.5733 10.405L11.7756 10.865L11.9865 12.1478ZM12.1955 11.9685C12.1624 12.0664 12.0797 12.1325 11.9865 12.1478L11.7756 10.865C11.4016 10.9265 11.087 11.1881 10.9639 11.5524L12.1955 11.9685ZM14.5072 10.9198C14.2572 10.8059 14.3222 10.4463 14.5733 10.405L14.7842 11.6878C15.7816 11.5238 15.9829 10.1633 15.046 9.73666L14.5072 10.9198ZM9.24388 14.9931C9.59329 15.8893 10.8797 15.8626 11.1885 14.9488L9.9569 14.5327C9.99805 14.4109 10.114 14.352 10.2023 14.3501C10.2905 14.3481 10.4086 14.4016 10.4551 14.5209L9.24388 14.9931ZM7.63228 7.28027C7.67767 7.39671 7.63225 7.51768 7.56379 7.58096C7.49618 7.64344 7.38061 7.6748 7.27701 7.62763L7.81572 6.4445C6.99593 6.07122 6.07565 6.86647 6.42107 7.75247L7.63228 7.28027Z",
1926
- "fill": "#5C5C5C"
1927
- }, {
1928
- "d": "M6 14C4.17157 14 3.34315 14 1 14V2H13V7",
1929
- "stroke": "#5C5C5C",
1930
- "strokeWidth": "1.3",
1931
- "strokeLinecap": "round",
1932
- "strokeLinejoin": "round"
1933
- }],
1934
- "circles": [],
1935
- "rects": []
1936
- },
1937
2361
  "Drag_s1613": {
1938
2362
  "width": "16",
1939
2363
  "height": "16",
@@ -1994,7 +2418,7 @@ var iconmap = {
1994
2418
  "circles": [],
1995
2419
  "rects": []
1996
2420
  },
1997
- "EyeOff_s16": {
2421
+ "EyeOff_s1610": {
1998
2422
  "width": "16",
1999
2423
  "height": "16",
2000
2424
  "viewBox": "0 0 16 16",
@@ -2013,7 +2437,7 @@ var iconmap = {
2013
2437
  "circles": [],
2014
2438
  "rects": []
2015
2439
  },
2016
- "Eye_s16": {
2440
+ "Eye_s1610": {
2017
2441
  "width": "16",
2018
2442
  "height": "16",
2019
2443
  "viewBox": "0 0 16 16",
@@ -2077,7 +2501,41 @@ var iconmap = {
2077
2501
  "circles": [],
2078
2502
  "rects": []
2079
2503
  },
2080
- "FileCheck02_s14": {
2504
+ "FileChart_s1810": {
2505
+ "width": "18",
2506
+ "height": "18",
2507
+ "viewBox": "0 0 18 18",
2508
+ "fill": "none",
2509
+ "paths": [{
2510
+ "d": "M10.5 2.25V5.25C10.5 5.44891 10.579 5.63968 10.7197 5.78033C10.8603 5.92098 11.0511 6 11.25 6H14.25",
2511
+ "stroke": "#5C5C5C",
2512
+ "strokeLinecap": "round",
2513
+ "strokeLinejoin": "round"
2514
+ }, {
2515
+ "d": "M12.75 15.75H5.25C4.85218 15.75 4.47064 15.592 4.18934 15.3107C3.90804 15.0294 3.75 14.6478 3.75 14.25V3.75C3.75 3.35218 3.90804 2.97064 4.18934 2.68934C4.47064 2.40804 4.85218 2.25 5.25 2.25H10.5L14.25 6V14.25C14.25 14.6478 14.092 15.0294 13.8107 15.3107C13.5294 15.592 13.1478 15.75 12.75 15.75Z",
2516
+ "stroke": "#5C5C5C",
2517
+ "strokeLinecap": "round",
2518
+ "strokeLinejoin": "round"
2519
+ }, {
2520
+ "d": "M6 8.25H12V13.5H6V8.25Z",
2521
+ "stroke": "#5C5C5C",
2522
+ "strokeLinecap": "round",
2523
+ "strokeLinejoin": "round"
2524
+ }, {
2525
+ "d": "M6 11.25H12",
2526
+ "stroke": "#5C5C5C",
2527
+ "strokeLinecap": "round",
2528
+ "strokeLinejoin": "round"
2529
+ }, {
2530
+ "d": "M8.25 8.25V13.5",
2531
+ "stroke": "#5C5C5C",
2532
+ "strokeLinecap": "round",
2533
+ "strokeLinejoin": "round"
2534
+ }],
2535
+ "circles": [],
2536
+ "rects": []
2537
+ },
2538
+ "FileCheck02_s1410": {
2081
2539
  "width": "14",
2082
2540
  "height": "15",
2083
2541
  "viewBox": "0 0 14 15",
@@ -2089,6 +2547,21 @@ var iconmap = {
2089
2547
  "circles": [],
2090
2548
  "rects": []
2091
2549
  },
2550
+ "FileCheck02_s1613": {
2551
+ "width": "16",
2552
+ "height": "16",
2553
+ "viewBox": "0 0 16 16",
2554
+ "fill": "none",
2555
+ "paths": [{
2556
+ "d": "M13.2941 8.825V5.12C13.2941 4.0279 13.2941 3.48185 13.0633 3.06472C12.8603 2.6978 12.5363 2.39949 12.1379 2.21254C11.6849 2 11.0919 2 9.90588 2H5.38824C4.20224 2 3.60925 2 3.15626 2.21254C2.75779 2.39949 2.43384 2.6978 2.23081 3.06472C2 3.48185 2 4.0279 2 5.12V11.88C2 12.9721 2 13.5182 2.23081 13.9353C2.43384 14.3022 2.75779 14.6005 3.15626 14.7875C3.60925 15 4.20224 15 5.38824 15H7.64706M9.05882 7.85H4.82353M6.23529 10.45H4.82353M10.4706 5.25H4.82353M9.41176 13.05L10.8235 14.35L14 11.425",
2557
+ "stroke": "#5C5C5C",
2558
+ "strokeWidth": "1.3",
2559
+ "strokeLinecap": "round",
2560
+ "strokeLinejoin": "round"
2561
+ }],
2562
+ "circles": [],
2563
+ "rects": []
2564
+ },
2092
2565
  "FileCheck02_s1615": {
2093
2566
  "width": "16",
2094
2567
  "height": "16",
@@ -2119,6 +2592,115 @@ var iconmap = {
2119
2592
  "circles": [],
2120
2593
  "rects": []
2121
2594
  },
2595
+ "FileCheck04_s1413": {
2596
+ "width": "14",
2597
+ "height": "16",
2598
+ "viewBox": "0 0 14 16",
2599
+ "fill": "none",
2600
+ "paths": [{
2601
+ "d": "M8.12486 2.75098V5.00085C8.12486 5.41504 8.46063 5.75081 8.87482 5.75081H11.1247M9.99975 3.87591C9.66597 3.57727 9.31961 3.22306 9.10096 2.99301C8.95546 2.83993 8.75442 2.75098 8.54323 2.75098H2.87497C2.0466 2.75098 1.37506 3.42251 1.37506 4.25088L1.375 13.2503C1.37499 14.0787 2.04653 14.7503 2.87491 14.7503L9.62456 14.7503C10.4529 14.7503 11.1245 14.0788 11.1245 13.2504L11.1247 5.29948C11.1247 5.10772 11.0515 4.92338 10.9184 4.78532C10.6723 4.53003 10.2613 4.10997 9.99975 3.87591Z",
2602
+ "stroke": "#5C5C5C",
2603
+ "strokeLinecap": "round",
2604
+ "strokeLinejoin": "round"
2605
+ }, {
2606
+ "d": "M11.3751 13.2493C12.2034 13.2493 12.875 12.5778 12.875 11.7494L12.8752 3.7985C12.8752 3.60674 12.802 3.4224 12.6689 3.28434C12.4228 3.02905 12.0118 2.609 11.7502 2.37494C11.4165 2.07629 11.0701 1.72208 10.8514 1.49204C10.7059 1.33895 10.5049 1.25 10.2937 1.25H4.62546C3.79709 1.25 3.12555 1.92153 3.12555 2.74991M9.87535 1.25V3.28434C9.87535 3.69853 10.4373 4.24983 10.8514 4.24983H12.8752",
2607
+ "stroke": "#5C5C5C",
2608
+ "strokeLinecap": "round",
2609
+ "strokeLinejoin": "round"
2610
+ }, {
2611
+ "d": "M4.26758 10.3135L5.35545 11.3742L8.12457 8.48145",
2612
+ "stroke": "#5C5C5C",
2613
+ "strokeWidth": "1.3",
2614
+ "strokeLinecap": "round",
2615
+ "strokeLinejoin": "round"
2616
+ }],
2617
+ "circles": [],
2618
+ "rects": []
2619
+ },
2620
+ "FileCode_s1810": {
2621
+ "width": "18",
2622
+ "height": "18",
2623
+ "viewBox": "0 0 18 18",
2624
+ "fill": "none",
2625
+ "paths": [{
2626
+ "d": "M10.5 2.25V5.25C10.5 5.44891 10.579 5.63968 10.7197 5.78033C10.8603 5.92098 11.0511 6 11.25 6H14.25",
2627
+ "stroke": "#5C5C5C",
2628
+ "strokeLinecap": "round",
2629
+ "strokeLinejoin": "round"
2630
+ }, {
2631
+ "d": "M12.75 15.75H5.25C4.85218 15.75 4.47064 15.592 4.18934 15.3107C3.90804 15.0294 3.75 14.6478 3.75 14.25V3.75C3.75 3.35218 3.90804 2.97064 4.18934 2.68934C4.47064 2.40804 4.85218 2.25 5.25 2.25H10.5L14.25 6V14.25C14.25 14.6478 14.092 15.0294 13.8107 15.3107C13.5294 15.592 13.1478 15.75 12.75 15.75Z",
2632
+ "stroke": "#5C5C5C",
2633
+ "strokeLinecap": "round",
2634
+ "strokeLinejoin": "round"
2635
+ }, {
2636
+ "d": "M7.5 9.75L6.75 11.25L7.5 12.75",
2637
+ "stroke": "#5C5C5C",
2638
+ "strokeLinecap": "round",
2639
+ "strokeLinejoin": "round"
2640
+ }, {
2641
+ "d": "M10.5 9.75L11.25 11.25L10.5 12.75",
2642
+ "stroke": "#5C5C5C",
2643
+ "strokeLinecap": "round",
2644
+ "strokeLinejoin": "round"
2645
+ }],
2646
+ "circles": [],
2647
+ "rects": []
2648
+ },
2649
+ "FileDot_s1810": {
2650
+ "width": "18",
2651
+ "height": "18",
2652
+ "viewBox": "0 0 18 18",
2653
+ "fill": "none",
2654
+ "paths": [{
2655
+ "d": "M10.5 2.25V5.25C10.5 5.44891 10.579 5.63968 10.7197 5.78033C10.8603 5.92098 11.0511 6 11.25 6H14.25",
2656
+ "stroke": "#5C5C5C",
2657
+ "strokeLinecap": "round",
2658
+ "strokeLinejoin": "round"
2659
+ }, {
2660
+ "d": "M12.75 15.75H5.25C4.85218 15.75 4.47064 15.592 4.18934 15.3107C3.90804 15.0294 3.75 14.6478 3.75 14.25V3.75C3.75 3.35218 3.90804 2.97064 4.18934 2.68934C4.47064 2.40804 4.85218 2.25 5.25 2.25H10.5L14.25 6V14.25C14.25 14.6478 14.092 15.0294 13.8107 15.3107C13.5294 15.592 13.1478 15.75 12.75 15.75Z",
2661
+ "stroke": "#5C5C5C",
2662
+ "strokeLinecap": "round",
2663
+ "strokeLinejoin": "round"
2664
+ }, {
2665
+ "d": "M6.75 10.5V10.5075",
2666
+ "stroke": "#5C5C5C",
2667
+ "strokeLinecap": "round",
2668
+ "strokeLinejoin": "round"
2669
+ }, {
2670
+ "d": "M9 10.5V10.5075",
2671
+ "stroke": "#5C5C5C",
2672
+ "strokeLinecap": "round",
2673
+ "strokeLinejoin": "round"
2674
+ }, {
2675
+ "d": "M11.25 10.5V10.5075",
2676
+ "stroke": "#5C5C5C",
2677
+ "strokeLinecap": "round",
2678
+ "strokeLinejoin": "round"
2679
+ }],
2680
+ "circles": [],
2681
+ "rects": []
2682
+ },
2683
+ "FileOut_s1612": {
2684
+ "width": "13",
2685
+ "height": "16",
2686
+ "viewBox": "0 0 13 16",
2687
+ "fill": "none",
2688
+ "paths": [{
2689
+ "d": "M11.3332 8.33398V4.53398C11.3332 3.41388 11.3332 2.85383 11.1152 2.426C10.9234 2.04968 10.6175 1.74372 10.2412 1.55197C9.81333 1.33398 9.25328 1.33398 8.13317 1.33398H3.8665C2.7464 1.33398 2.18635 1.33398 1.75852 1.55197C1.3822 1.74372 1.07624 2.04968 0.884491 2.426C0.666504 2.85383 0.666504 3.41388 0.666504 4.53398V11.4673C0.666504 12.5874 0.666504 13.1475 0.884491 13.5753C1.07624 13.9516 1.3822 14.2576 1.75852 14.4493C2.18635 14.6673 2.74637 14.6673 3.86641 14.6673H6.33317",
2690
+ "stroke": "#5C5C5C",
2691
+ "strokeWidth": "1.2",
2692
+ "strokeLinecap": "round",
2693
+ "strokeLinejoin": "round"
2694
+ }, {
2695
+ "d": "M10 14.667L12 12.667M12 12.667L10 10.667M12 12.667L10 12.667L8 12.667",
2696
+ "stroke": "#5C5C5C",
2697
+ "strokeWidth": "1.2",
2698
+ "strokeLinecap": "round",
2699
+ "strokeLinejoin": "round"
2700
+ }],
2701
+ "circles": [],
2702
+ "rects": []
2703
+ },
2122
2704
  "FilePlus02_s1615": {
2123
2705
  "width": "16",
2124
2706
  "height": "16",
@@ -2134,6 +2716,20 @@ var iconmap = {
2134
2716
  "circles": [],
2135
2717
  "rects": []
2136
2718
  },
2719
+ "FilePlus_s1810": {
2720
+ "width": "18",
2721
+ "height": "18",
2722
+ "viewBox": "0 0 18 18",
2723
+ "fill": "none",
2724
+ "paths": [{
2725
+ "d": "M10.25 3.16172V5.64004C10.25 5.97607 10.25 6.14409 10.3181 6.27244C10.378 6.38533 10.4737 6.47712 10.5913 6.53465C10.725 6.60004 10.9 6.60004 11.25 6.60004H13.8316M9 12.6V9M7.125 10.8H10.875M10.25 3H7C5.9499 3 5.42485 3 5.02377 3.19619C4.67096 3.36876 4.38413 3.64413 4.20436 3.98282C4 4.36786 4 4.87191 4 5.88V12.12C4 13.1281 4 13.6321 4.20436 14.0172C4.38413 14.3559 4.67096 14.6312 5.02377 14.8038C5.42485 15 5.9499 15 7 15H11C12.0501 15 12.5751 15 12.9762 14.8038C13.329 14.6312 13.6159 14.3559 13.7956 14.0172C14 13.6321 14 13.1281 14 12.12V6.6L10.25 3Z",
2726
+ "stroke": "#5C5C5C",
2727
+ "strokeLinecap": "round",
2728
+ "strokeLinejoin": "round"
2729
+ }],
2730
+ "circles": [],
2731
+ "rects": []
2732
+ },
2137
2733
  "FilePlus_s1812": {
2138
2734
  "width": "18",
2139
2735
  "height": "18",
@@ -2164,6 +2760,25 @@ var iconmap = {
2164
2760
  "circles": [],
2165
2761
  "rects": []
2166
2762
  },
2763
+ "FileRefresh_s1810": {
2764
+ "width": "15",
2765
+ "height": "14",
2766
+ "viewBox": "0 0 15 14",
2767
+ "fill": "none",
2768
+ "paths": [{
2769
+ "d": "M10.6 4V3.88C10.6 2.87191 10.6 2.36786 10.4038 1.98282C10.2312 1.64413 9.95587 1.36876 9.61718 1.19619C9.23214 1 8.72809 1 7.72 1H3.88C2.87191 1 2.36786 1 1.98282 1.19619C1.64413 1.36876 1.36876 1.64413 1.19619 1.98282C1 2.36786 1 2.87191 1 3.88V10.12C1 11.1281 1 11.6321 1.19619 12.0172C1.36876 12.3559 1.64413 12.6312 1.98282 12.8038C2.36786 13 2.87191 13 3.88 13H6.1M6.1 6.4H3.4M5.5 8.8H3.4M8.2 4H3.4",
2770
+ "stroke": "#5C5C5C",
2771
+ "strokeLinecap": "round",
2772
+ "strokeLinejoin": "round"
2773
+ }, {
2774
+ "d": "M7.9668 10.2002C7.9668 10.2002 8.00319 10.455 9.05761 11.5094C10.112 12.5638 11.8216 12.5638 12.876 11.5094C13.2496 11.1358 13.4908 10.68 13.5996 10.2002M7.9668 10.2002V12.0002M7.9668 10.2002H9.7668M13.5997 8.19961C13.5997 8.19961 13.5633 7.94484 12.5089 6.89042C11.4545 5.83601 9.74491 5.83601 8.69049 6.89042C8.31691 7.264 8.07569 7.71982 7.96683 8.19961M13.5997 8.19961V6.39961M13.5997 8.19961H11.7997",
2775
+ "stroke": "#5C5C5C",
2776
+ "strokeLinecap": "round",
2777
+ "strokeLinejoin": "round"
2778
+ }],
2779
+ "circles": [],
2780
+ "rects": []
2781
+ },
2167
2782
  "FileRefresh_s1812": {
2168
2783
  "width": "18",
2169
2784
  "height": "18",
@@ -2185,6 +2800,31 @@ var iconmap = {
2185
2800
  "circles": [],
2186
2801
  "rects": []
2187
2802
  },
2803
+ "FileSlash_s1413": {
2804
+ "width": "14",
2805
+ "height": "16",
2806
+ "viewBox": "0 0 14 16",
2807
+ "fill": "none",
2808
+ "paths": [{
2809
+ "d": "M8.24134 2.69434V4.8626C8.24134 5.26176 8.56493 5.58535 8.9641 5.58535H11.1323M8.24134 2.69434H8.64454C8.84807 2.69434 9.04181 2.78006 9.18204 2.92759C9.39276 3.1493 9.72655 3.49066 10.0482 3.77847C10.3003 4.00404 10.6964 4.40886 10.9336 4.65489C11.0619 4.78794 11.1324 4.96559 11.1324 5.15039L11.1323 5.58535M8.24134 2.69434H2.82046M11.1323 5.58535L11.1322 13.897M1.73633 6.30811V12.8129C1.73632 13.6112 2.3835 14.2584 3.18183 14.2584H7.87974",
2810
+ "stroke": "#5C5C5C",
2811
+ "strokeLinecap": "round",
2812
+ "strokeLinejoin": "round"
2813
+ }, {
2814
+ "d": "M11.4936 14.7498L1.375 1.74023",
2815
+ "stroke": "#5C5C5C",
2816
+ "strokeWidth": "1.3",
2817
+ "strokeLinecap": "round",
2818
+ "strokeLinejoin": "round"
2819
+ }, {
2820
+ "d": "M11.3732 12.8141C12.1715 12.8141 12.8187 12.1669 12.8187 11.3686L12.8189 3.70606C12.8189 3.52125 12.7484 3.3436 12.6201 3.21055C12.3829 2.96452 11.9869 2.5597 11.7348 2.33413C11.4131 2.04632 11.0793 1.70496 10.8686 1.48326C10.7283 1.33573 10.5346 1.25 10.3311 1.25H4.86842C4.07009 1.25 3.42291 1.89717 3.42291 2.6955M9.92787 1.25V3.21055C9.92787 3.60972 10.4694 4.14102 10.8686 4.14102H12.8189",
2821
+ "stroke": "#5C5C5C",
2822
+ "strokeLinecap": "round",
2823
+ "strokeLinejoin": "round"
2824
+ }],
2825
+ "circles": [],
2826
+ "rects": []
2827
+ },
2188
2828
  "FileX02_s1615": {
2189
2829
  "width": "16",
2190
2830
  "height": "16",
@@ -2230,6 +2870,21 @@ var iconmap = {
2230
2870
  "circles": [],
2231
2871
  "rects": []
2232
2872
  },
2873
+ "File_s1613": {
2874
+ "width": "16",
2875
+ "height": "16",
2876
+ "viewBox": "0 0 16 16",
2877
+ "fill": "none",
2878
+ "paths": [{
2879
+ "d": "M9.25 1.18867V4.08005C9.25 4.47209 9.25 4.6681 9.31812 4.81784C9.37804 4.94956 9.47365 5.05664 9.59126 5.12375C9.72495 5.20005 9.89997 5.20005 10.25 5.20005H12.8316M9.25 1H6C4.9499 1 4.42485 1 4.02377 1.22889C3.67096 1.43022 3.38413 1.75148 3.20436 2.14662C3 2.59583 3 3.18389 3 4.36V11.64C3 12.8161 3 13.4042 3.20436 13.8534C3.38413 14.2485 3.67096 14.5698 4.02377 14.7711C4.42485 15 4.9499 15 6 15H10C11.0501 15 11.5751 15 11.9762 14.7711C12.329 14.5698 12.6159 14.2485 12.7956 13.8534C13 13.4042 13 12.8161 13 11.64V5.2L9.25 1Z",
2880
+ "stroke": "#5C5C5C",
2881
+ "strokeWidth": "1.3",
2882
+ "strokeLinecap": "round",
2883
+ "strokeLinejoin": "round"
2884
+ }],
2885
+ "circles": [],
2886
+ "rects": []
2887
+ },
2233
2888
  "File_s2415": {
2234
2889
  "width": "24",
2235
2890
  "height": "24",
@@ -2290,6 +2945,28 @@ var iconmap = {
2290
2945
  "circles": [],
2291
2946
  "rects": []
2292
2947
  },
2948
+ "FolderSetting_s2013": {
2949
+ "width": "19",
2950
+ "height": "19",
2951
+ "viewBox": "0 0 19 19",
2952
+ "fill": "none",
2953
+ "paths": [{
2954
+ "d": "M13.3331 4.0798V3.87572C13.3331 3.19945 12.7859 2.65123 12.1109 2.65123H6.50605C6.18189 2.65123 5.87102 2.31814 5.6418 2.0885L5.13554 1.5813C4.90633 1.35166 4.59545 1.22266 4.2713 1.22266H2.33312C1.6581 1.22266 1.11089 1.77088 1.11089 2.44715L1.11084 11.1093C1.11084 11.7855 1.65805 12.3338 2.33306 12.3338H4.87152",
2955
+ "stroke": "#8C8C8C",
2956
+ "strokeWidth": "1.3",
2957
+ "strokeLinecap": "round"
2958
+ }, {
2959
+ "d": "M12.3747 6.77832H13.7544C14.2938 6.77832 14.7312 7.21567 14.7312 7.75516C14.7312 8.50713 15.5452 8.9771 16.1965 8.60112C16.6637 8.33137 17.2611 8.49144 17.5309 8.95867L18.2207 10.1535C18.4905 10.6207 18.3304 11.2181 17.8632 11.4879C17.2119 11.8639 17.2119 12.8038 17.8632 13.1798C18.3304 13.4496 18.4905 14.047 18.2207 14.5142L17.5309 15.709C17.2611 16.1762 16.6637 16.3363 16.1965 16.0666C15.5452 15.6906 14.7312 16.1606 14.7312 16.9126C14.7312 17.4521 14.2938 17.8894 13.7543 17.8894H12.3747C11.8352 17.8894 11.3979 17.4521 11.3979 16.9126C11.3979 16.1606 10.5838 15.6906 9.93259 16.0666C9.46538 16.3363 8.86795 16.1762 8.5982 15.709L7.90838 14.5142C7.63863 14.047 7.79871 13.4496 8.26593 13.1798C8.91717 12.8038 8.91717 11.8638 8.26593 11.4879C7.79871 11.2181 7.63863 10.6207 7.90838 10.1535L8.5982 8.95866C8.86795 8.49144 9.46538 8.33136 9.9326 8.60111C10.5838 8.97709 11.3979 8.50712 11.3979 7.75515C11.3979 7.21566 11.8352 6.77832 12.3747 6.77832Z",
2960
+ "stroke": "#8C8C8C",
2961
+ "strokeWidth": "1.3"
2962
+ }, {
2963
+ "d": "M15.5553 12.3336C15.5553 13.5609 14.5604 14.5558 13.3331 14.5558C12.1058 14.5558 11.1108 13.5609 11.1108 12.3336C11.1108 11.1063 12.1058 10.1113 13.3331 10.1113C14.5604 10.1113 15.5553 11.1063 15.5553 12.3336Z",
2964
+ "stroke": "#8C8C8C",
2965
+ "strokeWidth": "1.3"
2966
+ }],
2967
+ "circles": [],
2968
+ "rects": []
2969
+ },
2293
2970
  "FolderUpload_s1615": {
2294
2971
  "width": "16",
2295
2972
  "height": "16",
@@ -2353,6 +3030,22 @@ var iconmap = {
2353
3030
  "circles": [],
2354
3031
  "rects": []
2355
3032
  },
3033
+ "Folder_s1810": {
3034
+ "width": "18",
3035
+ "height": "18",
3036
+ "viewBox": "0 0 18 18",
3037
+ "fill": "none",
3038
+ "paths": [{
3039
+ "d": "M2 6C2 4.89543 2.89543 4 4 4L6.22713 4C6.75756 4 7.26627 4.21071 7.64134 4.58579L8.02532 4.96977C8.4004 5.34484 8.90911 5.55556 9.43954 5.55556H14C15.1046 5.55556 16 6.45099 16 7.55556V12.8889C16 13.9935 15.1046 14.8889 14 14.8889H4C2.89543 14.8889 2 13.9935 2 12.8889V6Z",
3040
+ "fillRule": "evenodd",
3041
+ "clipRule": "evenodd",
3042
+ "stroke": "#5C5C5C",
3043
+ "strokeLinecap": "round",
3044
+ "strokeLinejoin": "round"
3045
+ }],
3046
+ "circles": [],
3047
+ "rects": []
3048
+ },
2356
3049
  "Folder_s2415": {
2357
3050
  "width": "24",
2358
3051
  "height": "24",
@@ -2410,69 +3103,6 @@ var iconmap = {
2410
3103
  "circles": [],
2411
3104
  "rects": []
2412
3105
  },
2413
- "Grabber_s1612": {
2414
- "width": "16",
2415
- "height": "16",
2416
- "viewBox": "0 0 16 16",
2417
- "fill": "none",
2418
- "paths": [{
2419
- "d": "M10.6668 4.00033C11.035 4.00033 11.3335 3.70185 11.3335 3.33366C11.3335 2.96547 11.035 2.66699 10.6668 2.66699C10.2986 2.66699 10.0002 2.96547 10.0002 3.33366C10.0002 3.70185 10.2986 4.00033 10.6668 4.00033Z",
2420
- "fill": "#5C5C5C"
2421
- }, {
2422
- "d": "M10.6668 8.66699C11.035 8.66699 11.3335 8.36852 11.3335 8.00033C11.3335 7.63214 11.035 7.33366 10.6668 7.33366C10.2986 7.33366 10.0002 7.63214 10.0002 8.00033C10.0002 8.36852 10.2986 8.66699 10.6668 8.66699Z",
2423
- "fill": "#5C5C5C"
2424
- }, {
2425
- "d": "M10.6668 13.3337C11.035 13.3337 11.3335 13.0352 11.3335 12.667C11.3335 12.2988 11.035 12.0003 10.6668 12.0003C10.2986 12.0003 10.0002 12.2988 10.0002 12.667C10.0002 13.0352 10.2986 13.3337 10.6668 13.3337Z",
2426
- "fill": "#5C5C5C"
2427
- }, {
2428
- "d": "M6.00016 4.00033C6.36835 4.00033 6.66683 3.70185 6.66683 3.33366C6.66683 2.96547 6.36835 2.66699 6.00016 2.66699C5.63197 2.66699 5.3335 2.96547 5.3335 3.33366C5.3335 3.70185 5.63197 4.00033 6.00016 4.00033Z",
2429
- "fill": "#5C5C5C"
2430
- }, {
2431
- "d": "M6.00016 8.66699C6.36835 8.66699 6.66683 8.36852 6.66683 8.00033C6.66683 7.63214 6.36835 7.33366 6.00016 7.33366C5.63197 7.33366 5.3335 7.63214 5.3335 8.00033C5.3335 8.36852 5.63197 8.66699 6.00016 8.66699Z",
2432
- "fill": "#5C5C5C"
2433
- }, {
2434
- "d": "M6.00016 13.3337C6.36835 13.3337 6.66683 13.0352 6.66683 12.667C6.66683 12.2988 6.36835 12.0003 6.00016 12.0003C5.63197 12.0003 5.3335 12.2988 5.3335 12.667C5.3335 13.0352 5.63197 13.3337 6.00016 13.3337Z",
2435
- "fill": "#5C5C5C"
2436
- }, {
2437
- "d": "M10.6668 4.00033C11.035 4.00033 11.3335 3.70185 11.3335 3.33366C11.3335 2.96547 11.035 2.66699 10.6668 2.66699C10.2986 2.66699 10.0002 2.96547 10.0002 3.33366C10.0002 3.70185 10.2986 4.00033 10.6668 4.00033Z",
2438
- "stroke": "#5C5C5C",
2439
- "strokeWidth": "1.2",
2440
- "strokeLinecap": "round",
2441
- "strokeLinejoin": "round"
2442
- }, {
2443
- "d": "M10.6668 8.66699C11.035 8.66699 11.3335 8.36852 11.3335 8.00033C11.3335 7.63214 11.035 7.33366 10.6668 7.33366C10.2986 7.33366 10.0002 7.63214 10.0002 8.00033C10.0002 8.36852 10.2986 8.66699 10.6668 8.66699Z",
2444
- "stroke": "#5C5C5C",
2445
- "strokeWidth": "1.2",
2446
- "strokeLinecap": "round",
2447
- "strokeLinejoin": "round"
2448
- }, {
2449
- "d": "M10.6668 13.3337C11.035 13.3337 11.3335 13.0352 11.3335 12.667C11.3335 12.2988 11.035 12.0003 10.6668 12.0003C10.2986 12.0003 10.0002 12.2988 10.0002 12.667C10.0002 13.0352 10.2986 13.3337 10.6668 13.3337Z",
2450
- "stroke": "#5C5C5C",
2451
- "strokeWidth": "1.2",
2452
- "strokeLinecap": "round",
2453
- "strokeLinejoin": "round"
2454
- }, {
2455
- "d": "M6.00016 4.00033C6.36835 4.00033 6.66683 3.70185 6.66683 3.33366C6.66683 2.96547 6.36835 2.66699 6.00016 2.66699C5.63197 2.66699 5.3335 2.96547 5.3335 3.33366C5.3335 3.70185 5.63197 4.00033 6.00016 4.00033Z",
2456
- "stroke": "#5C5C5C",
2457
- "strokeWidth": "1.2",
2458
- "strokeLinecap": "round",
2459
- "strokeLinejoin": "round"
2460
- }, {
2461
- "d": "M6.00016 8.66699C6.36835 8.66699 6.66683 8.36852 6.66683 8.00033C6.66683 7.63214 6.36835 7.33366 6.00016 7.33366C5.63197 7.33366 5.3335 7.63214 5.3335 8.00033C5.3335 8.36852 5.63197 8.66699 6.00016 8.66699Z",
2462
- "stroke": "#5C5C5C",
2463
- "strokeWidth": "1.2",
2464
- "strokeLinecap": "round",
2465
- "strokeLinejoin": "round"
2466
- }, {
2467
- "d": "M6.00016 13.3337C6.36835 13.3337 6.66683 13.0352 6.66683 12.667C6.66683 12.2988 6.36835 12.0003 6.00016 12.0003C5.63197 12.0003 5.3335 12.2988 5.3335 12.667C5.3335 13.0352 5.63197 13.3337 6.00016 13.3337Z",
2468
- "stroke": "#5C5C5C",
2469
- "strokeWidth": "1.2",
2470
- "strokeLinecap": "round",
2471
- "strokeLinejoin": "round"
2472
- }],
2473
- "circles": [],
2474
- "rects": []
2475
- },
2476
3106
  "GraduationHat01_s1615": {
2477
3107
  "width": "16",
2478
3108
  "height": "16",
@@ -2518,7 +3148,7 @@ var iconmap = {
2518
3148
  "circles": [],
2519
3149
  "rects": []
2520
3150
  },
2521
- "HomeOutline24_s24": {
3151
+ "HomeOutline24_s2410": {
2522
3152
  "width": "24",
2523
3153
  "height": "24",
2524
3154
  "viewBox": "0 0 24 24",
@@ -2532,7 +3162,61 @@ var iconmap = {
2532
3162
  "circles": [],
2533
3163
  "rects": []
2534
3164
  },
2535
- "Information_s16": {
3165
+ "Home_s2015": {
3166
+ "width": "20",
3167
+ "height": "20",
3168
+ "viewBox": "0 0 20 20",
3169
+ "fill": "none",
3170
+ "paths": [{
3171
+ "d": "M1 8.57895L10 1L19 8.57895",
3172
+ "stroke": "#8C8C8C",
3173
+ "strokeWidth": "1.5",
3174
+ "strokeLinecap": "round",
3175
+ "strokeLinejoin": "round"
3176
+ }, {
3177
+ "d": "M1 8.5791V16.6844C1 17.2986 1.27092 17.8876 1.75315 18.3219C2.23539 18.7562 2.88944 19.0002 3.57143 19.0002H16.4286C17.1106 19.0002 17.7646 18.7562 18.2468 18.3219C18.7291 17.8876 19 17.2986 19 16.6844V8.5791",
3178
+ "stroke": "#8C8C8C",
3179
+ "strokeWidth": "1.5",
3180
+ "strokeLinecap": "round",
3181
+ "strokeLinejoin": "round"
3182
+ }, {
3183
+ "d": "M7 18.9998V13.3156C7 12.8131 7.21071 12.3312 7.58579 11.9759C7.96086 11.6205 8.46957 11.4209 9 11.4209H11C11.5304 11.4209 12.0391 11.6205 12.4142 11.9759C12.7893 12.3312 13 12.8131 13 13.3156V18.9998",
3184
+ "stroke": "#8C8C8C",
3185
+ "strokeWidth": "1.5",
3186
+ "strokeLinecap": "round",
3187
+ "strokeLinejoin": "round"
3188
+ }],
3189
+ "circles": [],
3190
+ "rects": []
3191
+ },
3192
+ "Home_s2415": {
3193
+ "width": "24",
3194
+ "height": "24",
3195
+ "viewBox": "0 0 24 24",
3196
+ "fill": "none",
3197
+ "paths": [{
3198
+ "d": "M3 10.5789L12 3L21 10.5789",
3199
+ "stroke": "#096412",
3200
+ "strokeWidth": "1.5",
3201
+ "strokeLinecap": "round",
3202
+ "strokeLinejoin": "round"
3203
+ }, {
3204
+ "d": "M3 10.579V18.6842C3 19.2984 3.27092 19.8875 3.75315 20.3218C4.23539 20.756 4.88944 21 5.57143 21H18.4286C19.1106 21 19.7646 20.756 20.2468 20.3218C20.7291 19.8875 21 19.2984 21 18.6842V10.579",
3205
+ "stroke": "#096412",
3206
+ "strokeWidth": "1.5",
3207
+ "strokeLinecap": "round",
3208
+ "strokeLinejoin": "round"
3209
+ }, {
3210
+ "d": "M9 21.0001V15.3159C9 14.8134 9.21071 14.3314 9.58579 13.9761C9.96086 13.6208 10.4696 13.4211 11 13.4211H13C13.5304 13.4211 14.0391 13.6208 14.4142 13.9761C14.7893 14.3314 15 14.8134 15 15.3159V21.0001",
3211
+ "stroke": "#096412",
3212
+ "strokeWidth": "1.5",
3213
+ "strokeLinecap": "round",
3214
+ "strokeLinejoin": "round"
3215
+ }],
3216
+ "circles": [],
3217
+ "rects": []
3218
+ },
3219
+ "Information_s1610": {
2536
3220
  "width": "16",
2537
3221
  "height": "16",
2538
3222
  "viewBox": "0 0 16 16",
@@ -2550,18 +3234,6 @@ var iconmap = {
2550
3234
  "circles": [],
2551
3235
  "rects": []
2552
3236
  },
2553
- "K_s18": {
2554
- "width": "18",
2555
- "height": "18",
2556
- "viewBox": "0 0 18 18",
2557
- "fill": "none",
2558
- "paths": [{
2559
- "d": "M3 3.8742L3.19433 2.25H7.8583L8.05263 3.8742C7.83887 4.12261 7.47611 4.34236 6.96437 4.53344V13.4761C7.47611 13.6799 7.83887 13.8965 8.05263 14.1258L7.8583 15.75H3.19433L3 14.1258C3.1749 13.9029 3.54089 13.6863 4.09798 13.4761V4.53344C3.54737 4.34236 3.18138 4.12261 3 3.8742ZM15 14.1258L14.796 15.75H11.4923L7.08097 8.7086L10.404 4.36146C10.0283 4.18312 9.76923 4.00796 9.62672 3.83599L9.82105 2.25H14.3587L14.5628 3.83599C14.3749 4.04618 14.0283 4.25318 13.5231 4.45701L10.0834 8.63217L13.2316 13.285C14.0802 13.4634 14.6696 13.7436 15 14.1258Z",
2560
- "fill": "#8C8C8C"
2561
- }],
2562
- "circles": [],
2563
- "rects": []
2564
- },
2565
3237
  "LineChartDown01_s2420": {
2566
3238
  "width": "24",
2567
3239
  "height": "24",
@@ -2697,6 +3369,38 @@ var iconmap = {
2697
3369
  "circles": [],
2698
3370
  "rects": []
2699
3371
  },
3372
+ "Menu2_s1613": {
3373
+ "width": "14",
3374
+ "height": "13",
3375
+ "viewBox": "0 0 14 13",
3376
+ "fill": "none",
3377
+ "paths": [{
3378
+ "d": "M8.99951 4.33301H12.9994V9.66619C12.9994 10.609 12.9994 11.0804 12.7065 11.3733C12.4136 11.6662 11.9422 11.6662 10.9994 11.6662H8.99951V4.33301Z",
3379
+ "stroke": "#5C5C5C",
3380
+ "strokeWidth": "1.3",
3381
+ "strokeLinecap": "round"
3382
+ }, {
3383
+ "d": "M1 4.33301H4.99992V11.6662H3C2.05719 11.6662 1.58579 11.6662 1.29289 11.3733C1 11.0804 1 10.609 1 9.66619V4.33301Z",
3384
+ "stroke": "#5C5C5C",
3385
+ "strokeWidth": "1.3",
3386
+ "strokeLinecap": "round"
3387
+ }, {
3388
+ "d": "M1 3C1 2.05719 1 1.58579 1.29289 1.29289C1.58579 1 2.05719 1 3 1H10.9998C11.9426 1 12.414 1 12.7069 1.29289C12.9998 1.58579 12.9998 2.05719 12.9998 3V4.33327H1V3Z",
3389
+ "stroke": "#5C5C5C",
3390
+ "strokeWidth": "1.3",
3391
+ "strokeLinecap": "round"
3392
+ }],
3393
+ "circles": [],
3394
+ "rects": [{
3395
+ "x": "4.99951",
3396
+ "y": "4.33301",
3397
+ "width": "3.99992",
3398
+ "height": "7.33318",
3399
+ "stroke": "#5C5C5C",
3400
+ "strokeWidth": "1.3",
3401
+ "strokeLinecap": "round"
3402
+ }]
3403
+ },
2700
3404
  "Menu_s2415": {
2701
3405
  "width": "24",
2702
3406
  "height": "24",
@@ -2802,7 +3506,7 @@ var iconmap = {
2802
3506
  "circles": [],
2803
3507
  "rects": []
2804
3508
  },
2805
- "Network03_s14": {
3509
+ "Network03_s1410": {
2806
3510
  "width": "14",
2807
3511
  "height": "14",
2808
3512
  "viewBox": "0 0 14 14",
@@ -2826,7 +3530,7 @@ var iconmap = {
2826
3530
  "circles": [],
2827
3531
  "rects": []
2828
3532
  },
2829
- "Network03_s24": {
3533
+ "Network03_s2410": {
2830
3534
  "width": "24",
2831
3535
  "height": "24",
2832
3536
  "viewBox": "0 0 24 24",
@@ -2865,7 +3569,7 @@ var iconmap = {
2865
3569
  "circles": [],
2866
3570
  "rects": []
2867
3571
  },
2868
- "Network04_s14": {
3572
+ "Network04_s1410": {
2869
3573
  "width": "14",
2870
3574
  "height": "14",
2871
3575
  "viewBox": "0 0 14 14",
@@ -2886,7 +3590,7 @@ var iconmap = {
2886
3590
  "circles": [],
2887
3591
  "rects": []
2888
3592
  },
2889
- "Network04_s24": {
3593
+ "Network04_s2410": {
2890
3594
  "width": "24",
2891
3595
  "height": "24",
2892
3596
  "viewBox": "0 0 24 24",
@@ -3030,6 +3734,36 @@ var iconmap = {
3030
3734
  "circles": [],
3031
3735
  "rects": []
3032
3736
  },
3737
+ "PlusCircle_s1413": {
3738
+ "width": "14",
3739
+ "height": "14",
3740
+ "viewBox": "0 0 14 14",
3741
+ "fill": "none",
3742
+ "paths": [{
3743
+ "d": "M6.70833 4.375V9.04167M4.375 6.70833H9.04167M12.5417 6.70833C12.5417 9.92999 9.92999 12.5417 6.70833 12.5417C3.48667 12.5417 0.875 9.92999 0.875 6.70833C0.875 3.48667 3.48667 0.875 6.70833 0.875C9.92999 0.875 12.5417 3.48667 12.5417 6.70833Z",
3744
+ "stroke": "#5C5C5C",
3745
+ "strokeWidth": "1.3",
3746
+ "strokeLinecap": "round",
3747
+ "strokeLinejoin": "round"
3748
+ }],
3749
+ "circles": [],
3750
+ "rects": []
3751
+ },
3752
+ "PlusCircle_s1613": {
3753
+ "width": "16",
3754
+ "height": "16",
3755
+ "viewBox": "0 0 16 16",
3756
+ "fill": "none",
3757
+ "paths": [{
3758
+ "d": "M7.66667 5V10.3333M5 7.66667H10.3333M14.3333 7.66667C14.3333 11.3486 11.3486 14.3333 7.66667 14.3333C3.98477 14.3333 1 11.3486 1 7.66667C1 3.98477 3.98477 1 7.66667 1C11.3486 1 14.3333 3.98477 14.3333 7.66667Z",
3759
+ "stroke": "#5C5C5C",
3760
+ "strokeWidth": "1.3",
3761
+ "strokeLinecap": "round",
3762
+ "strokeLinejoin": "round"
3763
+ }],
3764
+ "circles": [],
3765
+ "rects": []
3766
+ },
3033
3767
  "PlusCircle_s1615": {
3034
3768
  "width": "16",
3035
3769
  "height": "16",
@@ -3045,6 +3779,20 @@ var iconmap = {
3045
3779
  "circles": [],
3046
3780
  "rects": []
3047
3781
  },
3782
+ "PlusCircle_s1810": {
3783
+ "width": "18",
3784
+ "height": "18",
3785
+ "viewBox": "0 0 18 18",
3786
+ "fill": "none",
3787
+ "paths": [{
3788
+ "d": "M9 5.8V12.2M5.8 9H12.2M17 9C17 13.4183 13.4183 17 9 17C4.58172 17 1 13.4183 1 9C1 4.58172 4.58172 1 9 1C13.4183 1 17 4.58172 17 9Z",
3789
+ "stroke": "#5C5C5C",
3790
+ "strokeLinecap": "round",
3791
+ "strokeLinejoin": "round"
3792
+ }],
3793
+ "circles": [],
3794
+ "rects": []
3795
+ },
3048
3796
  "PlusCircle_s1812": {
3049
3797
  "width": "18",
3050
3798
  "height": "18",
@@ -3060,6 +3808,20 @@ var iconmap = {
3060
3808
  "circles": [],
3061
3809
  "rects": []
3062
3810
  },
3811
+ "PlusCircle_s2410": {
3812
+ "width": "24",
3813
+ "height": "25",
3814
+ "viewBox": "0 0 24 25",
3815
+ "fill": "none",
3816
+ "paths": [{
3817
+ "d": "M12.0002 8.23333V16.7667M7.7335 12.5H16.2668M22.6668 12.5C22.6668 18.391 17.8912 23.1667 12.0002 23.1667C6.10912 23.1667 1.3335 18.391 1.3335 12.5C1.3335 6.60896 6.10912 1.83333 12.0002 1.83333C17.8912 1.83333 22.6668 6.60896 22.6668 12.5Z",
3818
+ "stroke": "#8C8C8C",
3819
+ "strokeLinecap": "round",
3820
+ "strokeLinejoin": "round"
3821
+ }],
3822
+ "circles": [],
3823
+ "rects": []
3824
+ },
3063
3825
  "PlusCircle_s2420": {
3064
3826
  "width": "24",
3065
3827
  "height": "24",
@@ -3075,7 +3837,111 @@ var iconmap = {
3075
3837
  "circles": [],
3076
3838
  "rects": []
3077
3839
  },
3078
- "QuestionCircleBg_s16": {
3840
+ "PlusDownLines_s1413": {
3841
+ "width": "13",
3842
+ "height": "10",
3843
+ "viewBox": "0 0 13 10",
3844
+ "fill": "none",
3845
+ "paths": [{
3846
+ "d": "M1 6.21053H4.59211M4.59211 6.21053L2.38158 8.42105M4.59211 6.21053L2.38158 4",
3847
+ "stroke": "#5C5C5C",
3848
+ "strokeWidth": "1.3",
3849
+ "strokeLinecap": "round",
3850
+ "strokeLinejoin": "round"
3851
+ }, {
3852
+ "d": "M11.5001 4.34863H6.52637M11.5001 7.38811H6.52637",
3853
+ "stroke": "#5C5C5C",
3854
+ "strokeWidth": "1.3",
3855
+ "strokeLinecap": "round",
3856
+ "strokeLinejoin": "round"
3857
+ }, {
3858
+ "d": "M11.5001 1H6.52642H1.55273",
3859
+ "stroke": "#5C5C5C",
3860
+ "strokeWidth": "1.3",
3861
+ "strokeLinecap": "round",
3862
+ "strokeLinejoin": "round"
3863
+ }],
3864
+ "circles": [],
3865
+ "rects": []
3866
+ },
3867
+ "PlusUpLines_s1413": {
3868
+ "width": "13",
3869
+ "height": "9",
3870
+ "viewBox": "0 0 13 9",
3871
+ "fill": "none",
3872
+ "paths": [{
3873
+ "d": "M1 3.21053H4.59211M4.59211 3.21053L2.38158 5.42105M4.59211 3.21053L2.38158 1",
3874
+ "stroke": "#5C5C5C",
3875
+ "strokeWidth": "1.3",
3876
+ "strokeLinecap": "round",
3877
+ "strokeLinejoin": "round"
3878
+ }, {
3879
+ "d": "M11.5001 2.34863H6.52642M11.5001 5.38811H6.52642M11.5001 8.28942H6.52642H1.55273",
3880
+ "stroke": "#5C5C5C",
3881
+ "strokeWidth": "1.3",
3882
+ "strokeLinecap": "round",
3883
+ "strokeLinejoin": "round"
3884
+ }],
3885
+ "circles": [],
3886
+ "rects": []
3887
+ },
3888
+ "Plus_s1610": {
3889
+ "width": "16",
3890
+ "height": "16",
3891
+ "viewBox": "0 0 16 16",
3892
+ "fill": "none",
3893
+ "paths": [{
3894
+ "d": "M7.33325 7.33325V3.33325H8.66659V7.33325H12.6666V8.66659H8.66659V12.6666H7.33325V8.66659H3.33325V7.33325H7.33325Z",
3895
+ "fill": "#8C8C8C"
3896
+ }],
3897
+ "circles": [],
3898
+ "rects": []
3899
+ },
3900
+ "PreviewLine_s2013": {
3901
+ "width": "20",
3902
+ "height": "20",
3903
+ "viewBox": "0 0 20 20",
3904
+ "fill": "none",
3905
+ "paths": [{
3906
+ "d": "M5.75752 6.46508H7.17166M14.2424 10.0004H12.8282M5.75752 13.5358H7.17166M9.99995 6.46508H14.2424M9.99995 10.0004H5.75752M9.99995 13.5358H14.2424M7.87873 17.7782H12.1212C14.1011 17.7782 15.0911 17.7782 15.8474 17.3929C16.5126 17.0539 17.0534 16.5131 17.3924 15.8479C17.7777 15.0916 17.7777 14.1016 17.7777 12.1216V7.87922C17.7777 5.89924 17.7777 4.90925 17.3924 4.15299C17.0534 3.48777 16.5126 2.94693 15.8474 2.60799C15.0911 2.22266 14.1011 2.22266 12.1212 2.22266H7.87873C5.89875 2.22266 4.90876 2.22266 4.1525 2.60799C3.48729 2.94693 2.94644 3.48777 2.6075 4.15299C2.22217 4.90925 2.22217 5.89924 2.22217 7.87922V12.1216C2.22217 14.1016 2.22217 15.0916 2.6075 15.8479C2.94644 16.5131 3.48729 17.0539 4.1525 17.3929C4.90876 17.7782 5.89875 17.7782 7.87873 17.7782Z",
3907
+ "stroke": "#8C8C8C",
3908
+ "strokeWidth": "1.3",
3909
+ "strokeLinecap": "round"
3910
+ }],
3911
+ "circles": [],
3912
+ "rects": []
3913
+ },
3914
+ "PreviewZoom_s2013": {
3915
+ "width": "20",
3916
+ "height": "20",
3917
+ "viewBox": "0 0 20 20",
3918
+ "fill": "none",
3919
+ "paths": [{
3920
+ "d": "M17.0302 17.0361L15.9393 15.9452M16.7676 6.794H9.4949H2.22217M16.7676 9.21825V5.66028C16.7676 4.84566 16.7676 4.43835 16.6091 4.1272C16.4696 3.85351 16.2471 3.631 15.9734 3.49155C15.6623 3.33301 15.255 3.33301 14.4404 3.33301H4.54944C3.73482 3.33301 3.32751 3.33301 3.01636 3.49154C2.74267 3.631 2.52016 3.85351 2.3807 4.1272C2.22217 4.43835 2.22217 4.84566 2.22217 5.66028L2.22217 12.9516C2.22217 13.7662 2.22217 14.1735 2.3807 14.4847C2.52016 14.7583 2.74267 14.9809 3.01636 15.1203C3.32751 15.2789 3.73482 15.2789 4.54944 15.2789H8.40399M16.6666 14.127C16.6666 15.5328 15.527 16.6725 14.1212 16.6725C12.7153 16.6725 11.5757 15.5328 11.5757 14.127C11.5757 12.7212 12.7153 11.5816 14.1212 11.5816C15.527 11.5816 16.6666 12.7212 16.6666 14.127Z",
3921
+ "stroke": "#8C8C8C",
3922
+ "strokeWidth": "1.3",
3923
+ "strokeLinecap": "round",
3924
+ "strokeLinejoin": "round"
3925
+ }],
3926
+ "circles": [],
3927
+ "rects": []
3928
+ },
3929
+ "Preview_s1413": {
3930
+ "width": "14",
3931
+ "height": "12",
3932
+ "viewBox": "0 0 14 12",
3933
+ "fill": "none",
3934
+ "paths": [{
3935
+ "d": "M13.125 2.9375H0.875001M13.125 2.9375L13.125 8.45C13.125 9.43009 13.125 9.92014 12.9247 10.2945C12.7486 10.6238 12.4675 10.8915 12.1217 11.0593C11.7286 11.25 11.2141 11.25 10.185 11.25H3.815C2.7859 11.25 2.27135 11.25 1.87829 11.0593C1.53254 10.8915 1.25144 10.6238 1.07528 10.2945C0.875 9.92014 0.875 9.43009 0.875 8.45L0.875001 2.9375M13.125 2.9375C13.125 1.95741 13.125 2.07986 12.9247 1.70552C12.7486 1.37623 12.4675 1.10852 12.1217 0.94074C11.7286 0.750001 11.2141 0.750001 10.185 0.750001L3.815 0.75C2.7859 0.75 2.27136 0.75 1.87829 0.940738C1.53254 1.10852 1.25144 1.37623 1.07528 1.70552C0.875 2.07986 0.875001 1.95741 0.875001 2.9375",
3936
+ "stroke": "#5C5C5C",
3937
+ "strokeWidth": "1.3",
3938
+ "strokeLinecap": "round",
3939
+ "strokeLinejoin": "round"
3940
+ }],
3941
+ "circles": [],
3942
+ "rects": []
3943
+ },
3944
+ "QuestionCircleBg_s1610": {
3079
3945
  "width": "16",
3080
3946
  "height": "16",
3081
3947
  "viewBox": "0 0 16 16",
@@ -3137,6 +4003,21 @@ var iconmap = {
3137
4003
  "circles": [],
3138
4004
  "rects": []
3139
4005
  },
4006
+ "RefreshCw01_s1613": {
4007
+ "width": "16",
4008
+ "height": "16",
4009
+ "viewBox": "0 0 16 16",
4010
+ "fill": "none",
4011
+ "paths": [{
4012
+ "d": "M2 6.66667C2 6.66667 3.2663 4.84548 4.29505 3.75883C5.3238 2.67218 6.74543 2 8.31579 2C11.4551 2 14 4.68629 14 8C14 11.3137 11.4551 14 8.31579 14C5.72436 14 3.53797 12.1695 2.85375 9.66667M2 6.66667V2.66667M2 6.66667H5.78947",
4013
+ "stroke": "#5C5C5C",
4014
+ "strokeWidth": "1.3",
4015
+ "strokeLinecap": "round",
4016
+ "strokeLinejoin": "round"
4017
+ }],
4018
+ "circles": [],
4019
+ "rects": []
4020
+ },
3140
4021
  "RefreshCw01_s1815": {
3141
4022
  "width": "18",
3142
4023
  "height": "18",
@@ -3182,6 +4063,21 @@ var iconmap = {
3182
4063
  "circles": [],
3183
4064
  "rects": []
3184
4065
  },
4066
+ "ReverseLeft2_s1613": {
4067
+ "width": "16",
4068
+ "height": "16",
4069
+ "viewBox": "0 0 16 16",
4070
+ "fill": "none",
4071
+ "paths": [{
4072
+ "d": "M2 6.66667H11C12.6569 6.66667 14 8.00981 14 9.66667C14 11.3235 12.6569 12.6667 11 12.6667H8M2 6.66667L4.66667 4M2 6.66667L4.66667 9.33333",
4073
+ "stroke": "#5C5C5C",
4074
+ "strokeWidth": "1.3",
4075
+ "strokeLinecap": "round",
4076
+ "strokeLinejoin": "round"
4077
+ }],
4078
+ "circles": [],
4079
+ "rects": []
4080
+ },
3185
4081
  "ReverseLeft_s1815": {
3186
4082
  "width": "18",
3187
4083
  "height": "18",
@@ -3197,6 +4093,20 @@ var iconmap = {
3197
4093
  "circles": [],
3198
4094
  "rects": []
3199
4095
  },
4096
+ "SaveAll_s1810": {
4097
+ "width": "18",
4098
+ "height": "18",
4099
+ "viewBox": "0 0 18 18",
4100
+ "fill": "none",
4101
+ "paths": [{
4102
+ "d": "M5.66667 3H10.783C11.1091 3 11.2722 3 11.4256 3.03684C11.5617 3.0695 11.6918 3.12337 11.811 3.19648C11.9456 3.27894 12.0609 3.39424 12.2915 3.62484L14.3752 5.7085C14.6058 5.9391 14.7211 6.0544 14.8035 6.18895C14.8766 6.30825 14.9305 6.43831 14.9632 6.57436C15 6.72781 15 6.89087 15 7.21699V12.3333M9.33333 7.66667H6.73333C6.35997 7.66667 6.17328 7.66667 6.03067 7.594C5.90523 7.53009 5.80324 7.4281 5.73933 7.30266C5.66667 7.16005 5.66667 6.97337 5.66667 6.6V5.33333M10 15V12.0667C10 11.6933 10 11.5066 9.92734 11.364C9.86342 11.2386 9.76144 11.1366 9.63599 11.0727C9.49339 11 9.3067 11 8.93333 11H6.73333C6.35996 11 6.17328 11 6.03067 11.0727C5.90523 11.1366 5.80324 11.2386 5.73933 11.364C5.66667 11.5066 5.66667 11.6933 5.66667 12.0667V15M12.6667 7.77516V12.8667C12.6667 13.6134 12.6667 13.9868 12.5213 14.272C12.3935 14.5229 12.1895 14.7268 11.9387 14.8547C11.6534 15 11.2801 15 10.5333 15H5.13333C4.3866 15 4.01323 15 3.72801 14.8547C3.47713 14.7268 3.27316 14.5229 3.14532 14.272C3 13.9868 3 13.6134 3 12.8667V7.46667C3 6.71993 3 6.34656 3.14532 6.06135C3.27316 5.81046 3.47713 5.60649 3.72801 5.47866C4.01323 5.33333 4.3866 5.33333 5.13333 5.33333H10.2248C10.3879 5.33333 10.4694 5.33333 10.5462 5.35175C10.6142 5.36808 10.6792 5.39502 10.7389 5.43157C10.8061 5.4728 10.8638 5.53045 10.9791 5.64575L12.3542 7.02091C12.4695 7.13622 12.5272 7.19387 12.5684 7.26114C12.605 7.32079 12.6319 7.38582 12.6482 7.45385C12.6667 7.53057 12.6667 7.6121 12.6667 7.77516Z",
4103
+ "stroke": "#5C5C5C",
4104
+ "strokeLinecap": "round",
4105
+ "strokeLinejoin": "round"
4106
+ }],
4107
+ "circles": [],
4108
+ "rects": []
4109
+ },
3200
4110
  "SaveAll_s1812": {
3201
4111
  "width": "18",
3202
4112
  "height": "18",
@@ -3212,6 +4122,21 @@ var iconmap = {
3212
4122
  "circles": [],
3213
4123
  "rects": []
3214
4124
  },
4125
+ "Save_s1413": {
4126
+ "width": "14",
4127
+ "height": "14",
4128
+ "viewBox": "0 0 14 14",
4129
+ "fill": "none",
4130
+ "paths": [{
4131
+ "d": "M4.27778 1.75V3.89861C4.27778 4.25253 4.27778 4.42949 4.34666 4.56467C4.40724 4.68358 4.50392 4.78026 4.62283 4.84084C4.75801 4.90972 4.93497 4.90972 5.28889 4.90972H9.58611C9.94003 4.90972 10.117 4.90972 10.2522 4.84084C10.3711 4.78026 10.4678 4.68358 10.5283 4.56467C10.5972 4.42949 10.5972 4.25253 10.5972 3.89861V2.38194M10.5972 13.125V9.08056C10.5972 8.72663 10.5972 8.54967 10.5283 8.41449C10.4678 8.29558 10.3711 8.19891 10.2522 8.13832C10.117 8.06944 9.94003 8.06944 9.58611 8.06944H5.28889C4.93497 8.06944 4.75801 8.06944 4.62283 8.13832C4.50392 8.19891 4.40724 8.29558 4.34666 8.41449C4.27778 8.54967 4.27778 8.72663 4.27778 9.08056V13.125M13.125 5.74735V10.0917C13.125 11.1534 13.125 11.6843 12.9184 12.0899C12.7366 12.4466 12.4466 12.7366 12.0899 12.9184C11.6843 13.125 11.1534 13.125 10.0917 13.125H4.78333C3.72157 13.125 3.19068 13.125 2.78514 12.9184C2.42842 12.7366 2.13839 12.4466 1.95663 12.0899C1.75 11.6843 1.75 11.1534 1.75 10.0917V4.78333C1.75 3.72157 1.75 3.19068 1.95663 2.78514C2.13839 2.42842 2.42842 2.13839 2.78514 1.95663C3.19068 1.75 3.72157 1.75 4.78333 1.75H9.12765C9.43678 1.75 9.59135 1.75 9.73681 1.78492C9.86577 1.81588 9.98906 1.86695 10.1021 1.93625C10.2297 2.01441 10.339 2.1237 10.5576 2.3423L12.5327 4.31743C12.7513 4.53602 12.8606 4.64531 12.9388 4.77286C13.0081 4.88595 13.0591 5.00923 13.0901 5.13819C13.125 5.28365 13.125 5.43822 13.125 5.74735Z",
4132
+ "stroke": "#5C5C5C",
4133
+ "strokeWidth": "1.3",
4134
+ "strokeLinecap": "round",
4135
+ "strokeLinejoin": "round"
4136
+ }],
4137
+ "circles": [],
4138
+ "rects": []
4139
+ },
3215
4140
  "Save_s1613": {
3216
4141
  "width": "16",
3217
4142
  "height": "16",
@@ -3257,6 +4182,27 @@ var iconmap = {
3257
4182
  "circles": [],
3258
4183
  "rects": []
3259
4184
  },
4185
+ "Setting01_s1413": {
4186
+ "width": "14",
4187
+ "height": "14",
4188
+ "viewBox": "0 0 14 14",
4189
+ "fill": "none",
4190
+ "paths": [{
4191
+ "d": "M5.61073 3.1088C5.75823 2.46022 6.33487 2 7 2V2C7.66514 2 8.24178 2.46022 8.38928 3.1088L8.45037 3.37742C8.82625 3.52122 9.1743 3.71926 9.48441 3.9617L9.8155 3.85987C10.4297 3.67096 11.0934 3.92789 11.4203 4.48117V4.48117C11.7573 5.05159 11.6448 5.78061 11.1514 6.22281L10.9354 6.41645C10.9647 6.6068 10.9799 6.80166 10.9799 7C10.9799 7.19833 10.9647 7.3932 10.9354 7.58354L11.1514 7.77719C11.6448 8.21939 11.7574 8.94841 11.4203 9.51882V9.51882C11.0934 10.0721 10.4298 10.329 9.8155 10.1401L9.48442 10.0383C9.1743 10.2807 8.82625 10.4788 8.45037 10.6226L8.38928 10.8912C8.24178 11.5398 7.66514 12 7 12V12C6.33487 12 5.75823 11.5398 5.61073 10.8912L5.54964 10.6226C5.17375 10.4788 4.8257 10.2807 4.51559 10.0383L4.1845 10.1401C3.57025 10.329 2.90659 10.0721 2.57968 9.51882V9.51882C2.24264 8.94841 2.3552 8.21939 2.84857 7.77718L3.06463 7.58353C3.03532 7.39319 3.02012 7.19833 3.02012 7C3.02012 6.80167 3.03532 6.6068 3.06463 6.41646L2.84858 6.22281C2.35521 5.78061 2.24265 5.05159 2.57968 4.48118V4.48118C2.9066 3.9279 3.57025 3.67096 4.1845 3.85987L4.51559 3.9617C4.82571 3.71926 5.17375 3.52122 5.54964 3.37742L5.61073 3.1088Z",
4192
+ "stroke": "#5C5C5C",
4193
+ "strokeWidth": "1.3",
4194
+ "strokeLinecap": "round",
4195
+ "strokeLinejoin": "round"
4196
+ }, {
4197
+ "d": "M7.56855 7C7.56855 7.30682 7.314 7.55556 6.99999 7.55556C6.68599 7.55556 6.43144 7.30682 6.43144 7C6.43144 6.69318 6.68599 6.44444 6.99999 6.44444C7.314 6.44444 7.56855 6.69318 7.56855 7Z",
4198
+ "stroke": "#5C5C5C",
4199
+ "strokeWidth": "1.3",
4200
+ "strokeLinecap": "round",
4201
+ "strokeLinejoin": "round"
4202
+ }],
4203
+ "circles": [],
4204
+ "rects": []
4205
+ },
3260
4206
  "Settings02_s1615": {
3261
4207
  "width": "16",
3262
4208
  "height": "16",
@@ -3278,6 +4224,27 @@ var iconmap = {
3278
4224
  "circles": [],
3279
4225
  "rects": []
3280
4226
  },
4227
+ "Settings02_s2415": {
4228
+ "width": "24",
4229
+ "height": "24",
4230
+ "viewBox": "0 0 24 24",
4231
+ "fill": "none",
4232
+ "paths": [{
4233
+ "d": "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
4234
+ "stroke": "#8C8C8C",
4235
+ "strokeWidth": "1.5",
4236
+ "strokeLinecap": "round",
4237
+ "strokeLinejoin": "round"
4238
+ }, {
4239
+ "d": "M18.7273 14.7273C18.6063 15.0015 18.5702 15.3056 18.6236 15.6005C18.6771 15.8954 18.8177 16.1676 19.0273 16.3818L19.0818 16.4364C19.2509 16.6052 19.385 16.8057 19.4765 17.0265C19.568 17.2472 19.6151 17.4838 19.6151 17.7227C19.6151 17.9617 19.568 18.1983 19.4765 18.419C19.385 18.6397 19.2509 18.8402 19.0818 19.0091C18.913 19.1781 18.7124 19.3122 18.4917 19.4037C18.271 19.4952 18.0344 19.5423 17.7955 19.5423C17.5565 19.5423 17.3199 19.4952 17.0992 19.4037C16.8785 19.3122 16.678 19.1781 16.5091 19.0091L16.4545 18.9545C16.2403 18.745 15.9682 18.6044 15.6733 18.5509C15.3784 18.4974 15.0742 18.5335 14.8 18.6545C14.5311 18.7698 14.3018 18.9611 14.1403 19.205C13.9788 19.4489 13.8921 19.7347 13.8909 20.0273V20.1818C13.8909 20.664 13.6994 21.1265 13.3584 21.4675C13.0174 21.8084 12.5549 22 12.0727 22C11.5905 22 11.1281 21.8084 10.7871 21.4675C10.4461 21.1265 10.2545 20.664 10.2545 20.1818V20.1C10.2475 19.7991 10.1501 19.5073 9.97501 19.2625C9.79991 19.0176 9.55521 18.8312 9.27273 18.7273C8.99853 18.6063 8.69437 18.5702 8.39947 18.6236C8.10456 18.6771 7.83244 18.8177 7.61818 19.0273L7.56364 19.0818C7.39478 19.2509 7.19425 19.385 6.97353 19.4765C6.7528 19.568 6.51621 19.6151 6.27727 19.6151C6.03834 19.6151 5.80174 19.568 5.58102 19.4765C5.36029 19.385 5.15977 19.2509 4.99091 19.0818C4.82186 18.913 4.68775 18.7124 4.59626 18.4917C4.50476 18.271 4.45766 18.0344 4.45766 17.7955C4.45766 17.5565 4.50476 17.3199 4.59626 17.0992C4.68775 16.8785 4.82186 16.678 4.99091 16.5091L5.04545 16.4545C5.25503 16.2403 5.39562 15.9682 5.4491 15.6733C5.50257 15.3784 5.46647 15.0742 5.34545 14.8C5.23022 14.5311 5.03887 14.3018 4.79497 14.1403C4.55107 13.9788 4.26526 13.8921 3.97273 13.8909H3.81818C3.33597 13.8909 2.87351 13.6994 2.53253 13.3584C2.19156 13.0174 2 12.5549 2 12.0727C2 11.5905 2.19156 11.1281 2.53253 10.7871C2.87351 10.4461 3.33597 10.2545 3.81818 10.2545H3.9C4.2009 10.2475 4.49273 10.1501 4.73754 9.97501C4.98236 9.79991 5.16883 9.55521 5.27273 9.27273C5.39374 8.99853 5.42984 8.69437 5.37637 8.39947C5.3229 8.10456 5.18231 7.83244 4.97273 7.61818L4.91818 7.56364C4.74913 7.39478 4.61503 7.19425 4.52353 6.97353C4.43203 6.7528 4.38493 6.51621 4.38493 6.27727C4.38493 6.03834 4.43203 5.80174 4.52353 5.58102C4.61503 5.36029 4.74913 5.15977 4.91818 4.99091C5.08704 4.82186 5.28757 4.68775 5.50829 4.59626C5.72901 4.50476 5.96561 4.45766 6.20455 4.45766C6.44348 4.45766 6.68008 4.50476 6.9008 4.59626C7.12152 4.68775 7.32205 4.82186 7.49091 4.99091L7.54545 5.04545C7.75971 5.25503 8.03183 5.39562 8.32674 5.4491C8.62164 5.50257 8.9258 5.46647 9.2 5.34545H9.27273C9.54161 5.23022 9.77093 5.03887 9.93245 4.79497C10.094 4.55107 10.1807 4.26526 10.1818 3.97273V3.81818C10.1818 3.33597 10.3734 2.87351 10.7144 2.53253C11.0553 2.19156 11.5178 2 12 2C12.4822 2 12.9447 2.19156 13.2856 2.53253C13.6266 2.87351 13.8182 3.33597 13.8182 3.81818V3.9C13.8193 4.19253 13.906 4.47834 14.0676 4.72224C14.2291 4.96614 14.4584 5.15749 14.7273 5.27273C15.0015 5.39374 15.3056 5.42984 15.6005 5.37637C15.8954 5.3229 16.1676 5.18231 16.3818 4.97273L16.4364 4.91818C16.6052 4.74913 16.8057 4.61503 17.0265 4.52353C17.2472 4.43203 17.4838 4.38493 17.7227 4.38493C17.9617 4.38493 18.1983 4.43203 18.419 4.52353C18.6397 4.61503 18.8402 4.74913 19.0091 4.91818C19.1781 5.08704 19.3122 5.28757 19.4037 5.50829C19.4952 5.72901 19.5423 5.96561 19.5423 6.20455C19.5423 6.44348 19.4952 6.68008 19.4037 6.9008C19.3122 7.12152 19.1781 7.32205 19.0091 7.49091L18.9545 7.54545C18.745 7.75971 18.6044 8.03183 18.5509 8.32674C18.4974 8.62164 18.5335 8.9258 18.6545 9.2V9.27273C18.7698 9.54161 18.9611 9.77093 19.205 9.93245C19.4489 10.094 19.7347 10.1807 20.0273 10.1818H20.1818C20.664 10.1818 21.1265 10.3734 21.4675 10.7144C21.8084 11.0553 22 11.5178 22 12C22 12.4822 21.8084 12.9447 21.4675 13.2856C21.1265 13.6266 20.664 13.8182 20.1818 13.8182H20.1C19.8075 13.8193 19.5217 13.906 19.2778 14.0676C19.0339 14.2291 18.8425 14.4584 18.7273 14.7273Z",
4240
+ "stroke": "#8C8C8C",
4241
+ "strokeWidth": "1.5",
4242
+ "strokeLinecap": "round",
4243
+ "strokeLinejoin": "round"
4244
+ }],
4245
+ "circles": [],
4246
+ "rects": []
4247
+ },
3281
4248
  "Settings02_s2420": {
3282
4249
  "width": "24",
3283
4250
  "height": "24",
@@ -3416,7 +4383,7 @@ var iconmap = {
3416
4383
  "circles": [],
3417
4384
  "rects": []
3418
4385
  },
3419
- "State_s16": {
4386
+ "State_s1610": {
3420
4387
  "width": "16",
3421
4388
  "height": "16",
3422
4389
  "viewBox": "0 0 16 16",
@@ -3430,7 +4397,7 @@ var iconmap = {
3430
4397
  }],
3431
4398
  "rects": []
3432
4399
  },
3433
- "State_s18": {
4400
+ "State_s1810": {
3434
4401
  "width": "18",
3435
4402
  "height": "18",
3436
4403
  "viewBox": "0 0 18 18",
@@ -3507,7 +4474,7 @@ var iconmap = {
3507
4474
  "circles": [],
3508
4475
  "rects": []
3509
4476
  },
3510
- "SubtractLine_s16": {
4477
+ "SubtractLine_s1610": {
3511
4478
  "width": "16",
3512
4479
  "height": "16",
3513
4480
  "viewBox": "0 0 16 16",
@@ -3519,44 +4486,17 @@ var iconmap = {
3519
4486
  "circles": [],
3520
4487
  "rects": []
3521
4488
  },
3522
- "Success_s1615": {
3523
- "width": "16",
3524
- "height": "16",
3525
- "viewBox": "0 0 16 16",
3526
- "fill": "none",
3527
- "paths": [{
3528
- "d": "M13.3334 4L6.00008 11.3333L2.66675 8",
3529
- "stroke": "#8C8C8C",
3530
- "strokeWidth": "1.5",
3531
- "strokeLinecap": "round",
3532
- "strokeLinejoin": "round"
3533
- }],
3534
- "circles": [],
3535
- "rects": []
3536
- },
3537
4489
  "SwitchHorizontal02_s1615": {
3538
4490
  "width": "16",
3539
4491
  "height": "16",
3540
- "viewBox": "0 0 16 16",
3541
- "fill": "none",
3542
- "paths": [{
3543
- "d": "M2.66675 11.3333H13.3334M13.3334 11.3333L10.6667 8.66667M13.3334 11.3333L10.6667 14M13.3334 4.66667H2.66675M2.66675 4.66667L5.33341 2M2.66675 4.66667L5.33341 7.33333",
3544
- "stroke": "#8C8C8C",
3545
- "strokeWidth": "1.5",
3546
- "strokeLinecap": "round",
3547
- "strokeLinejoin": "round"
3548
- }],
3549
- "circles": [],
3550
- "rects": []
3551
- },
3552
- "T_s18": {
3553
- "width": "18",
3554
- "height": "18",
3555
- "viewBox": "0 0 18 18",
4492
+ "viewBox": "0 0 16 16",
3556
4493
  "fill": "none",
3557
4494
  "paths": [{
3558
- "d": "M14.7224 2.25V5.05189L13.488 5.20864C13.3182 5.07801 13.1549 4.8037 12.9982 4.3857H10.647V13.4771C11.1694 13.6861 11.5287 13.9017 11.7246 14.1237L11.5287 15.75H6.94376L6.74782 14.1237C6.91763 13.9017 7.27685 13.6861 7.82547 13.4771V4.3857H5.47424C5.31749 4.8037 5.15421 5.07801 4.9844 5.20864L3.75 5.05189V2.25H14.7224Z",
3559
- "fill": "#8C8C8C"
4495
+ "d": "M2.66675 11.3333H13.3334M13.3334 11.3333L10.6667 8.66667M13.3334 11.3333L10.6667 14M13.3334 4.66667H2.66675M2.66675 4.66667L5.33341 2M2.66675 4.66667L5.33341 7.33333",
4496
+ "stroke": "#8C8C8C",
4497
+ "strokeWidth": "1.5",
4498
+ "strokeLinecap": "round",
4499
+ "strokeLinejoin": "round"
3560
4500
  }],
3561
4501
  "circles": [],
3562
4502
  "rects": []
@@ -3576,6 +4516,21 @@ var iconmap = {
3576
4516
  "circles": [],
3577
4517
  "rects": []
3578
4518
  },
4519
+ "Toggle_s2013": {
4520
+ "width": "20",
4521
+ "height": "20",
4522
+ "viewBox": "0 0 20 20",
4523
+ "fill": "none",
4524
+ "paths": [{
4525
+ "d": "M12.2598 7.77745H5.18535C4.1626 7.77745 3.3335 6.94835 3.3335 5.9256C3.3335 4.90285 4.1626 4.07375 5.18535 4.07375H12.2598M7.74053 15.9256H14.815C15.8377 15.9256 16.6668 15.0965 16.6668 14.0737C16.6668 13.051 15.8377 12.2219 14.815 12.2219H7.74053M3.3335 14.0737C3.3335 15.5056 4.49424 16.6663 5.92609 16.6663C7.35794 16.6663 8.51868 15.5056 8.51868 14.0737C8.51868 12.6419 7.35794 11.4812 5.92609 11.4812C4.49424 11.4812 3.3335 12.6419 3.3335 14.0737ZM16.6668 5.9256C16.6668 7.35745 15.5061 8.51819 14.0742 8.51819C12.6424 8.51819 11.4816 7.35745 11.4816 5.9256C11.4816 4.49375 12.6424 3.33301 14.0742 3.33301C15.5061 3.33301 16.6668 4.49375 16.6668 5.9256Z",
4526
+ "stroke": "#8C8C8C",
4527
+ "strokeWidth": "1.3",
4528
+ "strokeLinecap": "round",
4529
+ "strokeLinejoin": "round"
4530
+ }],
4531
+ "circles": [],
4532
+ "rects": []
4533
+ },
3579
4534
  "Tool_s1413": {
3580
4535
  "width": "14",
3581
4536
  "height": "14",
@@ -3636,6 +4591,20 @@ var iconmap = {
3636
4591
  "circles": [],
3637
4592
  "rects": []
3638
4593
  },
4594
+ "Trash01_s1810": {
4595
+ "width": "18",
4596
+ "height": "18",
4597
+ "viewBox": "0 0 18 18",
4598
+ "fill": "none",
4599
+ "paths": [{
4600
+ "d": "M12.4875 4.275V3.645C12.4875 2.76292 12.4875 2.32188 12.3158 1.98496C12.1648 1.68861 11.9239 1.44767 11.6275 1.29666C11.2906 1.125 10.8496 1.125 9.9675 1.125H8.7075C7.82542 1.125 7.38438 1.125 7.04747 1.29666C6.75111 1.44767 6.51017 1.68861 6.35917 1.98496C6.1875 2.32188 6.1875 2.76292 6.1875 3.645V4.275M7.7625 8.60625V12.5437M10.9125 8.60625V12.5437M2.25 4.275H16.425M14.85 4.275V13.095C14.85 14.4181 14.85 15.0797 14.5925 15.5851C14.366 16.0296 14.0046 16.391 13.5601 16.6175C13.0547 16.875 12.3931 16.875 11.07 16.875H7.605C6.28188 16.875 5.62031 16.875 5.11495 16.6175C4.67041 16.391 4.309 16.0296 4.0825 15.5851C3.825 15.0797 3.825 14.4181 3.825 13.095V4.275",
4601
+ "stroke": "#5C5C5C",
4602
+ "strokeLinecap": "round",
4603
+ "strokeLinejoin": "round"
4604
+ }],
4605
+ "circles": [],
4606
+ "rects": []
4607
+ },
3639
4608
  "Trash01_s1815": {
3640
4609
  "width": "18",
3641
4610
  "height": "18",
@@ -3651,7 +4620,7 @@ var iconmap = {
3651
4620
  "circles": [],
3652
4621
  "rects": []
3653
4622
  },
3654
- "Up_s16": {
4623
+ "Up_s1610": {
3655
4624
  "width": "16",
3656
4625
  "height": "16",
3657
4626
  "viewBox": "0 0 16 16",
@@ -3766,6 +4735,20 @@ var iconmap = {
3766
4735
  "circles": [],
3767
4736
  "rects": []
3768
4737
  },
4738
+ "UserPlus_s1810": {
4739
+ "width": "18",
4740
+ "height": "18",
4741
+ "viewBox": "0 0 18 18",
4742
+ "fill": "none",
4743
+ "paths": [{
4744
+ "d": "M9 12H5.4C4.28355 12 3.72532 12 3.27109 12.1378C2.24836 12.448 1.44803 13.2484 1.13779 14.2711C1 14.7253 1 15.2835 1 16.4M14.6 16.4V11.6M12.2 14H17M11 5.6C11 7.58822 9.38823 9.2 7.4 9.2C5.41177 9.2 3.8 7.58822 3.8 5.6C3.8 3.61177 5.41177 2 7.4 2C9.38823 2 11 3.61177 11 5.6Z",
4745
+ "stroke": "#5C5C5C",
4746
+ "strokeLinecap": "round",
4747
+ "strokeLinejoin": "round"
4748
+ }],
4749
+ "circles": [],
4750
+ "rects": []
4751
+ },
3769
4752
  "UserPlus_s1812": {
3770
4753
  "width": "18",
3771
4754
  "height": "18",
@@ -3811,18 +4794,6 @@ var iconmap = {
3811
4794
  "circles": [],
3812
4795
  "rects": []
3813
4796
  },
3814
- "V_s18": {
3815
- "width": "18",
3816
- "height": "18",
3817
- "viewBox": "0 0 18 18",
3818
- "fill": "none",
3819
- "paths": [{
3820
- "d": "M14.4038 4.60278L10.648 15.75H7.9166L4.12184 4.51739C3.54954 4.32133 3.17559 4.10313 3 3.86279L3.1951 2.25H7.87758L8.07269 3.86279C7.88409 4.11578 7.54591 4.32133 7.05815 4.47944L8.75555 10.2381C8.89862 10.6808 9.01243 11.1109 9.09698 11.5283C9.18152 11.9394 9.24005 12.3315 9.27257 12.7047L9.29208 13.0367H9.57498C9.58799 12.2461 9.75383 11.3259 10.0725 10.276L11.8479 4.49842C11.3472 4.3403 10.996 4.12843 10.7944 3.86279L10.9895 2.25H15.5451L15.75 3.86279C15.5094 4.1474 15.0606 4.39406 14.4038 4.60278Z",
3821
- "fill": "#8C8C8C"
3822
- }],
3823
- "circles": [],
3824
- "rects": []
3825
- },
3826
4797
  "XCircleBg_s1612": {
3827
4798
  "width": "16",
3828
4799
  "height": "16",
@@ -3845,7 +4816,9 @@ var iconmap = {
3845
4816
  "cx": "8",
3846
4817
  "cy": "8",
3847
4818
  "r": "7",
3848
- "fill": "#E53E3E"
4819
+ "fill": "#E53E3E",
4820
+ "stroke": "#E53E3E",
4821
+ "strokeWidth": "1.2"
3849
4822
  }],
3850
4823
  "rects": []
3851
4824
  },
@@ -3914,10 +4887,13 @@ var iconmap = {
3914
4887
  "height": "14",
3915
4888
  "rx": "2",
3916
4889
  "transform": "rotate(45 12 2)",
3917
- "fill": "#E53E3E"
4890
+ "fill": "#E53E3E",
4891
+ "stroke": "white",
4892
+ "strokeWidth": "1.5",
4893
+ "strokeLinecap": "round"
3918
4894
  }]
3919
4895
  },
3920
- "X_s14": {
4896
+ "X_s1410": {
3921
4897
  "width": "14",
3922
4898
  "height": "14",
3923
4899
  "viewBox": "0 0 14 14",
@@ -3958,6 +4934,20 @@ var iconmap = {
3958
4934
  "circles": [],
3959
4935
  "rects": []
3960
4936
  },
4937
+ "Zap_s1810": {
4938
+ "width": "18",
4939
+ "height": "18",
4940
+ "viewBox": "0 0 18 18",
4941
+ "fill": "none",
4942
+ "paths": [{
4943
+ "d": "M9.59295 3L4.31185 9.41271C4.10503 9.66385 4.00161 9.78943 4.00003 9.89548C3.99866 9.98767 4.03926 10.0754 4.11013 10.1333C4.19166 10.2 4.35319 10.2 4.67626 10.2H9L8.40705 15L13.6881 8.58729C13.895 8.33615 13.9984 8.21058 14 8.10452C14.0013 8.01233 13.9607 7.92462 13.8899 7.86666C13.8083 7.8 13.6468 7.8 13.3237 7.8H9L9.59295 3Z",
4944
+ "stroke": "#5C5C5C",
4945
+ "strokeLinecap": "round",
4946
+ "strokeLinejoin": "round"
4947
+ }],
4948
+ "circles": [],
4949
+ "rects": []
4950
+ },
3961
4951
  "Zap_s1812": {
3962
4952
  "width": "18",
3963
4953
  "height": "18",
@@ -4005,23 +4995,20 @@ var iconmap = {
4005
4995
  }
4006
4996
  };
4007
4997
  var ICONS = {
4008
- "AddLine_s16": "AddLine_s16",
4009
- "AlertCircleBg_s16": "AlertCircleBg_s16",
4998
+ "AlertCircleBg_s1610": "AlertCircleBg_s1610",
4999
+ "AlertCircle_s1413": "AlertCircle_s1413",
4010
5000
  "AlertCircle_s1615": "AlertCircle_s1615",
4011
- "AlertTriangleBg_s24": "AlertTriangleBg_s24",
5001
+ "AlertTriangleBg_s2410": "AlertTriangleBg_s2410",
4012
5002
  "AlertTriangle_s1615": "AlertTriangle_s1615",
4013
- "ArrowLeftCircleBg_s2415": "ArrowLeftCircleBg_s2415",
4014
- "ArrowLeftCircle_s1812": "ArrowLeftCircle_s1812",
4015
- "ArrowLeftCircle_s2415": "ArrowLeftCircle_s2415",
4016
- "ArrowRightCircleBg_s2415": "ArrowRightCircleBg_s2415",
4017
- "ArrowRightCircle_s1812": "ArrowRightCircle_s1812",
4018
- "ArrowRightCircle_s2415": "ArrowRightCircle_s2415",
5003
+ "ArrowDownCircle_s1413": "ArrowDownCircle_s1413",
4019
5004
  "ArrowRight_s1415": "ArrowRight_s1415",
4020
5005
  "ArrowRight_s1613": "ArrowRight_s1613",
5006
+ "ArrowRight_s1813": "ArrowRight_s1813",
4021
5007
  "ArrowRight_s2420": "ArrowRight_s2420",
4022
5008
  "Atom01_s1615": "Atom01_s1615",
4023
5009
  "BarChart10_s2420": "BarChart10_s2420",
4024
5010
  "BarChart12_s2420": "BarChart12_s2420",
5011
+ "BarChart20_s1613": "BarChart20_s1613",
4025
5012
  "BarChartSquare01_s2420": "BarChartSquare01_s2420",
4026
5013
  "BarChartSquare02_s2420": "BarChartSquare02_s2420",
4027
5014
  "BookClosed_s2420": "BookClosed_s2420",
@@ -4031,47 +5018,64 @@ var ICONS = {
4031
5018
  "CalendarDate_s2420": "CalendarDate_s2420",
4032
5019
  "Calendar_s1615": "Calendar_s1615",
4033
5020
  "CheckCircleBg_s1612": "CheckCircleBg_s1612",
4034
- "CheckCircleBg_s24": "CheckCircleBg_s24",
5021
+ "CheckCircleBg_s2410": "CheckCircleBg_s2410",
4035
5022
  "CheckCircle_s1413": "CheckCircle_s1413",
4036
5023
  "CheckCircle_s1613": "CheckCircle_s1613",
4037
- "CheckboxIndeterminate_s16": "CheckboxIndeterminate_s16",
4038
- "CheckboxIndeterminate_s18": "CheckboxIndeterminate_s18",
4039
- "CheckboxOff_s16": "CheckboxOff_s16",
4040
- "CheckboxOff_s18": "CheckboxOff_s18",
4041
- "CheckboxOff_s24": "CheckboxOff_s24",
4042
- "CheckboxOn_s16": "CheckboxOn_s16",
4043
- "CheckboxOn_s18": "CheckboxOn_s18",
4044
- "CheckboxOn_s24": "CheckboxOn_s24",
5024
+ "Check_s1615": "Check_s1615",
5025
+ "CheckboxIndeterminate_s1610": "CheckboxIndeterminate_s1610",
5026
+ "CheckboxIndeterminate_s1810": "CheckboxIndeterminate_s1810",
5027
+ "CheckboxOff_s1610": "CheckboxOff_s1610",
5028
+ "CheckboxOff_s1810": "CheckboxOff_s1810",
5029
+ "CheckboxOff_s2410": "CheckboxOff_s2410",
5030
+ "CheckboxOn_s1610": "CheckboxOn_s1610",
5031
+ "CheckboxOn_s1810": "CheckboxOn_s1810",
5032
+ "CheckboxOn_s2410": "CheckboxOn_s2410",
5033
+ "ChevronDown_s1613": "ChevronDown_s1613",
4045
5034
  "ChevronDown_s1615": "ChevronDown_s1615",
4046
5035
  "ChevronDown_s2420": "ChevronDown_s2420",
5036
+ "ChevronLeftCircleBg_s2415": "ChevronLeftCircleBg_s2415",
5037
+ "ChevronLeftCircle_s1810": "ChevronLeftCircle_s1810",
5038
+ "ChevronLeftCircle_s1812": "ChevronLeftCircle_s1812",
5039
+ "ChevronLeftCircle_s2415": "ChevronLeftCircle_s2415",
4047
5040
  "ChevronLeftDouble_s1615": "ChevronLeftDouble_s1615",
4048
5041
  "ChevronLeft_s1615": "ChevronLeft_s1615",
4049
5042
  "ChevronLeft_s2020": "ChevronLeft_s2020",
4050
5043
  "ChevronLeft_s2420": "ChevronLeft_s2420",
4051
5044
  "ChevronLeft_s4030": "ChevronLeft_s4030",
5045
+ "ChevronRightCircleBg_s2415": "ChevronRightCircleBg_s2415",
5046
+ "ChevronRightCircle_s1810": "ChevronRightCircle_s1810",
5047
+ "ChevronRightCircle_s1812": "ChevronRightCircle_s1812",
5048
+ "ChevronRightCircle_s2415": "ChevronRightCircle_s2415",
4052
5049
  "ChevronRightDouble_s1615": "ChevronRightDouble_s1615",
4053
5050
  "ChevronRight_s1615": "ChevronRight_s1615",
4054
5051
  "ChevronRight_s2020": "ChevronRight_s2020",
4055
5052
  "ChevronRight_s2420": "ChevronRight_s2420",
4056
5053
  "ChevronSelectorVertical_s2020": "ChevronSelectorVertical_s2020",
5054
+ "ChevronUp_s1613": "ChevronUp_s1613",
4057
5055
  "ChevronUp_s1615": "ChevronUp_s1615",
4058
5056
  "ChevronUp_s2420": "ChevronUp_s2420",
5057
+ "ClipboardCheck_s1612": "ClipboardCheck_s1612",
4059
5058
  "ClipboardCheck_s1615": "ClipboardCheck_s1615",
4060
5059
  "ClipboardPlus_s1615": "ClipboardPlus_s1615",
4061
5060
  "ClipboardPlus_s2015": "ClipboardPlus_s2015",
4062
5061
  "ClipboardPlus_s2415": "ClipboardPlus_s2415",
5062
+ "ClipboardX_s1613": "ClipboardX_s1613",
4063
5063
  "Clipboard_s1615": "Clipboard_s1615",
4064
5064
  "CodeSnippet02_s2420": "CodeSnippet02_s2420",
5065
+ "Connection_s1810": "Connection_s1810",
4065
5066
  "Copy03_s1615": "Copy03_s1615",
4066
5067
  "Copy_s1413": "Copy_s1413",
4067
5068
  "Copy_s1613": "Copy_s1613",
4068
5069
  "CornerDownRight_s1615": "CornerDownRight_s1615",
4069
5070
  "CornerDownRight_s2420": "CornerDownRight_s2420",
5071
+ "CornerUpLeft_s1413": "CornerUpLeft_s1413",
4070
5072
  "CornerUpLeft_s1815": "CornerUpLeft_s1815",
4071
5073
  "CornerUpRight_s1815": "CornerUpRight_s1815",
4072
5074
  "CurrencyDollar_s2420": "CurrencyDollar_s2420",
4073
5075
  "Cursor04_s1815": "Cursor04_s1815",
5076
+ "CursorBox_s1613": "CursorBox_s1613",
4074
5077
  "CursorBox_s1815": "CursorBox_s1815",
5078
+ "CursorDoubleBox_s1613": "CursorDoubleBox_s1613",
4075
5079
  "Database01_s1615": "Database01_s1615",
4076
5080
  "Database02_s1615": "Database02_s1615",
4077
5081
  "Database02_s2015": "Database02_s2015",
@@ -4081,63 +5085,79 @@ var ICONS = {
4081
5085
  "Database03_s2415": "Database03_s2415",
4082
5086
  "Database03_s2420": "Database03_s2420",
4083
5087
  "DatabasePlus_s1612": "DatabasePlus_s1612",
5088
+ "DatabasePlus_s1810": "DatabasePlus_s1810",
4084
5089
  "DatabasePlus_s1812": "DatabasePlus_s1812",
5090
+ "DatabasePreview_s1810": "DatabasePreview_s1810",
4085
5091
  "Dataflow01_s1615": "Dataflow01_s1615",
4086
5092
  "Dataflow01_s2015": "Dataflow01_s2015",
4087
5093
  "Dataflow01_s2415": "Dataflow01_s2415",
4088
5094
  "Dataflow01_s2420": "Dataflow01_s2420",
4089
5095
  "Dataflow04_s1615": "Dataflow04_s1615",
5096
+ "Dataflow04_s2415": "Dataflow04_s2415",
5097
+ "Dataflow05_s1815": "Dataflow05_s1815",
5098
+ "Diagram_s2014": "Diagram_s2014",
4090
5099
  "Dotpoints01_s2420": "Dotpoints01_s2420",
4091
5100
  "DotsGrid_s1815": "DotsGrid_s1815",
4092
5101
  "DotsGrid_s2420": "DotsGrid_s2420",
4093
5102
  "DotsGrid_s3220": "DotsGrid_s3220",
5103
+ "DotsVertical02_s1612": "DotsVertical02_s1612",
4094
5104
  "DotsVertical_s1815": "DotsVertical_s1815",
4095
5105
  "DotsVertical_s2415": "DotsVertical_s2415",
4096
- "DownCircle_s1413": "DownCircle_s1413",
4097
- "Down_s16": "Down_s16",
5106
+ "Down_s1610": "Down_s1610",
4098
5107
  "Download01_s1313": "Download01_s1313",
4099
5108
  "Download01_s1413": "Download01_s1413",
4100
5109
  "Download01_s1613": "Download01_s1613",
4101
- "Downstream_s14": "Downstream_s14",
4102
- "Downstream_s24": "Downstream_s24",
4103
- "DragSelect_s1613": "DragSelect_s1613",
5110
+ "Downstream_s1410": "Downstream_s1410",
5111
+ "Downstream_s2410": "Downstream_s2410",
4104
5112
  "Drag_s1613": "Drag_s1613",
4105
5113
  "Edit03_s1413": "Edit03_s1413",
4106
5114
  "Edit03_s1613": "Edit03_s1613",
4107
5115
  "Expand_s1815": "Expand_s1815",
4108
- "EyeOff_s16": "EyeOff_s16",
4109
- "Eye_s16": "Eye_s16",
5116
+ "EyeOff_s1610": "EyeOff_s1610",
5117
+ "Eye_s1610": "Eye_s1610",
4110
5118
  "File02_s1615": "File02_s1615",
4111
5119
  "File06_s1615": "File06_s1615",
4112
5120
  "File06_s2420": "File06_s2420",
4113
- "FileCheck02_s14": "FileCheck02_s14",
5121
+ "FileChart_s1810": "FileChart_s1810",
5122
+ "FileCheck02_s1410": "FileCheck02_s1410",
5123
+ "FileCheck02_s1613": "FileCheck02_s1613",
4114
5124
  "FileCheck02_s1615": "FileCheck02_s1615",
4115
5125
  "FileCheck03_s1615": "FileCheck03_s1615",
5126
+ "FileCheck04_s1413": "FileCheck04_s1413",
5127
+ "FileCode_s1810": "FileCode_s1810",
5128
+ "FileDot_s1810": "FileDot_s1810",
5129
+ "FileOut_s1612": "FileOut_s1612",
4116
5130
  "FilePlus02_s1615": "FilePlus02_s1615",
5131
+ "FilePlus_s1810": "FilePlus_s1810",
4117
5132
  "FilePlus_s1812": "FilePlus_s1812",
4118
5133
  "FileQuestion02_s1615": "FileQuestion02_s1615",
5134
+ "FileRefresh_s1810": "FileRefresh_s1810",
4119
5135
  "FileRefresh_s1812": "FileRefresh_s1812",
5136
+ "FileSlash_s1413": "FileSlash_s1413",
4120
5137
  "FileX02_s1615": "FileX02_s1615",
4121
5138
  "FileX02_s3220": "FileX02_s3220",
4122
5139
  "File_s1611": "File_s1611",
5140
+ "File_s1613": "File_s1613",
4123
5141
  "File_s2415": "File_s2415",
4124
5142
  "File_s2420": "File_s2420",
4125
5143
  "File_s3020": "File_s3020",
4126
5144
  "FilterLines_s1815": "FilterLines_s1815",
5145
+ "FolderSetting_s2013": "FolderSetting_s2013",
4127
5146
  "FolderUpload_s1615": "FolderUpload_s1615",
4128
5147
  "FolderUpload_s1815": "FolderUpload_s1815",
4129
5148
  "FolderUpload_s2420": "FolderUpload_s2420",
5149
+ "Folder_s1810": "Folder_s1810",
4130
5150
  "Folder_s2415": "Folder_s2415",
4131
5151
  "Folder_s2420": "Folder_s2420",
4132
5152
  "Folder_s2820": "Folder_s2820",
4133
5153
  "Globe01_s1615": "Globe01_s1615",
4134
- "Grabber_s1612": "Grabber_s1612",
4135
5154
  "GraduationHat01_s1615": "GraduationHat01_s1615",
4136
5155
  "GraduationHat01_s2415": "GraduationHat01_s2415",
4137
5156
  "GraduationHat01_s2420": "GraduationHat01_s2420",
4138
- "HomeOutline24_s24": "HomeOutline24_s24",
4139
- "Information_s16": "Information_s16",
4140
- "K_s18": "K_s18",
5157
+ "HomeOutline24_s2410": "HomeOutline24_s2410",
5158
+ "Home_s2015": "Home_s2015",
5159
+ "Home_s2415": "Home_s2415",
5160
+ "Information_s1610": "Information_s1610",
4141
5161
  "LineChartDown01_s2420": "LineChartDown01_s2420",
4142
5162
  "Loading02_s1415": "Loading02_s1415",
4143
5163
  "Loading02_s1615": "Loading02_s1615",
@@ -4147,6 +5167,7 @@ var ICONS = {
4147
5167
  "Loading02_s4830": "Loading02_s4830",
4148
5168
  "Lock01_s1615": "Lock01_s1615",
4149
5169
  "LogOut01_s1615": "LogOut01_s1615",
5170
+ "Menu2_s1613": "Menu2_s1613",
4150
5171
  "Menu_s2415": "Menu_s2415",
4151
5172
  "MessageCheck_s1615": "MessageCheck_s1615",
4152
5173
  "MessageNotification_s1615": "MessageNotification_s1615",
@@ -4154,11 +5175,11 @@ var ICONS = {
4154
5175
  "MessageText_s1815": "MessageText_s1815",
4155
5176
  "MessageX_s1615": "MessageX_s1615",
4156
5177
  "Move_s1613": "Move_s1613",
4157
- "Network03_s14": "Network03_s14",
4158
- "Network03_s24": "Network03_s24",
5178
+ "Network03_s1410": "Network03_s1410",
5179
+ "Network03_s2410": "Network03_s2410",
4159
5180
  "Network03_s2415": "Network03_s2415",
4160
- "Network04_s14": "Network04_s14",
4161
- "Network04_s24": "Network04_s24",
5181
+ "Network04_s1410": "Network04_s1410",
5182
+ "Network04_s2410": "Network04_s2410",
4162
5183
  "Pause_s1615": "Pause_s1615",
4163
5184
  "Pause_s2420": "Pause_s2420",
4164
5185
  "PieChart01_s2420": "PieChart01_s2420",
@@ -4166,62 +5187,79 @@ var ICONS = {
4166
5187
  "PieChart03_s2420": "PieChart03_s2420",
4167
5188
  "PlayCircleLeft_s2420": "PlayCircleLeft_s2420",
4168
5189
  "PlayCircleRight_s2420": "PlayCircleRight_s2420",
5190
+ "PlusCircle_s1413": "PlusCircle_s1413",
5191
+ "PlusCircle_s1613": "PlusCircle_s1613",
4169
5192
  "PlusCircle_s1615": "PlusCircle_s1615",
5193
+ "PlusCircle_s1810": "PlusCircle_s1810",
4170
5194
  "PlusCircle_s1812": "PlusCircle_s1812",
5195
+ "PlusCircle_s2410": "PlusCircle_s2410",
4171
5196
  "PlusCircle_s2420": "PlusCircle_s2420",
4172
- "QuestionCircleBg_s16": "QuestionCircleBg_s16",
5197
+ "PlusDownLines_s1413": "PlusDownLines_s1413",
5198
+ "PlusUpLines_s1413": "PlusUpLines_s1413",
5199
+ "Plus_s1610": "Plus_s1610",
5200
+ "PreviewLine_s2013": "PreviewLine_s2013",
5201
+ "PreviewZoom_s2013": "PreviewZoom_s2013",
5202
+ "Preview_s1413": "Preview_s1413",
5203
+ "QuestionCircleBg_s1610": "QuestionCircleBg_s1610",
4173
5204
  "RefreshCcw02_s1415": "RefreshCcw02_s1415",
4174
5205
  "RefreshCcw02_s1615": "RefreshCcw02_s1615",
4175
5206
  "RefreshCcw02_s2420": "RefreshCcw02_s2420",
5207
+ "RefreshCw01_s1613": "RefreshCw01_s1613",
4176
5208
  "RefreshCw01_s1815": "RefreshCw01_s1815",
4177
5209
  "RefreshCw02_s1413": "RefreshCw02_s1413",
4178
5210
  "RefreshCw02_s1615": "RefreshCw02_s1615",
5211
+ "ReverseLeft2_s1613": "ReverseLeft2_s1613",
4179
5212
  "ReverseLeft_s1815": "ReverseLeft_s1815",
5213
+ "SaveAll_s1810": "SaveAll_s1810",
4180
5214
  "SaveAll_s1812": "SaveAll_s1812",
5215
+ "Save_s1413": "Save_s1413",
4181
5216
  "Save_s1613": "Save_s1613",
4182
5217
  "SearchMd_s1615": "SearchMd_s1615",
4183
5218
  "SearchMd_s2420": "SearchMd_s2420",
5219
+ "Setting01_s1413": "Setting01_s1413",
4184
5220
  "Settings02_s1615": "Settings02_s1615",
5221
+ "Settings02_s2415": "Settings02_s2415",
4185
5222
  "Settings02_s2420": "Settings02_s2420",
4186
5223
  "Share03_s1215": "Share03_s1215",
4187
5224
  "Share03_s1613": "Share03_s1613",
4188
5225
  "SortDown_s0815": "SortDown_s0815",
4189
5226
  "SortOutline_s1415": "SortOutline_s1415",
4190
5227
  "SortUp_s0815": "SortUp_s0815",
4191
- "State_s16": "State_s16",
4192
- "State_s18": "State_s18",
5228
+ "State_s1610": "State_s1610",
5229
+ "State_s1810": "State_s1810",
4193
5230
  "StopCircle_s1413": "StopCircle_s1413",
4194
5231
  "StopCircle_s1615": "StopCircle_s1615",
4195
5232
  "StopCircle_s2420": "StopCircle_s2420",
4196
- "SubtractLine_s16": "SubtractLine_s16",
4197
- "Success_s1615": "Success_s1615",
5233
+ "SubtractLine_s1610": "SubtractLine_s1610",
4198
5234
  "SwitchHorizontal02_s1615": "SwitchHorizontal02_s1615",
4199
- "T_s18": "T_s18",
4200
5235
  "Title_s2420": "Title_s2420",
5236
+ "Toggle_s2013": "Toggle_s2013",
4201
5237
  "Tool_s1413": "Tool_s1413",
4202
5238
  "Transform_s1815": "Transform_s1815",
4203
5239
  "Trash01_s1413": "Trash01_s1413",
4204
5240
  "Trash01_s1613": "Trash01_s1613",
5241
+ "Trash01_s1810": "Trash01_s1810",
4205
5242
  "Trash01_s1815": "Trash01_s1815",
4206
- "Up_s16": "Up_s16",
5243
+ "Up_s1610": "Up_s1610",
4207
5244
  "Upload01_s1613": "Upload01_s1613",
4208
5245
  "UserCircleBg_s2415": "UserCircleBg_s2415",
4209
5246
  "UserCircle_s1615": "UserCircle_s1615",
4210
5247
  "UserCircle_s2415": "UserCircle_s2415",
4211
5248
  "UserCircle_s2420": "UserCircle_s2420",
4212
5249
  "UserPlus_s1615": "UserPlus_s1615",
5250
+ "UserPlus_s1810": "UserPlus_s1810",
4213
5251
  "UserPlus_s1812": "UserPlus_s1812",
4214
5252
  "Users01_s1615": "Users01_s1615",
4215
5253
  "Users01_s2420": "Users01_s2420",
4216
- "V_s18": "V_s18",
4217
5254
  "XCircleBg_s1612": "XCircleBg_s1612",
4218
5255
  "XCircle_s1413": "XCircle_s1413",
4219
5256
  "XCircle_s1613": "XCircle_s1613",
4220
5257
  "XCircle_s2420": "XCircle_s2420",
4221
5258
  "XDiamondBg_s2415": "XDiamondBg_s2415",
4222
- "X_s14": "X_s14",
5259
+ "X_s1410": "X_s1410",
4223
5260
  "X_s1613": "X_s1613",
4224
5261
  "X_s2420": "X_s2420",
5262
+ "Zap_s1810": "Zap_s1810",
4225
5263
  "Zap_s1812": "Zap_s1812",
4226
5264
  "ZoomIn_s1815": "ZoomIn_s1815",
4227
5265
  "ZoomOut_s1815": "ZoomOut_s1815"
@@ -4231,43 +5269,43 @@ function Icon(_a) {
4231
5269
  var name = _a.name,
4232
5270
  _b = _a.color,
4233
5271
  color = _b === void 0 ? 'secondary' : _b,
4234
- _c = _a.hoverColor,
4235
- hoverColor = _c === void 0 ? 'secondary' : _c;
5272
+ hoverColor = _a.hoverColor;
4236
5273
  var keyColor = useColor(color).keyColor;
4237
- var hoverKeyColor = useColor(hoverColor).keyColor;
4238
- var _d = iconmap[name],
4239
- width = _d.width,
4240
- height = _d.height,
4241
- viewBox = _d.viewBox,
4242
- fill = _d.fill,
4243
- paths = _d.paths,
4244
- circles = _d.circles,
4245
- rects = _d.rects;
4246
- var _e = useState(false),
4247
- hover = _e[0],
4248
- setHover = _e[1];
5274
+ var hoverKeyColor = useColor(hoverColor || 'secondary').keyColor;
5275
+ var _c = iconmap[name],
5276
+ width = _c.width,
5277
+ height = _c.height,
5278
+ viewBox = _c.viewBox,
5279
+ fill = _c.fill,
5280
+ paths = _c.paths,
5281
+ circles = _c.circles,
5282
+ rects = _c.rects;
5283
+ var _d = useState(false),
5284
+ hover = _d[0],
5285
+ setHover = _d[1];
4249
5286
  /**
4250
5287
  * 아이콘 최종 색깔
5288
+ * hoverColor를 설정해줬을때만 hoverColor가 적용되도록
4251
5289
  */
4252
5290
  var iconColor = useMemo(function () {
4253
- if (hover) {
5291
+ if (hoverColor && hover) {
4254
5292
  return hoverKeyColor;
4255
5293
  }
4256
5294
  return keyColor;
4257
- }, [hover, keyColor, hoverKeyColor]);
5295
+ }, [hoverColor, hover, keyColor, hoverKeyColor]);
4258
5296
  /**
4259
5297
  * circle.fill를 svg에 있는대로 두고 싶으면 true
4260
5298
  * circle.fill은 지정 색이 아니라 white로 고정시켜야함
4261
5299
  */
4262
5300
  var staticCircleFill = useMemo(function () {
4263
- return name === ICONS.AlertCircleBg_s16 || name === ICONS.QuestionCircleBg_s16;
5301
+ return name === ICONS.AlertCircleBg_s1610 || name === ICONS.QuestionCircleBg_s1610;
4264
5302
  }, [name]);
4265
5303
  /**
4266
5304
  * 마지막 path.stroke를 svg에 있는대로 두고 싶으면 true
4267
5305
  * 마지막 path.stroke은 지정 색이 아니라 white로 고정시켜야함
4268
5306
  */
4269
5307
  var staticPathStorke = useMemo(function () {
4270
- return name === ICONS.ArrowLeftCircleBg_s2415 || name === ICONS.ArrowRightCircleBg_s2415 || name === ICONS.CheckCircleBg_s1612 || name === ICONS.XCircleBg_s1612 || name === ICONS.XDiamondBg_s2415 || name === ICONS.UserCircleBg_s2415;
5308
+ 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;
4271
5309
  }, [name]);
4272
5310
  return jsxs("svg", __assign({
4273
5311
  width: width,
@@ -4290,14 +5328,19 @@ function Icon(_a) {
4290
5328
  height: rect.height,
4291
5329
  rx: rect.rx,
4292
5330
  transform: rect.transform,
4293
- fill: rect.fill && iconColor
5331
+ fill: rect.fill && iconColor,
5332
+ stroke: rect.stroke && iconColor,
5333
+ strokeWidth: rect.strokeWidth,
5334
+ strokeLinecap: rect.strokeLinecap
4294
5335
  }, "rect-".concat(idx));
4295
5336
  }), circles.map(function (circle, idx) {
4296
5337
  return jsx("circle", {
4297
5338
  cx: circle.cx,
4298
5339
  cy: circle.cy,
4299
5340
  r: circle.r,
4300
- fill: circle.fill && (staticCircleFill ? circle.fill : iconColor)
5341
+ fill: circle.fill && (staticCircleFill ? circle.fill : iconColor),
5342
+ stroke: circle.stroke && (staticPathStorke && idx === paths.length - 1 ? circle.stroke : iconColor),
5343
+ strokeWidth: circle.strokeWidth
4301
5344
  }, "circle-".concat(idx));
4302
5345
  }), paths.map(function (path, idx) {
4303
5346
  return jsx("path", {
@@ -4314,8 +5357,8 @@ function Icon(_a) {
4314
5357
  }));
4315
5358
  }
4316
5359
 
4317
- var css_248z$g = ".size-small {\n padding: 5px 16px;\n border-radius: 4px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.size-normal {\n padding: 8px 16px;\n border-radius: 6px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.size-large {\n padding: 10px 16px;\n border-radius: 6px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.maru-button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border: 0;\n cursor: pointer;\n gap: 6px;\n}\n.maru-button:focus-within {\n outline: none;\n}\n.maru-button:disabled {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n.maru-button-primary-default {\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-default:hover {\n box-shadow: 0 0 6px var(--p);\n}\n.maru-button-primary-default:focus-visible, .maru-button-primary-default:active {\n box-shadow: none;\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-default-light {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-primary-default-light:hover {\n box-shadow: 0 0 6px var(--p-50-per);\n}\n.maru-button-primary-default-light:focus-visible, .maru-button-primary-default-light:active {\n box-shadow: none;\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-outline {\n background-color: white;\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 6px var(--p-20);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-20);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 0 1px var(--p) inset, 0 0 6px var(--p);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-10);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-text {\n background-color: transparent;\n color: var(--p);\n}\n.maru-button-primary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-primary-color-on-focus:hover {\n background-color: var(--p-10);\n}\n.maru-button-primary-color-on-focus:focus-visible, .maru-button-primary-color-on-focus:active {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-secondary-default {\n background-color: #8c8c8c;\n color: white;\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #8c8c8c;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #fafafa;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default-light {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-secondary-default-light:hover {\n box-shadow: 0 0 6px;\n}\n.maru-button-secondary-default-light:focus-visible, .maru-button-secondary-default-light:active {\n box-shadow: none;\n background-color: #8c8c8c;\n color: white;\n}\n.maru-button-secondary-outline {\n background-color: white;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-outline:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-outline:focus-visible, .maru-button-secondary-outline:active {\n box-shadow: none;\n background-color: #e4e4e4;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-text {\n background-color: transparent;\n color: #8c8c8c;\n}\n.maru-button-secondary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-secondary-color-on-focus:hover {\n background-color: #fafafa;\n}\n.maru-button-secondary-color-on-focus:focus-visible, .maru-button-secondary-color-on-focus:active {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-positive-default {\n background-color: #58c5a6;\n color: white;\n}\n.maru-button-positive-default:hover {\n box-shadow: 0 0 6px #58c5a6;\n}\n.maru-button-positive-default:focus-visible, .maru-button-positive-default:active {\n box-shadow: none;\n background-color: #eef9f6;\n color: #58c5a6;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-default-light {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-button-positive-default-light:hover {\n box-shadow: 0 0 6px rgba(88, 196, 166, 0.5019607843);\n}\n.maru-button-positive-default-light:focus-visible, .maru-button-positive-default-light:active {\n box-shadow: none;\n background-color: #58c5a6;\n color: white;\n}\n.maru-button-positive-outline {\n background-color: white;\n color: #58c5a6;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-outline:hover {\n box-shadow: 0 0 6px #def3ed;\n}\n.maru-button-positive-outline:focus-visible, .maru-button-positive-outline:active {\n box-shadow: none;\n background-color: #def3ed;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-text {\n background-color: transparent;\n color: #58c5a6;\n}\n.maru-button-positive-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-positive-color-on-focus:hover {\n background-color: #eef9f6;\n}\n.maru-button-positive-color-on-focus:focus-visible, .maru-button-positive-color-on-focus:active {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-button-warning-default {\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-default:hover {\n box-shadow: 0 0 6px #ffb020;\n}\n.maru-button-warning-default:focus-visible, .maru-button-warning-default:active {\n box-shadow: none;\n background-color: #ffefd2;\n color: #ffb020;\n}\n.maru-button-warning-default-light {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-warning-default-light:hover {\n box-shadow: 0 0 6px rgba(255, 177, 32, 0.5019607843);\n}\n.maru-button-warning-default-light:focus-visible, .maru-button-warning-default-light:active {\n box-shadow: none;\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-outline {\n background-color: white;\n color: #ffb020;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-outline:hover {\n box-shadow: 0 0 6px #ffefd2;\n}\n.maru-button-warning-outline:focus-visible, .maru-button-warning-outline:active {\n box-shadow: none;\n background-color: #ffefd2;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-text {\n background-color: transparent;\n color: #ffb020;\n}\n.maru-button-warning-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-warning-color-on-focus:hover {\n background-color: #fff7e9;\n}\n.maru-button-warning-color-on-focus:focus-visible, .maru-button-warning-color-on-focus:active {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-danger-default {\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-default:hover {\n box-shadow: 0 0 6px #e53e3e;\n}\n.maru-button-danger-default:focus-visible, .maru-button-danger-default:active {\n box-shadow: none;\n background-color: #fcecec;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-default-light {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-danger-default-light:hover {\n box-shadow: 0 0 6px rgba(229, 62, 62, 0.5019607843);\n}\n.maru-button-danger-default-light:focus-visible, .maru-button-danger-default-light:active {\n box-shadow: none;\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-outline {\n background-color: white;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-outline:hover {\n box-shadow: 0 0 6px #fad8d8;\n}\n.maru-button-danger-outline:focus-visible, .maru-button-danger-outline:active {\n box-shadow: none;\n background-color: #fad8d8;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-text {\n background-color: transparent;\n color: #e53e3e;\n}\n.maru-button-danger-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-danger-color-on-focus:hover {\n background-color: #fcecec;\n}\n.maru-button-danger-color-on-focus:focus-visible, .maru-button-danger-color-on-focus:active {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-success-default {\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-default:hover {\n box-shadow: 0 0 6px #308acc;\n}\n.maru-button-success-default:focus-visible, .maru-button-success-default:active {\n box-shadow: none;\n background-color: #eaf3fa;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-default-light {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-button-success-default-light:hover {\n box-shadow: 0 0 6px rgba(48, 138, 204, 0.5019607843);\n}\n.maru-button-success-default-light:focus-visible, .maru-button-success-default-light:active {\n box-shadow: none;\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-outline {\n background-color: white;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-outline:hover {\n box-shadow: 0 0 6px #d6e8f5;\n}\n.maru-button-success-outline:focus-visible, .maru-button-success-outline:active {\n box-shadow: none;\n background-color: #d6e8f5;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-text {\n background-color: transparent;\n color: #308acc;\n}\n.maru-button-success-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-success-color-on-focus:hover {\n background-color: #eaf3fa;\n}\n.maru-button-success-color-on-focus:focus-visible, .maru-button-success-color-on-focus:active {\n background-color: #eaf3fa;\n color: #308acc;\n}\n\n.maru-button-with-start-icon.size-small,\n.maru-button-with-end-icon.size-small {\n padding: 5px 12px;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline {\n background-color: white;\n color: #bdbdbd;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:hover,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:hover {\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:focus-visible, .maru-button-with-start-icon.size-small.maru-button-secondary-outline:active,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:focus-visible,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:active {\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-normal,\n.maru-button-with-end-icon.size-normal {\n padding: 8px 12px;\n}\n\n.maru-button-only-icon.size-normal {\n padding: 0;\n justify-content: center;\n background-color: transparent;\n}\n.maru-button-only-icon.size-normal:hover, .maru-button-only-icon.size-normal:focus-visible, .maru-button-only-icon.size-normal:active {\n box-shadow: none;\n background-color: transparent;\n}";
4318
- styleInject(css_248z$g);
5360
+ var css_248z$h = ".size-small {\n padding: 5px 16px;\n border-radius: 4px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.size-normal {\n padding: 8px 16px;\n border-radius: 6px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.size-large {\n padding: 10px 16px;\n border-radius: 6px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n\n.maru-button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border: 0;\n cursor: pointer;\n gap: 6px;\n}\n.maru-button:focus-within {\n outline: none;\n}\n.maru-button:disabled {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n.maru-button-primary-default {\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-default:hover {\n box-shadow: 0 0 6px var(--p);\n}\n.maru-button-primary-default:focus-visible, .maru-button-primary-default:active {\n box-shadow: none;\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-default-light {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-primary-default-light:hover {\n box-shadow: 0 0 6px var(--p-50-per);\n}\n.maru-button-primary-default-light:focus-visible, .maru-button-primary-default-light:active {\n box-shadow: none;\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-outline {\n background-color: white;\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 6px var(--p-20);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-20);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 0 1px var(--p) inset, 0 0 6px var(--p);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-10);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-text {\n background-color: transparent;\n color: var(--p);\n}\n.maru-button-primary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-primary-color-on-focus:hover {\n background-color: var(--p-10);\n}\n.maru-button-primary-color-on-focus:focus-visible, .maru-button-primary-color-on-focus:active {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-secondary-default {\n background-color: #8c8c8c;\n color: white;\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #8c8c8c;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #fafafa;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default-light {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-secondary-default-light:hover {\n box-shadow: 0 0 6px;\n}\n.maru-button-secondary-default-light:focus-visible, .maru-button-secondary-default-light:active {\n box-shadow: none;\n background-color: #8c8c8c;\n color: white;\n}\n.maru-button-secondary-outline {\n background-color: white;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-outline:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-outline:focus-visible, .maru-button-secondary-outline:active {\n box-shadow: none;\n background-color: #e4e4e4;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-text {\n background-color: transparent;\n color: #8c8c8c;\n}\n.maru-button-secondary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-secondary-color-on-focus:hover {\n background-color: #fafafa;\n}\n.maru-button-secondary-color-on-focus:focus-visible, .maru-button-secondary-color-on-focus:active {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-positive-default {\n background-color: #58c5a6;\n color: white;\n}\n.maru-button-positive-default:hover {\n box-shadow: 0 0 6px #58c5a6;\n}\n.maru-button-positive-default:focus-visible, .maru-button-positive-default:active {\n box-shadow: none;\n background-color: #eef9f6;\n color: #58c5a6;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-default-light {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-button-positive-default-light:hover {\n box-shadow: 0 0 6px rgba(88, 196, 166, 0.5019607843);\n}\n.maru-button-positive-default-light:focus-visible, .maru-button-positive-default-light:active {\n box-shadow: none;\n background-color: #58c5a6;\n color: white;\n}\n.maru-button-positive-outline {\n background-color: white;\n color: #58c5a6;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-outline:hover {\n box-shadow: 0 0 6px #def3ed;\n}\n.maru-button-positive-outline:focus-visible, .maru-button-positive-outline:active {\n box-shadow: none;\n background-color: #def3ed;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-button-positive-text {\n background-color: transparent;\n color: #58c5a6;\n}\n.maru-button-positive-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-positive-color-on-focus:hover {\n background-color: #eef9f6;\n}\n.maru-button-positive-color-on-focus:focus-visible, .maru-button-positive-color-on-focus:active {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-button-warning-default {\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-default:hover {\n box-shadow: 0 0 6px #ffb020;\n}\n.maru-button-warning-default:focus-visible, .maru-button-warning-default:active {\n box-shadow: none;\n background-color: #ffefd2;\n color: #ffb020;\n}\n.maru-button-warning-default-light {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-warning-default-light:hover {\n box-shadow: 0 0 6px rgba(255, 177, 32, 0.5019607843);\n}\n.maru-button-warning-default-light:focus-visible, .maru-button-warning-default-light:active {\n box-shadow: none;\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-outline {\n background-color: white;\n color: #ffb020;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-outline:hover {\n box-shadow: 0 0 6px #ffefd2;\n}\n.maru-button-warning-outline:focus-visible, .maru-button-warning-outline:active {\n box-shadow: none;\n background-color: #ffefd2;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-text {\n background-color: transparent;\n color: #ffb020;\n}\n.maru-button-warning-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-warning-color-on-focus:hover {\n background-color: #fff7e9;\n}\n.maru-button-warning-color-on-focus:focus-visible, .maru-button-warning-color-on-focus:active {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-danger-default {\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-default:hover {\n box-shadow: 0 0 6px #e53e3e;\n}\n.maru-button-danger-default:focus-visible, .maru-button-danger-default:active {\n box-shadow: none;\n background-color: #fcecec;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-default-light {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-danger-default-light:hover {\n box-shadow: 0 0 6px rgba(229, 62, 62, 0.5019607843);\n}\n.maru-button-danger-default-light:focus-visible, .maru-button-danger-default-light:active {\n box-shadow: none;\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-outline {\n background-color: white;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-outline:hover {\n box-shadow: 0 0 6px #fad8d8;\n}\n.maru-button-danger-outline:focus-visible, .maru-button-danger-outline:active {\n box-shadow: none;\n background-color: #fad8d8;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-text {\n background-color: transparent;\n color: #e53e3e;\n}\n.maru-button-danger-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-danger-color-on-focus:hover {\n background-color: #fcecec;\n}\n.maru-button-danger-color-on-focus:focus-visible, .maru-button-danger-color-on-focus:active {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-success-default {\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-default:hover {\n box-shadow: 0 0 6px #308acc;\n}\n.maru-button-success-default:focus-visible, .maru-button-success-default:active {\n box-shadow: none;\n background-color: #eaf3fa;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-default-light {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-button-success-default-light:hover {\n box-shadow: 0 0 6px rgba(48, 138, 204, 0.5019607843);\n}\n.maru-button-success-default-light:focus-visible, .maru-button-success-default-light:active {\n box-shadow: none;\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-outline {\n background-color: white;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-outline:hover {\n box-shadow: 0 0 6px #d6e8f5;\n}\n.maru-button-success-outline:focus-visible, .maru-button-success-outline:active {\n box-shadow: none;\n background-color: #d6e8f5;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-text {\n background-color: transparent;\n color: #308acc;\n}\n.maru-button-success-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-success-color-on-focus:hover {\n background-color: #eaf3fa;\n}\n.maru-button-success-color-on-focus:focus-visible, .maru-button-success-color-on-focus:active {\n background-color: #eaf3fa;\n color: #308acc;\n}\n\n.maru-button-with-start-icon.size-small,\n.maru-button-with-end-icon.size-small {\n padding: 5px 12px;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline {\n background-color: white;\n color: #bdbdbd;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:hover,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:hover {\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:focus-visible, .maru-button-with-start-icon.size-small.maru-button-secondary-outline:active,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:focus-visible,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:active {\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-normal,\n.maru-button-with-end-icon.size-normal {\n padding: 8px 12px;\n}\n\n.maru-button-only-icon.size-normal {\n padding: 0;\n justify-content: center;\n background-color: transparent;\n}\n.maru-button-only-icon.size-normal:hover, .maru-button-only-icon.size-normal:focus-visible, .maru-button-only-icon.size-normal:active {\n box-shadow: none;\n background-color: transparent;\n}";
5361
+ styleInject(css_248z$h);
4319
5362
 
4320
5363
  var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
4321
5364
  var children = _a.children,
@@ -4410,10 +5453,12 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
4410
5453
  }, {
4411
5454
  children: [startIcon && jsx(Icon, {
4412
5455
  name: startIcon.name,
4413
- color: getIconColor(startIcon)
5456
+ color: getIconColor(startIcon),
5457
+ hoverColor: startIcon.hoverColor
4414
5458
  }), children, endIcon && jsx(Icon, {
4415
5459
  name: endIcon.name,
4416
- color: getIconColor(endIcon)
5460
+ color: getIconColor(endIcon),
5461
+ hoverColor: endIcon.hoverColor
4417
5462
  })]
4418
5463
  }));
4419
5464
  });
@@ -4476,8 +5521,8 @@ function uuidv4(length) {
4476
5521
  }
4477
5522
  }
4478
5523
 
4479
- var css_248z$f = ".maru-checkbox-wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: fit-content;\n}\n\n.maru-checkbox-wrapper-2px {\n gap: 2px;\n}\n\n.maru-checkbox-wrapper-4px {\n gap: 4px;\n}\n\n.maru-checkbox-wrapper-8px {\n gap: 8px;\n}\n\n.maru-checkbox-inner-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n position: relative;\n}\n\n.maru-checkbox {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n.maru-checkbox-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n cursor: pointer;\n}\n.maru-checkbox-label.label-disabled {\n color: #8c8c8c;\n}\n\n.maru-checkbox:disabled,\n.label-disabled {\n cursor: default;\n}";
4480
- styleInject(css_248z$f);
5524
+ var css_248z$g = ".maru-checkbox-wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: fit-content;\n}\n\n.maru-checkbox-wrapper-2px {\n gap: 2px;\n}\n\n.maru-checkbox-wrapper-4px {\n gap: 4px;\n}\n\n.maru-checkbox-wrapper-8px {\n gap: 8px;\n}\n\n.maru-checkbox-inner-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n position: relative;\n}\n\n.maru-checkbox {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n.maru-checkbox-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n cursor: pointer;\n}\n.maru-checkbox-label.label-disabled {\n color: #8c8c8c;\n}\n\n.maru-checkbox:disabled,\n.label-disabled {\n cursor: default;\n}";
5525
+ styleInject(css_248z$g);
4481
5526
 
4482
5527
  var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
4483
5528
  var _b;
@@ -4520,7 +5565,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
4520
5565
  onChange: handleChange,
4521
5566
  className: "maru-checkbox"
4522
5567
  })), jsx(Icon, {
4523
- name: isChecked ? "CheckboxOn_s".concat(size) : "CheckboxOff_s".concat(size),
5568
+ name: isChecked ? "CheckboxOn_s".concat(size, "10") : "CheckboxOff_s".concat(size, "10"),
4524
5569
  color: props.disabled ? '#BDBDBD' : keyColor
4525
5570
  })]
4526
5571
  })), label && jsx("label", __assign({
@@ -4542,8 +5587,8 @@ Checkbox.defaultProps = {
4542
5587
  };
4543
5588
  Checkbox.displayName = 'Checkbox';
4544
5589
 
4545
- var css_248z$e = ".maru-chip {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border-radius: 10px;\n}\n.maru-chip-size-small {\n padding: 1.5px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n}\n.maru-chip-size-normal {\n padding: 2px 10px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-chip-primary-default {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-chip-primary-default.maru-chip-warning-default, .maru-chip-primary-default.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-outline {\n background-color: var(--p-10);\n border: 1px solid var(--p);\n color: var(--p);\n}\n.maru-chip-primary-outline.maru-chip-warning-default, .maru-chip-primary-outline.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-dot {\n color: var(--p);\n gap: 2px;\n padding: unset;\n}\n.maru-chip-secondary-default {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-chip-secondary-default.maru-chip-warning-default, .maru-chip-secondary-default.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-outline {\n background-color: #fafafa;\n border: 1px solid #8c8c8c;\n color: #8c8c8c;\n}\n.maru-chip-secondary-outline.maru-chip-warning-default, .maru-chip-secondary-outline.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-dot {\n color: #8c8c8c;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-positive-default {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-chip-positive-default.maru-chip-warning-default, .maru-chip-positive-default.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-outline {\n background-color: #eef9f6;\n border: 1px solid #58c5a6;\n color: #58c5a6;\n}\n.maru-chip-positive-outline.maru-chip-warning-default, .maru-chip-positive-outline.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-dot {\n color: #58c5a6;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-warning-default {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-chip-warning-default.maru-chip-warning-default, .maru-chip-warning-default.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-outline {\n background-color: #fff7e9;\n border: 1px solid #ffb020;\n color: #ffb020;\n}\n.maru-chip-warning-outline.maru-chip-warning-default, .maru-chip-warning-outline.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-dot {\n color: #ffb020;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-danger-default {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-chip-danger-default.maru-chip-warning-default, .maru-chip-danger-default.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-outline {\n background-color: #fcecec;\n border: 1px solid #e53e3e;\n color: #e53e3e;\n}\n.maru-chip-danger-outline.maru-chip-warning-default, .maru-chip-danger-outline.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-dot {\n color: #e53e3e;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-success-default {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-chip-success-default.maru-chip-warning-default, .maru-chip-success-default.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-outline {\n background-color: #eaf3fa;\n border: 1px solid #308acc;\n color: #308acc;\n}\n.maru-chip-success-outline.maru-chip-warning-default, .maru-chip-success-outline.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-dot {\n color: #308acc;\n gap: 2px;\n padding: unset;\n}";
4546
- styleInject(css_248z$e);
5590
+ var css_248z$f = ".maru-chip {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-chip-size-small {\n padding: 1.5px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 400;\n border-radius: 10px;\n gap: 2px;\n}\n.maru-chip-size-normal {\n padding: 2px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n border-radius: 16px;\n gap: 8px;\n}\n.maru-chip-primary-default {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-chip-primary-default.maru-chip-warning-default, .maru-chip-primary-default.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-outline {\n background-color: var(--p-10);\n border: 1px solid var(--p);\n color: var(--p);\n}\n.maru-chip-primary-outline.maru-chip-warning-default, .maru-chip-primary-outline.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-dot {\n color: var(--p);\n gap: 2px;\n padding: unset;\n}\n.maru-chip-secondary-default {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-chip-secondary-default.maru-chip-warning-default, .maru-chip-secondary-default.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-outline {\n background-color: #fafafa;\n border: 1px solid #8c8c8c;\n color: #8c8c8c;\n}\n.maru-chip-secondary-outline.maru-chip-warning-default, .maru-chip-secondary-outline.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-dot {\n color: #8c8c8c;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-positive-default {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-chip-positive-default.maru-chip-warning-default, .maru-chip-positive-default.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-outline {\n background-color: #eef9f6;\n border: 1px solid #58c5a6;\n color: #58c5a6;\n}\n.maru-chip-positive-outline.maru-chip-warning-default, .maru-chip-positive-outline.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-dot {\n color: #58c5a6;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-warning-default {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-chip-warning-default.maru-chip-warning-default, .maru-chip-warning-default.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-outline {\n background-color: #fff7e9;\n border: 1px solid #ffb020;\n color: #ffb020;\n}\n.maru-chip-warning-outline.maru-chip-warning-default, .maru-chip-warning-outline.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-dot {\n color: #ffb020;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-danger-default {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-chip-danger-default.maru-chip-warning-default, .maru-chip-danger-default.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-outline {\n background-color: #fcecec;\n border: 1px solid #e53e3e;\n color: #e53e3e;\n}\n.maru-chip-danger-outline.maru-chip-warning-default, .maru-chip-danger-outline.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-dot {\n color: #e53e3e;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-success-default {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-chip-success-default.maru-chip-warning-default, .maru-chip-success-default.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-outline {\n background-color: #eaf3fa;\n border: 1px solid #308acc;\n color: #308acc;\n}\n.maru-chip-success-outline.maru-chip-warning-default, .maru-chip-success-outline.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-dot {\n color: #308acc;\n gap: 2px;\n padding: unset;\n}\n.maru-chip .maru-chip-x-icon-button {\n transform: translateY(-1px);\n}";
5591
+ styleInject(css_248z$f);
4547
5592
 
4548
5593
  function Chip(_a) {
4549
5594
  var children = _a.children,
@@ -4553,21 +5598,29 @@ function Chip(_a) {
4553
5598
  size = _c === void 0 ? 'normal' : _c,
4554
5599
  _d = _a.variant,
4555
5600
  variant = _d === void 0 ? 'default' : _d,
4556
- className = _a.className;
5601
+ className = _a.className,
5602
+ onXIconClick = _a.onXIconClick;
4557
5603
  return jsxs("div", __assign({
4558
5604
  className: classNames('maru-chip', "maru-chip-".concat(color, "-").concat(variant), "maru-chip-size-".concat(size), className)
4559
5605
  }, {
4560
5606
  children: [variant === 'dot' && jsx(Icon, {
4561
- name: ICONS.State_s16,
5607
+ name: ICONS.State_s1610,
4562
5608
  color: color
4563
5609
  }), typeof children === 'number' ? jsx("span", {
4564
5610
  children: children.toLocaleString('en')
4565
- }) : children]
5611
+ }) : children, onXIconClick && jsx(Button, {
5612
+ endIcon: {
5613
+ name: ICONS.X_s1410,
5614
+ color: color
5615
+ },
5616
+ onClick: onXIconClick,
5617
+ className: "maru-chip-x-icon-button"
5618
+ })]
4566
5619
  }));
4567
5620
  }
4568
5621
 
4569
- var css_248z$d = ".maru-input-wrapper.disabled input {\n opacity: 0.5;\n pointer-events: none;\n}\n.maru-input-wrapper.disabled .maru-input-default:hover,\n.maru-input-wrapper.disabled .maru-input-default:focus-within,\n.maru-input-wrapper.disabled .maru-input-underline:hover,\n.maru-input-wrapper.disabled .maru-input-underline:focus-within {\n border-color: transparent;\n outline: transparent;\n}\n.maru-input-wrapper .maru-input-label {\n margin-bottom: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-input-wrapper .maru-input-label label {\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input {\n border: 1px solid #e4e4e4;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n height: 37px;\n padding: 8px 10px 8px 14px;\n border-radius: 6px;\n}\n.maru-input-wrapper .maru-input:focus-visible, .maru-input-wrapper .maru-input:focus-within {\n border: 2px solid #e4e4e4;\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input:hover {\n border: 2px solid #e4e4e4;\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.errored {\n border: 2px solid #e53e3e;\n}\n.maru-input-wrapper .maru-input > input {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input > input::-moz-placeholder {\n font-weight: 300;\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input > input::placeholder {\n font-weight: 300;\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input-start-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button:last-of-type {\n margin-left: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper .maru-input-end-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 10px;\n}\n.maru-input-wrapper .maru-input-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-input-wrapper .maru-input-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n}";
4570
- styleInject(css_248z$d);
5622
+ var css_248z$e = ".maru-input-wrapper .maru-input-label {\n margin-bottom: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-input-wrapper .maru-input-label label {\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n height: 37px;\n padding: 8px 10px 8px 14px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n}\n.maru-input-wrapper .maru-input > input {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input:focus-visible, .maru-input-wrapper .maru-input:focus-within {\n border-color: #5c5c5c;\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-input-wrapper .maru-input:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.disabled {\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.disabled > input {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled:hover {\n outline: unset;\n}\n.maru-input-wrapper .maru-input-start-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button:last-of-type {\n margin-left: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper .maru-input-end-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 10px;\n}\n.maru-input-wrapper .maru-input-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-input-wrapper .maru-input-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n}";
5623
+ styleInject(css_248z$e);
4571
5624
 
4572
5625
  var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4573
5626
  var invalid = _a.invalid,
@@ -4582,8 +5635,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4582
5635
  className = _a.className,
4583
5636
  props = __rest(_a, ["invalid", "label", "type", "onClear", "hiddenClearButton", "wrapperRef", "startNode", "endNode", "className"]);
4584
5637
  var _c = useState(true),
4585
- pwdVision = _c[0],
4586
- setPwdVision = _c[1];
5638
+ maskingPassword = _c[0],
5639
+ setMaskingPassword = _c[1]; // *로 보이고 싶으면 true
4587
5640
  var _d = useState(false),
4588
5641
  showClearButton = _d[0],
4589
5642
  setShowClearButton = _d[1];
@@ -4591,7 +5644,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4591
5644
  var hashId = uuidv4(4);
4592
5645
  useEffect(function () {
4593
5646
  return function () {
4594
- setPwdVision(false);
5647
+ setMaskingPassword(true);
4595
5648
  setShowClearButton(false);
4596
5649
  };
4597
5650
  }, []);
@@ -4644,9 +5697,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4644
5697
  };
4645
5698
  return jsxs("div", __assign({
4646
5699
  ref: wrapperRef,
4647
- className: classNames('maru-input-wrapper', className, {
4648
- disabled: props.disabled
4649
- })
5700
+ className: classNames('maru-input-wrapper', className)
4650
5701
  }, {
4651
5702
  children: [label && jsx("div", __assign({
4652
5703
  className: "maru-input-label"
@@ -4658,7 +5709,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4658
5709
  }))
4659
5710
  })), jsxs("div", __assign({
4660
5711
  className: classNames('maru-input', {
4661
- errored: invalid === null || invalid === void 0 ? void 0 : invalid.on
5712
+ errored: invalid === null || invalid === void 0 ? void 0 : invalid.on,
5713
+ disabled: props.disabled
4662
5714
  })
4663
5715
  }, {
4664
5716
  children: [startNode && jsx("div", __assign({
@@ -4668,7 +5720,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4668
5720
  })), jsx("input", __assign({}, props, {
4669
5721
  id: "maru-input-".concat(hashId),
4670
5722
  ref: combineRef,
4671
- type: type === 'password' && pwdVision ? 'password' : 'text',
5723
+ type: type === 'password' && maskingPassword ? 'password' : 'text',
4672
5724
  onChange: handleInputChange,
4673
5725
  onBlur: handleInputBlur
4674
5726
  })), jsxs("div", __assign({
@@ -4677,14 +5729,17 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4677
5729
  children: [type === 'password' && !props.disabled && jsx("button", __assign({
4678
5730
  type: "button",
4679
5731
  onClick: function onClick() {
4680
- return setPwdVision(function (prev) {
5732
+ return setMaskingPassword(function (prev) {
4681
5733
  return !prev;
4682
5734
  });
4683
5735
  },
4684
5736
  tabIndex: -1
4685
5737
  }, {
4686
- children: jsx(Icon, {
4687
- name: pwdVision ? ICONS.Eye_s16 : ICONS.EyeOff_s16,
5738
+ children: jsx(Icon
5739
+ // 현재 상태에 대한 아이콘이 아니라 어떻게 하고싶냐는 뜻의 아이콘이니까 반대로 되어있는게 맞다
5740
+ , {
5741
+ // 현재 상태에 대한 아이콘이 아니라 어떻게 하고싶냐는 뜻의 아이콘이니까 반대로 되어있는게 맞다
5742
+ name: maskingPassword ? ICONS.Eye_s1610 : ICONS.EyeOff_s1610,
4688
5743
  color: "#bdbdbd"
4689
5744
  })
4690
5745
  })), endNode && jsx("div", __assign({
@@ -6523,8 +7578,8 @@ function CreatePortal(_a) {
6523
7578
  return (parentElement || styleRootElement) && /*#__PURE__*/ReactDOM__default.createPortal(children, parentElement ? parentElement.current : styleRootElement);
6524
7579
  }
6525
7580
 
6526
- var css_248z$c = ".maru-popover-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1611;\n}\n\n.maru-popover {\n border-radius: 4px;\n background-color: white;\n outline: none;\n box-shadow: 0px 0px 4px #e4e4e4;\n}";
6527
- styleInject(css_248z$c);
7581
+ var css_248z$d = ".maru-popover-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1611;\n}\n\n.maru-popover {\n border-radius: 4px;\n background-color: white;\n outline: none;\n box-shadow: 0px 0px 4px #e4e4e4;\n}";
7582
+ styleInject(css_248z$d);
6528
7583
 
6529
7584
  function Popover(_a) {
6530
7585
  var anchorEl = _a.anchorEl,
@@ -6612,8 +7667,8 @@ function Popover(_a) {
6612
7667
  }) : PopoverBody;
6613
7668
  }
6614
7669
 
6615
- var css_248z$b = ".maru-radio-wrapper-8px {\n display: flex;\n gap: 8px;\n}\n\n.maru-radio-wrapper-4px {\n display: flex;\n gap: 4px;\n}\n\n.maru-radio-wrapper-2px {\n display: flex;\n gap: 2px;\n}\n\n.maru-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 2px solid #5c5c5c;\n position: relative;\n display: inline-block;\n cursor: pointer;\n}\n.maru-radio:checked::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #5c5c5c;\n}\n.maru-radio:not(:disabled):hover::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #5c5c5c;\n}\n\n.maru-radio-primary {\n border: 2px solid var(--p);\n}\n.maru-radio-primary:checked::before {\n background-color: var(--p);\n}\n.maru-radio-primary:not(:disabled):hover::before {\n background-color: var(--p);\n}\n\n.maru-radio-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n cursor: pointer;\n}\n\n.maru-radio:disabled,\n.label-disabled {\n cursor: default;\n opacity: 0.5;\n}";
6616
- styleInject(css_248z$b);
7670
+ var css_248z$c = ".maru-radio-wrapper-8px {\n display: flex;\n gap: 8px;\n}\n\n.maru-radio-wrapper-4px {\n display: flex;\n gap: 4px;\n}\n\n.maru-radio-wrapper-2px {\n display: flex;\n gap: 2px;\n}\n\n.maru-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 2px solid #5c5c5c;\n position: relative;\n display: inline-block;\n cursor: pointer;\n}\n.maru-radio:checked::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #5c5c5c;\n}\n.maru-radio:not(:disabled):hover::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #5c5c5c;\n}\n\n.maru-radio-primary {\n border: 2px solid var(--p);\n}\n.maru-radio-primary:checked::before {\n background-color: var(--p);\n}\n.maru-radio-primary:not(:disabled):hover::before {\n background-color: var(--p);\n}\n\n.maru-radio-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n cursor: pointer;\n}\n\n.maru-radio:disabled,\n.label-disabled {\n cursor: default;\n opacity: 0.5;\n}";
7671
+ styleInject(css_248z$c);
6617
7672
 
6618
7673
  var Radio = /*#__PURE__*/forwardRef(function (_a, ref) {
6619
7674
  var checked = _a.checked,
@@ -6678,8 +7733,8 @@ function Contents() {
6678
7733
  }));
6679
7734
  }
6680
7735
 
6681
- var css_248z$a = "@keyframes colorFade {\n 0%, 100% {\n background-color: #f7f7f7;\n }\n 50% {\n background-color: #ececec;\n }\n}\n.maru-skeleton {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n background-color: #fafafa;\n}\n.maru-skeleton .maru-skeleton-side-bar {\n width: 250px;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #fafafa;\n box-shadow: 0 0 6px 0 #e4e4e4;\n padding: 27px 20px 20px 20px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 14px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper .maru-skeleton-logo {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n gap: 5px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-sub-title {\n width: 50px;\n height: 10px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-title {\n width: 76px;\n height: 15px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n margin-top: 24px;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu {\n width: 140px;\n height: 24px;\n border-radius: 10px;\n margin: 0 0 30px 11px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu:first-child {\n width: 210px;\n height: 44px;\n margin: 0 0 22px 0;\n}\n.maru-skeleton .maru-skeleton-right-side {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header {\n width: 100%;\n height: 72px;\n box-shadow: 0 4px 6px -4px #e4e4e4;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header.dense {\n height: 60px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents {\n width: 576px;\n height: 287px;\n box-shadow: 0 0 6px 0 #e4e4e4;\n margin: 77px 20px 20px 20px;\n border-radius: 10px;\n padding: 24px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-text {\n width: 106px;\n height: 22px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n margin-bottom: 10px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-description {\n width: 50px;\n height: 18px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 40px;\n margin-top: 20px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container .maru-skeleton-contents-grid {\n width: 203px;\n height: 125px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}";
6682
- styleInject(css_248z$a);
7736
+ var css_248z$b = "@keyframes colorFade {\n 0%, 100% {\n background-color: #f7f7f7;\n }\n 50% {\n background-color: #ececec;\n }\n}\n.maru-skeleton {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n background-color: #fafafa;\n}\n.maru-skeleton .maru-skeleton-side-bar {\n width: 250px;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #fafafa;\n box-shadow: 0 0 6px 0 #e4e4e4;\n padding: 27px 20px 20px 20px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 14px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper .maru-skeleton-logo {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n gap: 5px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-sub-title {\n width: 50px;\n height: 10px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-title {\n width: 76px;\n height: 15px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n margin-top: 24px;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu {\n width: 140px;\n height: 24px;\n border-radius: 10px;\n margin: 0 0 30px 11px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu:first-child {\n width: 210px;\n height: 44px;\n margin: 0 0 22px 0;\n}\n.maru-skeleton .maru-skeleton-right-side {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header {\n width: 100%;\n height: 72px;\n box-shadow: 0 4px 6px -4px #e4e4e4;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header.dense {\n height: 60px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents {\n width: 576px;\n height: 287px;\n box-shadow: 0 0 6px 0 #e4e4e4;\n margin: 77px 20px 20px 20px;\n border-radius: 10px;\n padding: 24px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-text {\n width: 106px;\n height: 22px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n margin-bottom: 10px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-description {\n width: 50px;\n height: 18px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 40px;\n margin-top: 20px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container .maru-skeleton-contents-grid {\n width: 203px;\n height: 125px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}";
7737
+ styleInject(css_248z$b);
6683
7738
 
6684
7739
  function Skeleton(_a) {
6685
7740
  var _b = _a.variant,
@@ -6727,6 +7782,115 @@ function Skeleton(_a) {
6727
7782
  });
6728
7783
  }
6729
7784
 
7785
+ var css_248z$a = ".maru-textarea-wrapper .maru-textarea {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: row;\n padding: 8px 8px 8px 12px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n gap: 8px;\n}\n.maru-textarea-wrapper .maru-textarea > textarea {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n resize: none;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea:focus-visible, .maru-textarea-wrapper .maru-textarea:focus-within {\n border-color: #5c5c5c;\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-textarea-wrapper .maru-textarea:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.disabled {\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled:hover {\n outline: unset;\n}\n.maru-textarea-wrapper .maru-textarea-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-textarea-wrapper .maru-textarea-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-textarea-wrapper .maru-textarea-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-textarea-wrapper .maru-textarea-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n}";
7786
+ styleInject(css_248z$a);
7787
+
7788
+ var Textarea = /*#__PURE__*/forwardRef(function (_a, textareaRef) {
7789
+ var invalid = _a.invalid,
7790
+ onClear = _a.onClear,
7791
+ hiddenClearButton = _a.hiddenClearButton,
7792
+ wrapperRef = _a.wrapperRef,
7793
+ className = _a.className,
7794
+ props = __rest(_a, ["invalid", "onClear", "hiddenClearButton", "wrapperRef", "className"]);
7795
+ var _b = useState(false),
7796
+ showClearButton = _b[0],
7797
+ setShowClearButton = _b[1];
7798
+ var combineRef = useCombineRef(textareaRef);
7799
+ var resizeHeight = function resizeHeight() {
7800
+ if (combineRef.current) {
7801
+ combineRef.current.style.height = 'auto';
7802
+ combineRef.current.style.height = "".concat(combineRef.current.scrollHeight, "px");
7803
+ }
7804
+ };
7805
+ useEffect(function () {
7806
+ return function () {
7807
+ setShowClearButton(false);
7808
+ };
7809
+ }, []);
7810
+ // 초기화 버튼이 있었다가 렌더링에 의해 value에 빈값이 들어오는 경우 초기화 버튼이 그대로 있는 이슈 있었음 #244
7811
+ useEffect(function () {
7812
+ if (!props.value) {
7813
+ setShowClearButton(false);
7814
+ } else {
7815
+ resizeHeight();
7816
+ }
7817
+ }, [props.value]);
7818
+ useEffect(function () {
7819
+ if (props.defaultValue) {
7820
+ setShowClearButton(!hiddenClearButton);
7821
+ resizeHeight();
7822
+ }
7823
+ }, [props.defaultValue, hiddenClearButton]);
7824
+ useEffect(function () {
7825
+ var _a;
7826
+ if ((_a = combineRef.current) === null || _a === void 0 ? void 0 : _a.value) {
7827
+ setShowClearButton(!hiddenClearButton);
7828
+ }
7829
+ }, [combineRef.current, hiddenClearButton]);
7830
+ var handleTextareaChange = function handleTextareaChange(e) {
7831
+ var _a;
7832
+ setShowClearButton(!hiddenClearButton);
7833
+ var curValue = e.currentTarget.value;
7834
+ if (!curValue) {
7835
+ setShowClearButton(false );
7836
+ }
7837
+ resizeHeight();
7838
+ (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
7839
+ };
7840
+ var handleClearClick = function handleClearClick() {
7841
+ if (combineRef.current) {
7842
+ setShowClearButton(false );
7843
+ combineRef.current.value = '';
7844
+ combineRef.current.focus();
7845
+ }
7846
+ onClear === null || onClear === void 0 ? void 0 : onClear();
7847
+ resizeHeight();
7848
+ };
7849
+ return jsxs("div", __assign({
7850
+ ref: wrapperRef,
7851
+ className: classNames('maru-textarea-wrapper', className)
7852
+ }, {
7853
+ children: [jsxs("div", __assign({
7854
+ className: classNames('maru-textarea', {
7855
+ errored: invalid === null || invalid === void 0 ? void 0 : invalid.on,
7856
+ disabled: props.disabled
7857
+ })
7858
+ }, {
7859
+ children: [jsx("textarea", __assign({}, props, {
7860
+ ref: combineRef,
7861
+ onChange: handleTextareaChange
7862
+ })), jsx("div", __assign({
7863
+ className: "maru-textarea-end-node-wrapper"
7864
+ }, {
7865
+ children: showClearButton && !props.disabled && jsx("button", __assign({
7866
+ type: "button",
7867
+ onClick: handleClearClick,
7868
+ tabIndex: -1
7869
+ }, {
7870
+ children: jsx(Icon, {
7871
+ name: ICONS.X_s1613,
7872
+ color: "#bdbdbd"
7873
+ })
7874
+ }))
7875
+ }))]
7876
+ })), invalid && invalid.on && jsx("div", __assign({
7877
+ className: "maru-textarea-footer"
7878
+ }, {
7879
+ children: jsx("span", {
7880
+ children: invalid.message
7881
+ })
7882
+ }))]
7883
+ }));
7884
+ });
7885
+ Textarea.defaultProps = {
7886
+ invalid: undefined,
7887
+ onClear: undefined,
7888
+ hiddenClearButton: undefined,
7889
+ wrapperRef: undefined,
7890
+ className: undefined
7891
+ };
7892
+ Textarea.displayName = 'Textarea';
7893
+
6730
7894
  var css_248z$9 = ".maru-toggle-wrapper {\n display: inline-block;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper {\n position: relative;\n width: 30.67px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 11;\n cursor: pointer;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:not(:checked) ~ .maru-toggle-rail {\n background-color: #bdbdbd;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail {\n position: absolute;\n width: 30.67px;\n height: 18px;\n border-radius: 17.5px;\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-primary {\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-secondary {\n background-color: #8c8c8c;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-positive {\n background-color: #58c5a6;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-warning {\n background-color: #ffb020;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-danger {\n background-color: #e53e3e;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-success {\n background-color: #308acc;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-thumb {\n position: absolute;\n width: 15.33px;\n height: 15.33px;\n border-radius: 50%;\n transition: all 0.2s ease-in-out;\n background-color: white;\n top: 1.33px;\n right: 14px;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:checked ~ .maru-toggle-thumb {\n transform: translateX(12.67px);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle {\n cursor: default;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle-rail {\n background-color: #e4e4e4 !important;\n}\n\n.maru-toggle-text {\n position: relative;\n width: 66px;\n height: 23px;\n background-color: white;\n border-radius: 62px;\n overflow: hidden;\n}\n.maru-toggle-text-primary {\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb {\n background-color: var(--p);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-button {\n color: var(--p);\n}\n.maru-toggle-text-primary .toggle-active {\n color: white;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px var(--p-50) inset;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: var(--p-50);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: var(--p-50);\n cursor: default;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary {\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb {\n background-color: #8c8c8c;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-button {\n color: #8c8c8c;\n}\n.maru-toggle-text-secondary .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #bdbdbd inset;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #bdbdbd;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #bdbdbd;\n cursor: default;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive {\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb {\n background-color: #58c5a6;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #def3ed;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #def3ed;\n}\n.maru-toggle-text-positive .maru-toggle-text-button {\n color: #58c5a6;\n}\n.maru-toggle-text-positive .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #abe1d2 inset;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #abe1d2;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eef9f6;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eef9f6;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #abe1d2;\n cursor: default;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning {\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb {\n background-color: #ffb020;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-button {\n color: #ffb020;\n}\n.maru-toggle-text-warning .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #ffd78f inset;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #ffd78f;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #ffd78f;\n cursor: default;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger {\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb {\n background-color: #e53e3e;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-button {\n color: #e53e3e;\n}\n.maru-toggle-text-danger .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #f29e9e inset;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #f29e9e;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #f29e9e;\n cursor: default;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-success {\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb {\n background-color: #308acc;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-success .maru-toggle-text-button {\n color: #308acc;\n}\n.maru-toggle-text-success .toggle-active {\n color: white;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #97c4e5 inset;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #97c4e5;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #97c4e5;\n cursor: default;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text .maru-toggle-text-thumb {\n top: 0;\n left: 0;\n position: absolute;\n width: 33px;\n height: 23px;\n border-radius: 62px;\n transition: all 0.2s ease-in-out;\n z-index: 1;\n}\n\n.slide-after {\n transform: translateX(33px);\n}\n\n.maru-toggle-text-button-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.maru-toggle-text-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 10px;\n letter-spacing: -0.4px;\n font-weight: 700;\n position: relative;\n width: 33px;\n height: 23px;\n cursor: pointer;\n z-index: 2;\n background-color: transparent;\n border: 0;\n transition: color 0.4s ease;\n}";
6731
7895
  styleInject(css_248z$9);
6732
7896
 
@@ -23592,45 +24756,9 @@ var noSpace = function noSpace(text) {
23592
24756
  return '';
23593
24757
  };
23594
24758
 
23595
- // text char 하나씩 비교하는 경우 (띄워쓰기 무시, 검색할 때 띄워쓰기 무시해야함)
23596
- var setHighlightTextOnDataExceptSpace = function setHighlightTextOnDataExceptSpace(data, targetKey, compareText, autoExcept) {
23597
- if (autoExcept === void 0) {
23598
- autoExcept = false;
23599
- }
23600
- var setHighlightIdx = function setHighlightIdx(dt) {
23601
- var pqi = 0;
23602
- var idx = [-1, -1];
23603
- for (var i = 0; i <= dt[targetKey].length; i += 1) {
23604
- if (dt[targetKey][i] !== ' ') {
23605
- if (pqi === compareText.length) {
23606
- idx[1] = i;
23607
- break;
23608
- }
23609
- if (dt[targetKey][i].toLowerCase() === compareText[pqi]) {
23610
- if (pqi === 0) {
23611
- idx[0] = i;
23612
- }
23613
- pqi += 1;
23614
- } else {
23615
- pqi = 0;
23616
- }
23617
- }
23618
- }
23619
- return idx;
23620
- };
24759
+ var searchData = function searchData(data, displayKey, query) {
23621
24760
  return data.reduce(function (acc, curr) {
23622
- var _a;
23623
- if (noSpace(curr[targetKey]).toLowerCase().includes(compareText)) {
23624
- var highlightIdx = setHighlightIdx(curr);
23625
- if (highlightIdx.every(function (el) {
23626
- return el !== -1;
23627
- })) {
23628
- var highlightText = "".concat(curr[targetKey].slice(0, highlightIdx[0]), "<em>").concat(curr[targetKey].slice(highlightIdx[0], highlightIdx[1]), "</em>").concat(curr[targetKey].slice(highlightIdx[1]));
23629
- acc.push(__assign(__assign({}, curr), (_a = {}, _a[targetKey] = highlightText, _a)));
23630
- return acc;
23631
- }
23632
- }
23633
- if (!autoExcept) {
24761
+ if (noSpace(curr[displayKey]).toLowerCase().includes(query)) {
23634
24762
  acc.push(curr);
23635
24763
  }
23636
24764
  return acc;
@@ -23655,7 +24783,9 @@ function Clear(_a) {
23655
24783
  var clearSelected = _a.clearSelected,
23656
24784
  initInputValue = _a.initInputValue,
23657
24785
  onClear = _a.onClear,
23658
- initFilteredData = _a.initFilteredData;
24786
+ initFilteredData = _a.initFilteredData,
24787
+ focus = _a.focus,
24788
+ color = _a.color;
23659
24789
  var handleClick = function handleClick(e) {
23660
24790
  e.preventDefault();
23661
24791
  e.stopPropagation();
@@ -23673,7 +24803,7 @@ function Clear(_a) {
23673
24803
  }, {
23674
24804
  children: jsx(Icon, {
23675
24805
  name: ICONS.X_s1613,
23676
- color: "#bdbdbd"
24806
+ color: focus ? color : '#bdbdbd'
23677
24807
  })
23678
24808
  }))
23679
24809
  );
@@ -23759,7 +24889,9 @@ function DropdownToggleButton(_a) {
23759
24889
  clearSelected: clearSelected,
23760
24890
  initInputValue: initInputValue,
23761
24891
  onClear: onClear,
23762
- initFilteredData: initFilteredData
24892
+ initFilteredData: initFilteredData,
24893
+ focus: focus,
24894
+ color: color
23763
24895
  }), !startArrow && !disabled && jsx(Arrow, {
23764
24896
  open: open,
23765
24897
  focus: focus,
@@ -23846,7 +24978,9 @@ function DropdownToggleInput(_a) {
23846
24978
  clearSelected: clearSelected,
23847
24979
  initInputValue: initInputValue,
23848
24980
  onClear: onClear,
23849
- initFilteredData: initFilteredData
24981
+ initFilteredData: initFilteredData,
24982
+ focus: focus,
24983
+ color: color
23850
24984
  }), !startArrow && !disabled && jsx(Arrow, {
23851
24985
  open: open,
23852
24986
  focus: focus,
@@ -23959,16 +25093,10 @@ function DropdownMenu(_a) {
23959
25093
  rowId: item[idKey]
23960
25094
  }, {
23961
25095
  children: jsx("span", {
23962
- className: "maru-dropdown-menu-item-span",
23963
- dangerouslySetInnerHTML: {
23964
- __html: item[displayKey]
23965
- }
25096
+ children: item[displayKey]
23966
25097
  })
23967
25098
  })) : jsx("span", {
23968
- className: "maru-dropdown-menu-item-span",
23969
- dangerouslySetInnerHTML: {
23970
- __html: item[displayKey]
23971
- }
25099
+ children: item[displayKey]
23972
25100
  })
23973
25101
  }), "maru-dropdown-menu-item-".concat(item[idKey]));
23974
25102
  })
@@ -24058,7 +25186,7 @@ function Dropdown(_a) {
24058
25186
  if (type === 'input') {
24059
25187
  var pretreatedQeury = noSpace(inputValue).toLowerCase();
24060
25188
  if (pretreatedQeury !== '') {
24061
- setFilteredData(setHighlightTextOnDataExceptSpace(data, displayKey, pretreatedQeury));
25189
+ setFilteredData(searchData(data, displayKey, pretreatedQeury));
24062
25190
  } else {
24063
25191
  initFilteredData();
24064
25192
  }
@@ -24636,6 +25764,29 @@ function KebabMenuTd(_a) {
24636
25764
  })) : null;
24637
25765
  }
24638
25766
 
25767
+ function RadioTd(_a) {
25768
+ var rowId = _a.rowId,
25769
+ checked = _a.checked,
25770
+ onCheck = _a.onCheck;
25771
+ var handleCheck = function handleCheck(e) {
25772
+ onCheck(rowId, e.currentTarget.checked);
25773
+ };
25774
+ return (
25775
+ // eslint-disable-next-line jsx-a11y/control-has-associated-label
25776
+ jsx("td", __assign({
25777
+ className: "radio-td"
25778
+ }, {
25779
+ children: jsx(Radio, {
25780
+ checked: checked,
25781
+ onChange: handleCheck,
25782
+ onClick: function onClick(e) {
25783
+ return e.stopPropagation();
25784
+ }
25785
+ })
25786
+ }))
25787
+ );
25788
+ }
25789
+
24639
25790
  function TBodyEmptyContent(_a) {
24640
25791
  var status = _a.status,
24641
25792
  noData = _a.noData,
@@ -24677,9 +25828,12 @@ function TBody(_a) {
24677
25828
  data = _a.data,
24678
25829
  checkedIds = _a.checkedIds,
24679
25830
  onCheck = _a.onCheck,
25831
+ radioCheckedId = _a.radioCheckedId,
25832
+ onRadioCheck = _a.onRadioCheck,
24680
25833
  hasActionCol = _a.hasActionCol,
24681
25834
  kebabMenu = _a.kebabMenu,
24682
25835
  binButton = _a.binButton,
25836
+ arrowButton = _a.arrowButton,
24683
25837
  onRowClick = _a.onRowClick,
24684
25838
  selectedRow = _a.selectedRow,
24685
25839
  highlightRows = _a.highlightRows,
@@ -24706,6 +25860,11 @@ function TBody(_a) {
24706
25860
  onCheck === null || onCheck === void 0 ? void 0 : onCheck(__spreadArray([], newCheckedArray, true));
24707
25861
  }
24708
25862
  };
25863
+ var handleRadioCheck = function handleRadioCheck(rowId, checked) {
25864
+ if (checked) {
25865
+ onRadioCheck === null || onRadioCheck === void 0 ? void 0 : onRadioCheck(rowId);
25866
+ }
25867
+ };
24709
25868
  var handleRowClick = function handleRowClick(rowId) {
24710
25869
  return function () {
24711
25870
  onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowId);
@@ -24721,6 +25880,12 @@ function TBody(_a) {
24721
25880
  setHoveredRowId('');
24722
25881
  };
24723
25882
  };
25883
+ var handleArrowButtonClick = function handleArrowButtonClick(row) {
25884
+ return function (e) {
25885
+ e.stopPropagation();
25886
+ arrowButton === null || arrowButton === void 0 ? void 0 : arrowButton.onClick(row[rowIdKey]);
25887
+ };
25888
+ };
24724
25889
  return jsx("tbody", __assign({
24725
25890
  className: "maru-table-body"
24726
25891
  }, {
@@ -24745,6 +25910,10 @@ function TBody(_a) {
24745
25910
  rowId: row[rowIdKey],
24746
25911
  checked: !!(checkedIds === null || checkedIds === void 0 ? void 0 : checkedIds.includes(row[rowIdKey])),
24747
25912
  onCheck: handleCheck
25913
+ }), radioCheckedId != null && jsx(RadioTd, {
25914
+ rowId: row[rowIdKey],
25915
+ checked: radioCheckedId === row[rowIdKey],
25916
+ onCheck: handleRadioCheck
24748
25917
  }), formats.map(function (format) {
24749
25918
  if (format.isHide) return null;
24750
25919
  var cellHashId = uuidv4(4);
@@ -24775,6 +25944,23 @@ function TBody(_a) {
24775
25944
  }
24776
25945
  })
24777
25946
  }))
25947
+ })) : (arrowButton === null || arrowButton === void 0 ? void 0 : arrowButton.show(row[rowIdKey])) === 'always' || (arrowButton === null || arrowButton === void 0 ? void 0 : arrowButton.show(row[rowIdKey])) === 'hover' && hoveredRowId === row[rowIdKey] ?
25948
+ // eslint-disable-next-line jsx-a11y/control-has-associated-label, react/jsx-indent
25949
+ jsx("td", __assign({
25950
+ className: "maru-table-body-bin-button-td"
25951
+ }, {
25952
+ children: jsx("div", __assign({
25953
+ className: "maru-table-body-bin-button-wrapper"
25954
+ }, {
25955
+ children: jsx(Button, {
25956
+ startIcon: {
25957
+ name: ICONS.ArrowRight_s1813,
25958
+ color: '#5c5c5c'
25959
+ },
25960
+ color: "#5c5c5c",
25961
+ onClick: handleArrowButtonClick(row)
25962
+ })
25963
+ }))
24778
25964
  })) : hasActionCol ? jsx("td", {
24779
25965
  children: jsx("div", {
24780
25966
  style: {
@@ -24828,12 +26014,10 @@ function FilterTh(_a) {
24828
26014
  'toggle-on': toggle
24829
26015
  })
24830
26016
  }, {
24831
- children: [children, toggle && (jsx("div", __assign({
26017
+ children: [children, toggle && jsx("div", __assign({
24832
26018
  className: "filter-box"
24833
26019
  }, {
24834
26020
  children: filter
24835
- })) || jsx("div", {
24836
- className: "filter-box"
24837
26021
  }))]
24838
26022
  }));
24839
26023
  }
@@ -24894,6 +26078,7 @@ function THead(_a) {
24894
26078
  sort = _a.sort,
24895
26079
  onSortClick = _a.onSortClick,
24896
26080
  hasCheckbox = _a.hasCheckbox,
26081
+ hasRadio = _a.hasRadio,
24897
26082
  allCheckbox = _a.allCheckbox,
24898
26083
  onAllCheck = _a.onAllCheck,
24899
26084
  hasActionCol = _a.hasActionCol,
@@ -24936,23 +26121,51 @@ function THead(_a) {
24936
26121
  onChange: handleChange,
24937
26122
  color: "#5C5C5C"
24938
26123
  })
24939
- })), formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
26124
+ })), hasRadio && jsx("th", {
26125
+ children: jsx("div", {
26126
+ style: {
26127
+ width: '4px'
26128
+ }
26129
+ })
26130
+ }), formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
24940
26131
  if (format.isHide) return null;
24941
26132
  return jsx("th", {
24942
26133
  children: filter ? jsx(FilterTh, __assign({
24943
26134
  toggle: filterToggle,
24944
26135
  filter: format.filter
24945
26136
  }, {
24946
- children: jsx(SortableColumn, {
26137
+ children: jsxs("div", __assign({
26138
+ className: "sort-icon-wrapper-th"
26139
+ }, {
26140
+ children: [jsx(SortableColumn, {
26141
+ format: format,
26142
+ sort: sort,
26143
+ onSortClick: onSortClick
26144
+ }), format.iconTooltip && jsx(Tooltip, __assign({
26145
+ content: format.iconTooltip
26146
+ }, {
26147
+ children: jsx(Icon, {
26148
+ name: ICONS.AlertCircle_s1413,
26149
+ color: "#5c5c5c"
26150
+ })
26151
+ }))]
26152
+ }))
26153
+ })) : jsxs("div", __assign({
26154
+ className: "sort-icon-wrapper-th"
26155
+ }, {
26156
+ children: [jsx(SortableColumn, {
24947
26157
  format: format,
24948
26158
  sort: sort,
24949
26159
  onSortClick: onSortClick
24950
- })
24951
- })) : jsx(SortableColumn, {
24952
- format: format,
24953
- sort: sort,
24954
- onSortClick: onSortClick
24955
- })
26160
+ }), format.iconTooltip && jsx(Tooltip, __assign({
26161
+ content: format.iconTooltip
26162
+ }, {
26163
+ children: jsx(Icon, {
26164
+ name: ICONS.AlertCircle_s1413,
26165
+ color: "#5c5c5c"
26166
+ })
26167
+ }))]
26168
+ }))
24956
26169
  }, "column-".concat(format.columnIdKey));
24957
26170
  }), hasActionCol && filter ? jsx(FilterButtonsTh, {
24958
26171
  toggle: filterToggle,
@@ -24971,11 +26184,14 @@ function THead(_a) {
24971
26184
 
24972
26185
  function Colgroup(_a) {
24973
26186
  var hasCheckbox = _a.hasCheckbox,
26187
+ hasRadio = _a.hasRadio,
24974
26188
  formats = _a.formats,
24975
26189
  hasActionCol = _a.hasActionCol;
24976
26190
  return jsxs("colgroup", {
24977
26191
  children: [hasCheckbox ? jsx("col", {
24978
26192
  width: "5%"
26193
+ }) : null, hasRadio ? jsx("col", {
26194
+ width: "5%"
24979
26195
  }) : null, formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
24980
26196
  if (format.isHide) {
24981
26197
  return null;
@@ -24989,7 +26205,7 @@ function Colgroup(_a) {
24989
26205
  });
24990
26206
  }
24991
26207
 
24992
- var css_248z$1 = "@-webkit-keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes blink {\n 0% {\n opacity: 0.6;\n }\n 20% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 0.6;\n }\n}\n@keyframes blink {\n 0% {\n opacity: 0.6;\n }\n 20% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 0.6;\n }\n}\n@-webkit-keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.maru-table-wrapper {\n width: 100%;\n background-color: white;\n box-shadow: 0px 0px 6px 0px #e4e4e4;\n border-radius: 6px;\n overflow-x: auto;\n}\n.maru-table-wrapper .maru-table-header-wrapper,\n.maru-table-wrapper .maru-table-body-wrapper {\n width: 100%;\n}\n.maru-table-wrapper tr {\n height: 54px;\n}\n.maru-table-wrapper th,\n.maru-table-wrapper td {\n text-align: start;\n vertical-align: middle;\n padding: 16.5px 15px;\n word-break: break-word;\n color: #5c5c5c;\n}\n.maru-table-wrapper th:first-of-type,\n.maru-table-wrapper td:first-of-type {\n padding: 16.5px 25px;\n}\n.maru-table-wrapper .checkbox-td {\n padding: 18px 15px 18px 25px !important;\n}\n.maru-table-wrapper .maru-table-header tr {\n border-bottom: 1px solid #e4e4e4;\n}\n.maru-table-wrapper .maru-table-header tr th {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-table-wrapper .maru-table-header .filter-th {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16.5px;\n}\n.maru-table-wrapper .maru-table-header .filter-th.toggle-on .filter-box {\n width: 100%;\n height: 33px;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th.toggle-on {\n padding: 18px 15px 16px 15px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th.toggle-on .filter-buttons-wrapper {\n height: 67px;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th .filter-buttons-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th .filter-buttons-wrapper .reset-button {\n margin-bottom: 8px;\n}\n.maru-table-wrapper .maru-table-header .maru-table-header-sortable {\n padding: unset;\n margin: unset;\n color: #5c5c5c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-table-wrapper .maru-table-body-scroll-wrapper {\n overflow-y: auto;\n}\n.maru-table-wrapper .maru-table-body-scroll-wrapper .maru-table-scroll {\n overflow-y: auto;\n}\n.maru-table-wrapper .maru-table-body tr:not(:last-of-type) {\n border-bottom: 1px solid #fafafa;\n}\n.maru-table-wrapper .maru-table-body tr:hover,\n.maru-table-wrapper .maru-table-body .clickable-row:hover,\n.maru-table-wrapper .maru-table-body .selected-row {\n background-color: var(--p-05);\n}\n.maru-table-wrapper .maru-table-body .highlight-row {\n background-color: var(--p-20);\n}\n.maru-table-wrapper .maru-table-body td {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n.maru-table-wrapper .maru-table-body tr:last-of-type td:first-of-type {\n border-bottom-left-radius: 6px;\n}\n.maru-table-wrapper .maru-table-body tr:last-of-type td:last-of-type {\n border-bottom-right-radius: 6px;\n}\n.maru-table-wrapper .maru-table-body .clickable-row {\n cursor: pointer;\n}\n.maru-table-wrapper .maru-table-body-kebab-td .maru-table-body-kebab-wrapper {\n display: flex;\n flex-direction: column;\n}\n.maru-table-wrapper .maru-table-body-bin-button-td .maru-table-body-bin-button-wrapper {\n display: flex;\n flex-direction: column;\n}\n.maru-table-wrapper .maru-table-body-kebab {\n margin: unset;\n padding: unset;\n height: auto;\n}\n.maru-table-wrapper .maru-table-body-empty-tr > td {\n width: 100%;\n vertical-align: middle;\n text-align: center;\n}\n.maru-table-wrapper .maru-table-body-empty-tr > td p {\n margin-top: 20px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-table-wrapper .maru-table-body-empty-tr:hover {\n background-color: inherit !important;\n}\n.maru-table-wrapper .maru-table-body-empty-tr .loading-wrapper {\n -webkit-animation: blink 1s infinite;\n animation: blink 1s infinite;\n}";
26208
+ var css_248z$1 = "@-webkit-keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes blink {\n 0% {\n opacity: 0.6;\n }\n 20% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 0.6;\n }\n}\n@keyframes blink {\n 0% {\n opacity: 0.6;\n }\n 20% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 0.6;\n }\n}\n@-webkit-keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.maru-table-wrapper {\n width: 100%;\n background-color: white;\n box-shadow: 0px 0px 6px 0px #e4e4e4;\n border-radius: 6px;\n overflow-x: auto;\n}\n.maru-table-wrapper .maru-table-header-wrapper,\n.maru-table-wrapper .maru-table-body-wrapper {\n width: 100%;\n}\n.maru-table-wrapper tr {\n height: 54px;\n}\n.maru-table-wrapper th,\n.maru-table-wrapper td {\n text-align: start;\n vertical-align: middle;\n padding: 16.5px 15px;\n word-break: break-word;\n color: #5c5c5c;\n}\n.maru-table-wrapper th:first-of-type,\n.maru-table-wrapper td:first-of-type {\n padding: 16.5px 25px;\n}\n.maru-table-wrapper .checkbox-td {\n padding: 18px 15px 18px 25px !important;\n}\n.maru-table-wrapper .radio-td {\n padding: 11px 15px !important;\n}\n.maru-table-wrapper .maru-table-header tr {\n border-bottom: 1px solid #e4e4e4;\n}\n.maru-table-wrapper .maru-table-header tr th {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-table-wrapper .maru-table-header .filter-th {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16.5px;\n}\n.maru-table-wrapper .maru-table-header .filter-th.toggle-on .filter-box {\n width: 100%;\n height: 33px;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th.toggle-on {\n padding: 18px 15px 16px 15px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th.toggle-on .filter-buttons-wrapper {\n height: 67px;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th .filter-buttons-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.maru-table-wrapper .maru-table-header .filter-buttons-th .filter-buttons-wrapper .reset-button {\n margin-bottom: 8px;\n}\n.maru-table-wrapper .maru-table-header .maru-table-header-sortable {\n padding: unset;\n margin: unset;\n color: #5c5c5c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-table-wrapper .maru-table-header .sort-icon-wrapper-th {\n display: flex;\n}\n.maru-table-wrapper .maru-table-body-scroll-wrapper {\n overflow-y: auto;\n}\n.maru-table-wrapper .maru-table-body-scroll-wrapper .maru-table-scroll {\n overflow-y: auto;\n}\n.maru-table-wrapper .maru-table-body tr:not(:last-of-type) {\n border-bottom: 1px solid #fafafa;\n}\n.maru-table-wrapper .maru-table-body tr:hover,\n.maru-table-wrapper .maru-table-body .clickable-row:hover,\n.maru-table-wrapper .maru-table-body .selected-row {\n background-color: var(--p-05);\n}\n.maru-table-wrapper .maru-table-body .highlight-row {\n background-color: var(--p-20);\n}\n.maru-table-wrapper .maru-table-body td {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n}\n.maru-table-wrapper .maru-table-body tr:last-of-type td:first-of-type {\n border-bottom-left-radius: 6px;\n}\n.maru-table-wrapper .maru-table-body tr:last-of-type td:last-of-type {\n border-bottom-right-radius: 6px;\n}\n.maru-table-wrapper .maru-table-body .clickable-row {\n cursor: pointer;\n}\n.maru-table-wrapper .maru-table-body-kebab-td .maru-table-body-kebab-wrapper {\n display: flex;\n flex-direction: column;\n}\n.maru-table-wrapper .maru-table-body-bin-button-td .maru-table-body-bin-button-wrapper {\n display: flex;\n flex-direction: column;\n}\n.maru-table-wrapper .maru-table-body-kebab {\n margin: unset;\n padding: unset;\n height: auto;\n}\n.maru-table-wrapper .maru-table-body-empty-tr > td {\n width: 100%;\n vertical-align: middle;\n text-align: center;\n}\n.maru-table-wrapper .maru-table-body-empty-tr > td p {\n margin-top: 20px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-table-wrapper .maru-table-body-empty-tr:hover {\n background-color: inherit !important;\n}\n.maru-table-wrapper .maru-table-body-empty-tr .loading-wrapper {\n -webkit-animation: blink 1s infinite;\n animation: blink 1s infinite;\n}";
24993
26209
  styleInject(css_248z$1);
24994
26210
 
24995
26211
  // eslint-disable-next-line import/prefer-default-export
@@ -25001,9 +26217,12 @@ function Table(_a) {
25001
26217
  onSort = _a.onSort,
25002
26218
  checkedIds = _a.checkedIds,
25003
26219
  onCheck = _a.onCheck,
26220
+ radioCheckedId = _a.radioCheckedId,
26221
+ onRadioCheck = _a.onRadioCheck,
25004
26222
  filter = _a.filter,
25005
26223
  kebabMenu = _a.kebabMenu,
25006
26224
  binButton = _a.binButton,
26225
+ arrowButton = _a.arrowButton,
25007
26226
  onRowClick = _a.onRowClick,
25008
26227
  selectedRow = _a.selectedRow,
25009
26228
  highlightRows = _a.highlightRows,
@@ -25030,11 +26249,11 @@ function Table(_a) {
25030
26249
  /**
25031
26250
  * 최우측 컬럼(=액션 컬럼)에 자리를 차지 하는지 여부
25032
26251
  * 헤더에는 filter 가 올 수 있고,
25033
- * 바디에는 kebabMenu, binButton, expandable 중 하나가 올 수 있다.
26252
+ * 바디에는 kebabMenu, binButton, arrowButton, expandable 중 하나가 올 수 있다.
25034
26253
  *
25035
26254
  * TODO: expandable
25036
26255
  */
25037
- var hasActionCol = filter != null || kebabMenu != null || binButton != null;
26256
+ var hasActionCol = filter != null || kebabMenu != null || binButton != null || arrowButton != null;
25038
26257
  /**
25039
26258
  * 헤더의 높이 변경에 상관없이 바디의 높이 기준이 될 값 설정
25040
26259
  */
@@ -25085,8 +26304,8 @@ function Table(_a) {
25085
26304
  // bodyScrollWrapper.style.minWidth = `${minWidth}px`;
25086
26305
  // }
25087
26306
  }
25088
- // }, [filterToggle, bodyScrollWrapperInitHeight, minWidth]);
25089
- }, [filterToggle, bodyScrollWrapperInitHeight]);
26307
+ // }, [filterToggle, minWidth]);
26308
+ }, [filterToggle]);
25090
26309
  /**
25091
26310
  * setting all checkbox
25092
26311
  */
@@ -25162,6 +26381,7 @@ function Table(_a) {
25162
26381
  }, {
25163
26382
  children: [jsx(Colgroup, {
25164
26383
  hasCheckbox: checkedIds != null,
26384
+ hasRadio: radioCheckedId != null,
25165
26385
  formats: formats,
25166
26386
  hasActionCol: hasActionCol
25167
26387
  }), jsx(THead, {
@@ -25169,6 +26389,7 @@ function Table(_a) {
25169
26389
  sort: sort,
25170
26390
  onSortClick: handleSortClick,
25171
26391
  hasCheckbox: checkedIds != null,
26392
+ hasRadio: radioCheckedId != null,
25172
26393
  allCheckbox: allChecked,
25173
26394
  onAllCheck: handleAllCheckboxChange,
25174
26395
  hasActionCol: hasActionCol,
@@ -25186,6 +26407,7 @@ function Table(_a) {
25186
26407
  }, {
25187
26408
  children: [jsx(Colgroup, {
25188
26409
  hasCheckbox: checkedIds != null,
26410
+ hasRadio: radioCheckedId != null,
25189
26411
  formats: formats,
25190
26412
  hasActionCol: hasActionCol
25191
26413
  }), jsx(TBody, {
@@ -25194,9 +26416,12 @@ function Table(_a) {
25194
26416
  data: data,
25195
26417
  checkedIds: checkedIds,
25196
26418
  onCheck: onCheck,
26419
+ radioCheckedId: radioCheckedId,
26420
+ onRadioCheck: onRadioCheck,
25197
26421
  hasActionCol: hasActionCol,
25198
26422
  kebabMenu: kebabMenu,
25199
26423
  binButton: binButton,
26424
+ arrowButton: arrowButton,
25200
26425
  onRowClick: onRowClick,
25201
26426
  selectedRow: selectedRow,
25202
26427
  highlightRows: highlightRows,
@@ -25239,7 +26464,7 @@ function Details(_a) {
25239
26464
  className: "maru-toast-details-summary-icon"
25240
26465
  }, {
25241
26466
  children: jsx(Icon, {
25242
- name: openStates[index] ? ICONS.Up_s16 : ICONS.Down_s16
26467
+ name: openStates[index] ? ICONS.Up_s1610 : ICONS.Down_s1610
25243
26468
  })
25244
26469
  }))]
25245
26470
  })
@@ -25255,7 +26480,7 @@ function Details(_a) {
25255
26480
  }));
25256
26481
  }
25257
26482
 
25258
- var css_248z = ".maru-toast-style {\n padding: 10px 12px 10px 12px;\n border-radius: 6px;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #bdbdbd;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n}\n.maru-toast-style div:first-child {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n width: 100%;\n}\n.maru-toast-style .maru-toast-style-content {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n gap: 8px;\n margin-right: 16px;\n}\n.maru-toast-style .maru-toast-style-content-expanded {\n gap: 10px;\n}\n.maru-toast-style .maru-toast-style-content-expanded p {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 16px;\n letter-spacing: -0.64px;\n font-weight: 700;\n}\n.maru-toast-style .maru-toast-style-content-expanded p span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n margin-left: 5px;\n}\n.maru-toast-style .maru-toast-snackbar-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #5c5c5c;\n border: 0;\n background-color: transparent;\n padding: 0;\n text-decoration: underline;\n cursor: pointer;\n white-space: nowrap;\n}\n.maru-toast-style .maru-toast-details {\n width: 100%;\n background-color: #fafafa;\n padding: 10px 10px 10px 14px;\n margin-top: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n}\n.maru-toast-style .maru-toast-details summary {\n margin-top: 6px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n white-space: pre-wrap;\n cursor: pointer;\n}\n.maru-toast-style .maru-toast-details summary > div {\n width: auto;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-toast-style .maru-toast-details summary > div .maru-toast-details-summary-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 8px;\n}\n.maru-toast-style .maru-toast-details summary:first-child {\n margin: 0;\n}\n.maru-toast-style .maru-toast-details li {\n margin-left: 10px;\n}\n\n.maru-toast {\n margin-bottom: 24px;\n position: relative;\n opacity: 0;\n transform: translateX(100%);\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;\n}\n.maru-toast.entered {\n transform: translateX(0);\n opacity: 1;\n}\n.maru-toast.fade-out {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.maru-toaster {\n position: fixed;\n z-index: 6007;\n right: 24px;\n top: 120px;\n transition: transform 0.5s ease-out;\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n}";
26483
+ var css_248z = ".maru-toast-style {\n padding: 10px 12px 10px 12px;\n border-radius: 6px;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #bdbdbd;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n max-width: 527px;\n}\n.maru-toast-style div:first-child {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n width: 100%;\n}\n.maru-toast-style .maru-toast-style-content {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n gap: 8px;\n margin-right: 16px;\n}\n.maru-toast-style .maru-toast-style-content-expanded {\n gap: 10px;\n}\n.maru-toast-style .maru-toast-style-content-expanded p {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 16px;\n letter-spacing: -0.64px;\n font-weight: 700;\n}\n.maru-toast-style .maru-toast-style-content-expanded p span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n margin-left: 5px;\n}\n.maru-toast-style .maru-toast-snackbar-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #5c5c5c;\n border: 0;\n background-color: transparent;\n padding: 0;\n text-decoration: underline;\n cursor: pointer;\n white-space: nowrap;\n}\n.maru-toast-style .maru-toast-details {\n width: 100%;\n background-color: #fafafa;\n padding: 10px 10px 10px 14px;\n margin-top: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n}\n.maru-toast-style .maru-toast-details summary {\n margin-top: 6px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n white-space: pre-wrap;\n cursor: pointer;\n}\n.maru-toast-style .maru-toast-details summary > div {\n width: auto;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-toast-style .maru-toast-details summary > div .maru-toast-details-summary-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 8px;\n}\n.maru-toast-style .maru-toast-details summary:first-child {\n margin: 0;\n}\n.maru-toast-style .maru-toast-details li {\n margin-left: 10px;\n}\n\n.maru-toast {\n margin-bottom: 24px;\n position: relative;\n opacity: 0;\n transform: translateX(100%);\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;\n}\n.maru-toast.entered {\n transform: translateX(0);\n opacity: 1;\n}\n.maru-toast.fade-out {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.maru-toaster {\n position: fixed;\n z-index: 6007;\n right: 24px;\n top: 120px;\n transition: transform 0.5s ease-out;\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n}";
25259
26484
  styleInject(css_248z);
25260
26485
 
25261
26486
  function ToastStyle(_a) {
@@ -25267,8 +26492,8 @@ function ToastStyle(_a) {
25267
26492
  details = _a.details,
25268
26493
  onClose = _a.onClose;
25269
26494
  var iconName = {
25270
- success: ICONS.CheckCircleBg_s24,
25271
- warning: ICONS.AlertTriangleBg_s24,
26495
+ success: ICONS.CheckCircleBg_s2410,
26496
+ warning: ICONS.AlertTriangleBg_s2410,
25272
26497
  danger: ICONS.XDiamondBg_s2415
25273
26498
  };
25274
26499
  var handleClose = function handleClose() {
@@ -25370,4 +26595,4 @@ function Toast(_a) {
25370
26595
  }));
25371
26596
  }
25372
26597
 
25373
- export { Button, Calendar, Checkbox, Chip, Dropdown, ICONS, Icon, Input, Modal, Pagination, Popover, Radio, SearchInput, Skeleton, StyleProvider, Table, Toast, Toggle, Tooltip };
26598
+ export { Button, Calendar, Checkbox, Chip, Dropdown, ICONS, Icon, Input, Modal, Pagination, Popover, Radio, SearchInput, Skeleton, StyleProvider, Table, Textarea, Toast, Toggle, Tooltip };