maru_design2 2.17.1 → 2.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/components/atoms/chip/Chip.d.ts +5 -1
  3. package/dist/components/atoms/icon/Icon.d.ts +1 -1
  4. package/dist/components/atoms/icon/iconmap.d.ts +76 -42
  5. package/dist/components/atoms/textarea/Textarea.d.ts +25 -0
  6. package/dist/components/atoms/textarea/index.d.ts +1 -0
  7. package/dist/components/molecules/dropdown/toggles/Clear.d.ts +3 -1
  8. package/dist/components/molecules/table/Colgroup.d.ts +2 -1
  9. package/dist/components/molecules/table/Table.d.ts +1 -1
  10. package/dist/components/molecules/table/body/RadioTd.d.ts +7 -0
  11. package/dist/components/molecules/table/body/TBody.d.ts +7 -1
  12. package/dist/components/molecules/table/header/THead.d.ts +2 -1
  13. package/dist/components/molecules/table/types.d.ts +22 -3
  14. package/dist/index.d.ts +1 -0
  15. package/dist/index.js +1366 -447
  16. package/dist/utils/highlight.d.ts +1 -3
  17. package/package.json +1 -1
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",
@@ -635,11 +574,13 @@ var iconmap = {
635
574
  "cx": "8",
636
575
  "cy": "8",
637
576
  "r": "7",
638
- "fill": "#58C5A6"
577
+ "fill": "#58C5A6",
578
+ "stroke": "#58C5A6",
579
+ "strokeWidth": "1.2"
639
580
  }],
640
581
  "rects": []
641
582
  },
642
- "CheckCircleBg_s24": {
583
+ "CheckCircleBg_s2410": {
643
584
  "width": "24",
644
585
  "height": "24",
645
586
  "viewBox": "0 0 24 24",
@@ -683,7 +624,7 @@ var iconmap = {
683
624
  "circles": [],
684
625
  "rects": []
685
626
  },
686
- "CheckboxIndeterminate_s16": {
627
+ "CheckboxIndeterminate_s1610": {
687
628
  "width": "16",
688
629
  "height": "16",
689
630
  "viewBox": "0 0 16 16",
@@ -697,7 +638,7 @@ var iconmap = {
697
638
  "circles": [],
698
639
  "rects": []
699
640
  },
700
- "CheckboxIndeterminate_s18": {
641
+ "CheckboxIndeterminate_s1810": {
701
642
  "width": "18",
702
643
  "height": "18",
703
644
  "viewBox": "0 0 18 18",
@@ -711,7 +652,7 @@ var iconmap = {
711
652
  "circles": [],
712
653
  "rects": []
713
654
  },
714
- "CheckboxOff_s16": {
655
+ "CheckboxOff_s1610": {
715
656
  "width": "16",
716
657
  "height": "17",
717
658
  "viewBox": "0 0 16 17",
@@ -723,7 +664,7 @@ var iconmap = {
723
664
  "circles": [],
724
665
  "rects": []
725
666
  },
726
- "CheckboxOff_s18": {
667
+ "CheckboxOff_s1810": {
727
668
  "width": "18",
728
669
  "height": "18",
729
670
  "viewBox": "0 0 18 18",
@@ -735,7 +676,7 @@ var iconmap = {
735
676
  "circles": [],
736
677
  "rects": []
737
678
  },
738
- "CheckboxOff_s24": {
679
+ "CheckboxOff_s2410": {
739
680
  "width": "24",
740
681
  "height": "24",
741
682
  "viewBox": "0 0 24 24",
@@ -747,7 +688,7 @@ var iconmap = {
747
688
  "circles": [],
748
689
  "rects": []
749
690
  },
750
- "CheckboxOn_s16": {
691
+ "CheckboxOn_s1610": {
751
692
  "width": "16",
752
693
  "height": "17",
753
694
  "viewBox": "0 0 16 17",
@@ -761,7 +702,7 @@ var iconmap = {
761
702
  "circles": [],
762
703
  "rects": []
763
704
  },
764
- "CheckboxOn_s18": {
705
+ "CheckboxOn_s1810": {
765
706
  "width": "18",
766
707
  "height": "18",
767
708
  "viewBox": "0 0 18 18",
@@ -775,7 +716,7 @@ var iconmap = {
775
716
  "circles": [],
776
717
  "rects": []
777
718
  },
778
- "CheckboxOn_s24": {
719
+ "CheckboxOn_s2410": {
779
720
  "width": "24",
780
721
  "height": "24",
781
722
  "viewBox": "0 0 24 24",
@@ -819,6 +760,69 @@ var iconmap = {
819
760
  "circles": [],
820
761
  "rects": []
821
762
  },
763
+ "ChevronLeftCircleBg_s2415": {
764
+ "width": "24",
765
+ "height": "24",
766
+ "viewBox": "0 0 24 24",
767
+ "fill": "none",
768
+ "paths": [{
769
+ "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",
770
+ "fill": "#096412",
771
+ "stroke": "#096412",
772
+ "strokeWidth": "1.5",
773
+ "strokeLinecap": "round",
774
+ "strokeLinejoin": "round"
775
+ }, {
776
+ "d": "M13 15L10 12L13 9",
777
+ "stroke": "white",
778
+ "strokeWidth": "1.5",
779
+ "strokeLinecap": "round",
780
+ "strokeLinejoin": "round"
781
+ }],
782
+ "circles": [],
783
+ "rects": []
784
+ },
785
+ "ChevronLeftCircle_s1810": {
786
+ "width": "18",
787
+ "height": "18",
788
+ "viewBox": "0 0 18 18",
789
+ "fill": "none",
790
+ "paths": [{
791
+ "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",
792
+ "stroke": "#5C5C5C",
793
+ "strokeLinecap": "round"
794
+ }],
795
+ "circles": [],
796
+ "rects": []
797
+ },
798
+ "ChevronLeftCircle_s1812": {
799
+ "width": "18",
800
+ "height": "18",
801
+ "viewBox": "0 0 18 18",
802
+ "fill": "none",
803
+ "paths": [{
804
+ "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",
805
+ "stroke": "#5C5C5C",
806
+ "strokeWidth": "1.2",
807
+ "strokeLinecap": "round"
808
+ }],
809
+ "circles": [],
810
+ "rects": []
811
+ },
812
+ "ChevronLeftCircle_s2415": {
813
+ "width": "24",
814
+ "height": "24",
815
+ "viewBox": "0 0 24 24",
816
+ "fill": "none",
817
+ "paths": [{
818
+ "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",
819
+ "stroke": "#5C5C5C",
820
+ "strokeWidth": "1.5",
821
+ "strokeLinecap": "round"
822
+ }],
823
+ "circles": [],
824
+ "rects": []
825
+ },
822
826
  "ChevronLeftDouble_s1615": {
823
827
  "width": "16",
824
828
  "height": "16",
@@ -894,6 +898,69 @@ var iconmap = {
894
898
  "circles": [],
895
899
  "rects": []
896
900
  },
901
+ "ChevronRightCircleBg_s2415": {
902
+ "width": "24",
903
+ "height": "24",
904
+ "viewBox": "0 0 24 24",
905
+ "fill": "none",
906
+ "paths": [{
907
+ "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",
908
+ "fill": "#096412",
909
+ "stroke": "#096412",
910
+ "strokeWidth": "1.5",
911
+ "strokeLinecap": "round",
912
+ "strokeLinejoin": "round"
913
+ }, {
914
+ "d": "M11 9L14 12L11 15",
915
+ "stroke": "white",
916
+ "strokeWidth": "1.5",
917
+ "strokeLinecap": "round",
918
+ "strokeLinejoin": "round"
919
+ }],
920
+ "circles": [],
921
+ "rects": []
922
+ },
923
+ "ChevronRightCircle_s1810": {
924
+ "width": "18",
925
+ "height": "18",
926
+ "viewBox": "0 0 18 18",
927
+ "fill": "none",
928
+ "paths": [{
929
+ "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",
930
+ "stroke": "#5C5C5C",
931
+ "strokeLinecap": "round"
932
+ }],
933
+ "circles": [],
934
+ "rects": []
935
+ },
936
+ "ChevronRightCircle_s1812": {
937
+ "width": "18",
938
+ "height": "18",
939
+ "viewBox": "0 0 18 18",
940
+ "fill": "none",
941
+ "paths": [{
942
+ "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",
943
+ "stroke": "#5C5C5C",
944
+ "strokeWidth": "1.2",
945
+ "strokeLinecap": "round"
946
+ }],
947
+ "circles": [],
948
+ "rects": []
949
+ },
950
+ "ChevronRightCircle_s2415": {
951
+ "width": "24",
952
+ "height": "24",
953
+ "viewBox": "0 0 24 24",
954
+ "fill": "none",
955
+ "paths": [{
956
+ "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",
957
+ "stroke": "#5C5C5C",
958
+ "strokeWidth": "1.5",
959
+ "strokeLinecap": "round"
960
+ }],
961
+ "circles": [],
962
+ "rects": []
963
+ },
897
964
  "ChevronRightDouble_s1615": {
898
965
  "width": "16",
899
966
  "height": "16",
@@ -1089,21 +1156,60 @@ var iconmap = {
1089
1156
  "circles": [],
1090
1157
  "rects": []
1091
1158
  },
1092
- "Copy03_s1615": {
1159
+ "Connection_s1810": {
1093
1160
  "width": "16",
1094
1161
  "height": "16",
1095
1162
  "viewBox": "0 0 16 16",
1096
1163
  "fill": "none",
1097
1164
  "paths": [{
1098
- "d": "M5.33325 5.33325V3.46659C5.33325 2.71985 5.33325 2.34648 5.47858 2.06126C5.60641 1.81038 5.81038 1.60641 6.06126 1.47858C6.34648 1.33325 6.71985 1.33325 7.46659 1.33325H12.5333C13.28 1.33325 13.6534 1.33325 13.9386 1.47858C14.1895 1.60641 14.3934 1.81038 14.5213 2.06126C14.6666 2.34648 14.6666 2.71985 14.6666 3.46659V8.53325C14.6666 9.27999 14.6666 9.65336 14.5213 9.93857C14.3934 10.1895 14.1895 10.3934 13.9386 10.5213C13.6534 10.6666 13.28 10.6666 12.5333 10.6666H10.6666M3.46659 14.6666H8.53325C9.27999 14.6666 9.65336 14.6666 9.93857 14.5213C10.1895 14.3934 10.3934 14.1895 10.5213 13.9386C10.6666 13.6534 10.6666 13.28 10.6666 12.5333V7.46659C10.6666 6.71985 10.6666 6.34648 10.5213 6.06126C10.3934 5.81038 10.1895 5.60641 9.93857 5.47858C9.65336 5.33325 9.27999 5.33325 8.53325 5.33325H3.46659C2.71985 5.33325 2.34648 5.33325 2.06126 5.47858C1.81038 5.60641 1.60641 5.81038 1.47858 6.06126C1.33325 6.34648 1.33325 6.71985 1.33325 7.46659V12.5333C1.33325 13.28 1.33325 13.6534 1.47858 13.9386C1.60641 14.1895 1.81038 14.3934 2.06126 14.5213C2.34648 14.6666 2.71985 14.6666 3.46659 14.6666Z",
1099
- "stroke": "#8C8C8C",
1100
- "strokeWidth": "1.5",
1165
+ "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",
1166
+ "stroke": "#5C5C5C",
1101
1167
  "strokeLinecap": "round",
1102
1168
  "strokeLinejoin": "round"
1103
- }],
1104
- "circles": [],
1105
- "rects": []
1106
- },
1169
+ }, {
1170
+ "d": "M1.25 13.249L3.875 10.624",
1171
+ "stroke": "#5C5C5C",
1172
+ "strokeLinecap": "round",
1173
+ "strokeLinejoin": "round"
1174
+ }, {
1175
+ "d": "M9.5 1.24902L6.875 3.87402",
1176
+ "stroke": "#5C5C5C",
1177
+ "strokeLinecap": "round",
1178
+ "strokeLinejoin": "round"
1179
+ }, {
1180
+ "d": "M13.25 4.99902L10.625 7.62402",
1181
+ "stroke": "#5C5C5C",
1182
+ "strokeLinecap": "round",
1183
+ "strokeLinejoin": "round"
1184
+ }, {
1185
+ "d": "M10.625 12.7441H14.8676",
1186
+ "stroke": "#5C5C5C",
1187
+ "strokeLinecap": "round",
1188
+ "strokeLinejoin": "round"
1189
+ }, {
1190
+ "d": "M12.7463 10.6228V14.8655",
1191
+ "stroke": "#5C5C5C",
1192
+ "strokeLinecap": "round",
1193
+ "strokeLinejoin": "round"
1194
+ }],
1195
+ "circles": [],
1196
+ "rects": []
1197
+ },
1198
+ "Copy03_s1615": {
1199
+ "width": "16",
1200
+ "height": "16",
1201
+ "viewBox": "0 0 16 16",
1202
+ "fill": "none",
1203
+ "paths": [{
1204
+ "d": "M5.33325 5.33325V3.46659C5.33325 2.71985 5.33325 2.34648 5.47858 2.06126C5.60641 1.81038 5.81038 1.60641 6.06126 1.47858C6.34648 1.33325 6.71985 1.33325 7.46659 1.33325H12.5333C13.28 1.33325 13.6534 1.33325 13.9386 1.47858C14.1895 1.60641 14.3934 1.81038 14.5213 2.06126C14.6666 2.34648 14.6666 2.71985 14.6666 3.46659V8.53325C14.6666 9.27999 14.6666 9.65336 14.5213 9.93857C14.3934 10.1895 14.1895 10.3934 13.9386 10.5213C13.6534 10.6666 13.28 10.6666 12.5333 10.6666H10.6666M3.46659 14.6666H8.53325C9.27999 14.6666 9.65336 14.6666 9.93857 14.5213C10.1895 14.3934 10.3934 14.1895 10.5213 13.9386C10.6666 13.6534 10.6666 13.28 10.6666 12.5333V7.46659C10.6666 6.71985 10.6666 6.34648 10.5213 6.06126C10.3934 5.81038 10.1895 5.60641 9.93857 5.47858C9.65336 5.33325 9.27999 5.33325 8.53325 5.33325H3.46659C2.71985 5.33325 2.34648 5.33325 2.06126 5.47858C1.81038 5.60641 1.60641 5.81038 1.47858 6.06126C1.33325 6.34648 1.33325 6.71985 1.33325 7.46659V12.5333C1.33325 13.28 1.33325 13.6534 1.47858 13.9386C1.60641 14.1895 1.81038 14.3934 2.06126 14.5213C2.34648 14.6666 2.71985 14.6666 3.46659 14.6666Z",
1205
+ "stroke": "#8C8C8C",
1206
+ "strokeWidth": "1.5",
1207
+ "strokeLinecap": "round",
1208
+ "strokeLinejoin": "round"
1209
+ }],
1210
+ "circles": [],
1211
+ "rects": []
1212
+ },
1107
1213
  "Copy_s1413": {
1108
1214
  "width": "14",
1109
1215
  "height": "14",
@@ -1220,6 +1326,24 @@ var iconmap = {
1220
1326
  "circles": [],
1221
1327
  "rects": []
1222
1328
  },
1329
+ "CursorBox_s1613": {
1330
+ "width": "16",
1331
+ "height": "16",
1332
+ "viewBox": "0 0 16 16",
1333
+ "fill": "none",
1334
+ "paths": [{
1335
+ "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",
1336
+ "fill": "#5C5C5C"
1337
+ }, {
1338
+ "d": "M6 14C4.17157 14 3.34315 14 1 14V2H13V7",
1339
+ "stroke": "#5C5C5C",
1340
+ "strokeWidth": "1.3",
1341
+ "strokeLinecap": "round",
1342
+ "strokeLinejoin": "round"
1343
+ }],
1344
+ "circles": [],
1345
+ "rects": []
1346
+ },
1223
1347
  "CursorBox_s1815": {
1224
1348
  "width": "18",
1225
1349
  "height": "18",
@@ -1400,6 +1524,45 @@ var iconmap = {
1400
1524
  "circles": [],
1401
1525
  "rects": []
1402
1526
  },
1527
+ "DatabasePlus_s1810": {
1528
+ "width": "15",
1529
+ "height": "16",
1530
+ "viewBox": "0 0 15 16",
1531
+ "fill": "none",
1532
+ "paths": [{
1533
+ "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",
1534
+ "stroke": "#5C5C5C",
1535
+ "strokeLinecap": "round",
1536
+ "strokeLinejoin": "round"
1537
+ }, {
1538
+ "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",
1539
+ "stroke": "#5C5C5C",
1540
+ "strokeLinecap": "round",
1541
+ "strokeLinejoin": "round"
1542
+ }, {
1543
+ "d": "M12.5552 7.63199V3.21094",
1544
+ "stroke": "#5C5C5C",
1545
+ "strokeLinecap": "round",
1546
+ "strokeLinejoin": "round"
1547
+ }, {
1548
+ "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",
1549
+ "stroke": "#5C5C5C",
1550
+ "strokeLinecap": "round",
1551
+ "strokeLinejoin": "round"
1552
+ }, {
1553
+ "d": "M9.6665 12.7891H13.9998",
1554
+ "stroke": "#5C5C5C",
1555
+ "strokeLinecap": "round",
1556
+ "strokeLinejoin": "round"
1557
+ }, {
1558
+ "d": "M11.8335 10.5781V14.9992",
1559
+ "stroke": "#5C5C5C",
1560
+ "strokeLinecap": "round",
1561
+ "strokeLinejoin": "round"
1562
+ }],
1563
+ "circles": [],
1564
+ "rects": []
1565
+ },
1403
1566
  "DatabasePlus_s1812": {
1404
1567
  "width": "18",
1405
1568
  "height": "18",
@@ -1445,6 +1608,46 @@ var iconmap = {
1445
1608
  "circles": [],
1446
1609
  "rects": []
1447
1610
  },
1611
+ "DatabasePreview_s1810": {
1612
+ "width": "17",
1613
+ "height": "17",
1614
+ "viewBox": "0 0 17 17",
1615
+ "fill": "none",
1616
+ "paths": [{
1617
+ "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",
1618
+ "stroke": "#5C5C5C",
1619
+ "strokeLinecap": "round",
1620
+ "strokeLinejoin": "round"
1621
+ }, {
1622
+ "d": "M1 3.21094V7.63199C1 8.46067 2.27219 9.18276 3.78948 9.56122",
1623
+ "stroke": "#5C5C5C",
1624
+ "strokeLinecap": "round",
1625
+ "strokeLinejoin": "round"
1626
+ }, {
1627
+ "d": "M12.5552 6.63199V3.21094",
1628
+ "stroke": "#5C5C5C",
1629
+ "strokeLinecap": "round",
1630
+ "strokeLinejoin": "round"
1631
+ }, {
1632
+ "d": "M1 7.63086V12.0519C1 12.9389 2.31956 13.7039 4 14.0559",
1633
+ "stroke": "#5C5C5C",
1634
+ "strokeLinecap": "round",
1635
+ "strokeLinejoin": "round"
1636
+ }, {
1637
+ "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",
1638
+ "fill": "#5C5C5C",
1639
+ "stroke": "#5C5C5C",
1640
+ "strokeLinecap": "round",
1641
+ "strokeLinejoin": "round"
1642
+ }, {
1643
+ "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",
1644
+ "stroke": "#5C5C5C",
1645
+ "strokeLinecap": "round",
1646
+ "strokeLinejoin": "round"
1647
+ }],
1648
+ "circles": [],
1649
+ "rects": []
1650
+ },
1448
1651
  "Dataflow01_s1615": {
1449
1652
  "width": "16",
1450
1653
  "height": "16",
@@ -1520,6 +1723,77 @@ var iconmap = {
1520
1723
  "circles": [],
1521
1724
  "rects": []
1522
1725
  },
1726
+ "Dataflow04_s2415": {
1727
+ "width": "24",
1728
+ "height": "24",
1729
+ "viewBox": "0 0 24 24",
1730
+ "fill": "none",
1731
+ "paths": [{
1732
+ "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",
1733
+ "stroke": "#096412",
1734
+ "strokeWidth": "1.5",
1735
+ "strokeLinecap": "round",
1736
+ "strokeLinejoin": "round"
1737
+ }],
1738
+ "circles": [],
1739
+ "rects": []
1740
+ },
1741
+ "Dataflow05_s1815": {
1742
+ "width": "21",
1743
+ "height": "19",
1744
+ "viewBox": "0 0 21 19",
1745
+ "fill": "none",
1746
+ "paths": [{
1747
+ "d": "M10.4736 8.5791V12",
1748
+ "stroke": "#096412",
1749
+ "strokeWidth": "1.5",
1750
+ "strokeLinecap": "round"
1751
+ }, {
1752
+ "d": "M2.89453 14.7373H7M18.0524 14.7373H13.5",
1753
+ "stroke": "#096412",
1754
+ "strokeWidth": "1.5",
1755
+ "strokeLinecap": "round"
1756
+ }, {
1757
+ "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",
1758
+ "stroke": "#096412",
1759
+ "strokeWidth": "1.5",
1760
+ "strokeLinecap": "round",
1761
+ "strokeLinejoin": "round"
1762
+ }],
1763
+ "circles": [{
1764
+ "cx": "10.4736",
1765
+ "cy": "15.2104",
1766
+ "r": "3.03947",
1767
+ "stroke": "#096412",
1768
+ "strokeWidth": "1.5"
1769
+ }],
1770
+ "rects": []
1771
+ },
1772
+ "Diagram_s2014": {
1773
+ "width": "20",
1774
+ "height": "20",
1775
+ "viewBox": "0 0 20 20",
1776
+ "fill": "none",
1777
+ "paths": [{
1778
+ "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",
1779
+ "stroke": "#8C8C8C",
1780
+ "strokeWidth": "1.3"
1781
+ }, {
1782
+ "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",
1783
+ "stroke": "#8C8C8C",
1784
+ "strokeWidth": "1.3"
1785
+ }, {
1786
+ "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",
1787
+ "stroke": "#8C8C8C",
1788
+ "strokeWidth": "1.3"
1789
+ }, {
1790
+ "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",
1791
+ "stroke": "#8C8C8C",
1792
+ "strokeWidth": "1.3"
1793
+ }],
1794
+ "circles": [],
1795
+ "rects": []
1796
+ },
1523
1797
  "Dotpoints01_s2420": {
1524
1798
  "width": "24",
1525
1799
  "height": "24",
@@ -1733,6 +2007,69 @@ var iconmap = {
1733
2007
  "circles": [],
1734
2008
  "rects": []
1735
2009
  },
2010
+ "DotsVertical02_s1612": {
2011
+ "width": "16",
2012
+ "height": "16",
2013
+ "viewBox": "0 0 16 16",
2014
+ "fill": "none",
2015
+ "paths": [{
2016
+ "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",
2017
+ "fill": "#5C5C5C"
2018
+ }, {
2019
+ "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",
2020
+ "fill": "#5C5C5C"
2021
+ }, {
2022
+ "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",
2023
+ "fill": "#5C5C5C"
2024
+ }, {
2025
+ "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",
2026
+ "fill": "#5C5C5C"
2027
+ }, {
2028
+ "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",
2029
+ "fill": "#5C5C5C"
2030
+ }, {
2031
+ "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",
2032
+ "fill": "#5C5C5C"
2033
+ }, {
2034
+ "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",
2035
+ "stroke": "#5C5C5C",
2036
+ "strokeWidth": "1.2",
2037
+ "strokeLinecap": "round",
2038
+ "strokeLinejoin": "round"
2039
+ }, {
2040
+ "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",
2041
+ "stroke": "#5C5C5C",
2042
+ "strokeWidth": "1.2",
2043
+ "strokeLinecap": "round",
2044
+ "strokeLinejoin": "round"
2045
+ }, {
2046
+ "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",
2047
+ "stroke": "#5C5C5C",
2048
+ "strokeWidth": "1.2",
2049
+ "strokeLinecap": "round",
2050
+ "strokeLinejoin": "round"
2051
+ }, {
2052
+ "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",
2053
+ "stroke": "#5C5C5C",
2054
+ "strokeWidth": "1.2",
2055
+ "strokeLinecap": "round",
2056
+ "strokeLinejoin": "round"
2057
+ }, {
2058
+ "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",
2059
+ "stroke": "#5C5C5C",
2060
+ "strokeWidth": "1.2",
2061
+ "strokeLinecap": "round",
2062
+ "strokeLinejoin": "round"
2063
+ }, {
2064
+ "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",
2065
+ "stroke": "#5C5C5C",
2066
+ "strokeWidth": "1.2",
2067
+ "strokeLinecap": "round",
2068
+ "strokeLinejoin": "round"
2069
+ }],
2070
+ "circles": [],
2071
+ "rects": []
2072
+ },
1736
2073
  "DotsVertical_s1815": {
1737
2074
  "width": "18",
1738
2075
  "height": "18",
@@ -1796,28 +2133,7 @@ var iconmap = {
1796
2133
  "circles": [],
1797
2134
  "rects": []
1798
2135
  },
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": {
2136
+ "Down_s1610": {
1821
2137
  "width": "16",
1822
2138
  "height": "16",
1823
2139
  "viewBox": "0 0 16 16",
@@ -1874,7 +2190,7 @@ var iconmap = {
1874
2190
  "circles": [],
1875
2191
  "rects": []
1876
2192
  },
1877
- "Downstream_s14": {
2193
+ "Downstream_s1410": {
1878
2194
  "width": "14",
1879
2195
  "height": "14",
1880
2196
  "viewBox": "0 0 14 14",
@@ -1895,7 +2211,7 @@ var iconmap = {
1895
2211
  "circles": [],
1896
2212
  "rects": []
1897
2213
  },
1898
- "Downstream_s24": {
2214
+ "Downstream_s2410": {
1899
2215
  "width": "24",
1900
2216
  "height": "24",
1901
2217
  "viewBox": "0 0 24 24",
@@ -1916,25 +2232,7 @@ var iconmap = {
1916
2232
  "circles": [],
1917
2233
  "rects": []
1918
2234
  },
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
- "Drag_s1613": {
2235
+ "Drag_s1613": {
1938
2236
  "width": "16",
1939
2237
  "height": "16",
1940
2238
  "viewBox": "0 0 16 16",
@@ -1994,7 +2292,7 @@ var iconmap = {
1994
2292
  "circles": [],
1995
2293
  "rects": []
1996
2294
  },
1997
- "EyeOff_s16": {
2295
+ "EyeOff_s1610": {
1998
2296
  "width": "16",
1999
2297
  "height": "16",
2000
2298
  "viewBox": "0 0 16 16",
@@ -2013,7 +2311,7 @@ var iconmap = {
2013
2311
  "circles": [],
2014
2312
  "rects": []
2015
2313
  },
2016
- "Eye_s16": {
2314
+ "Eye_s1610": {
2017
2315
  "width": "16",
2018
2316
  "height": "16",
2019
2317
  "viewBox": "0 0 16 16",
@@ -2077,7 +2375,41 @@ var iconmap = {
2077
2375
  "circles": [],
2078
2376
  "rects": []
2079
2377
  },
2080
- "FileCheck02_s14": {
2378
+ "FileChart_s1810": {
2379
+ "width": "18",
2380
+ "height": "18",
2381
+ "viewBox": "0 0 18 18",
2382
+ "fill": "none",
2383
+ "paths": [{
2384
+ "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",
2385
+ "stroke": "#5C5C5C",
2386
+ "strokeLinecap": "round",
2387
+ "strokeLinejoin": "round"
2388
+ }, {
2389
+ "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",
2390
+ "stroke": "#5C5C5C",
2391
+ "strokeLinecap": "round",
2392
+ "strokeLinejoin": "round"
2393
+ }, {
2394
+ "d": "M6 8.25H12V13.5H6V8.25Z",
2395
+ "stroke": "#5C5C5C",
2396
+ "strokeLinecap": "round",
2397
+ "strokeLinejoin": "round"
2398
+ }, {
2399
+ "d": "M6 11.25H12",
2400
+ "stroke": "#5C5C5C",
2401
+ "strokeLinecap": "round",
2402
+ "strokeLinejoin": "round"
2403
+ }, {
2404
+ "d": "M8.25 8.25V13.5",
2405
+ "stroke": "#5C5C5C",
2406
+ "strokeLinecap": "round",
2407
+ "strokeLinejoin": "round"
2408
+ }],
2409
+ "circles": [],
2410
+ "rects": []
2411
+ },
2412
+ "FileCheck02_s1410": {
2081
2413
  "width": "14",
2082
2414
  "height": "15",
2083
2415
  "viewBox": "0 0 14 15",
@@ -2119,6 +2451,94 @@ var iconmap = {
2119
2451
  "circles": [],
2120
2452
  "rects": []
2121
2453
  },
2454
+ "FileCheck04_s1413": {
2455
+ "width": "14",
2456
+ "height": "16",
2457
+ "viewBox": "0 0 14 16",
2458
+ "fill": "none",
2459
+ "paths": [{
2460
+ "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",
2461
+ "stroke": "#5C5C5C",
2462
+ "strokeLinecap": "round",
2463
+ "strokeLinejoin": "round"
2464
+ }, {
2465
+ "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",
2466
+ "stroke": "#5C5C5C",
2467
+ "strokeLinecap": "round",
2468
+ "strokeLinejoin": "round"
2469
+ }, {
2470
+ "d": "M4.26758 10.3135L5.35545 11.3742L8.12457 8.48145",
2471
+ "stroke": "#5C5C5C",
2472
+ "strokeWidth": "1.3",
2473
+ "strokeLinecap": "round",
2474
+ "strokeLinejoin": "round"
2475
+ }],
2476
+ "circles": [],
2477
+ "rects": []
2478
+ },
2479
+ "FileCode_s1810": {
2480
+ "width": "18",
2481
+ "height": "18",
2482
+ "viewBox": "0 0 18 18",
2483
+ "fill": "none",
2484
+ "paths": [{
2485
+ "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",
2486
+ "stroke": "#5C5C5C",
2487
+ "strokeLinecap": "round",
2488
+ "strokeLinejoin": "round"
2489
+ }, {
2490
+ "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",
2491
+ "stroke": "#5C5C5C",
2492
+ "strokeLinecap": "round",
2493
+ "strokeLinejoin": "round"
2494
+ }, {
2495
+ "d": "M7.5 9.75L6.75 11.25L7.5 12.75",
2496
+ "stroke": "#5C5C5C",
2497
+ "strokeLinecap": "round",
2498
+ "strokeLinejoin": "round"
2499
+ }, {
2500
+ "d": "M10.5 9.75L11.25 11.25L10.5 12.75",
2501
+ "stroke": "#5C5C5C",
2502
+ "strokeLinecap": "round",
2503
+ "strokeLinejoin": "round"
2504
+ }],
2505
+ "circles": [],
2506
+ "rects": []
2507
+ },
2508
+ "FileDot_s1810": {
2509
+ "width": "18",
2510
+ "height": "18",
2511
+ "viewBox": "0 0 18 18",
2512
+ "fill": "none",
2513
+ "paths": [{
2514
+ "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",
2515
+ "stroke": "#5C5C5C",
2516
+ "strokeLinecap": "round",
2517
+ "strokeLinejoin": "round"
2518
+ }, {
2519
+ "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",
2520
+ "stroke": "#5C5C5C",
2521
+ "strokeLinecap": "round",
2522
+ "strokeLinejoin": "round"
2523
+ }, {
2524
+ "d": "M6.75 10.5V10.5075",
2525
+ "stroke": "#5C5C5C",
2526
+ "strokeLinecap": "round",
2527
+ "strokeLinejoin": "round"
2528
+ }, {
2529
+ "d": "M9 10.5V10.5075",
2530
+ "stroke": "#5C5C5C",
2531
+ "strokeLinecap": "round",
2532
+ "strokeLinejoin": "round"
2533
+ }, {
2534
+ "d": "M11.25 10.5V10.5075",
2535
+ "stroke": "#5C5C5C",
2536
+ "strokeLinecap": "round",
2537
+ "strokeLinejoin": "round"
2538
+ }],
2539
+ "circles": [],
2540
+ "rects": []
2541
+ },
2122
2542
  "FilePlus02_s1615": {
2123
2543
  "width": "16",
2124
2544
  "height": "16",
@@ -2134,6 +2554,20 @@ var iconmap = {
2134
2554
  "circles": [],
2135
2555
  "rects": []
2136
2556
  },
2557
+ "FilePlus_s1810": {
2558
+ "width": "18",
2559
+ "height": "18",
2560
+ "viewBox": "0 0 18 18",
2561
+ "fill": "none",
2562
+ "paths": [{
2563
+ "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",
2564
+ "stroke": "#5C5C5C",
2565
+ "strokeLinecap": "round",
2566
+ "strokeLinejoin": "round"
2567
+ }],
2568
+ "circles": [],
2569
+ "rects": []
2570
+ },
2137
2571
  "FilePlus_s1812": {
2138
2572
  "width": "18",
2139
2573
  "height": "18",
@@ -2164,6 +2598,25 @@ var iconmap = {
2164
2598
  "circles": [],
2165
2599
  "rects": []
2166
2600
  },
2601
+ "FileRefresh_s1810": {
2602
+ "width": "15",
2603
+ "height": "14",
2604
+ "viewBox": "0 0 15 14",
2605
+ "fill": "none",
2606
+ "paths": [{
2607
+ "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",
2608
+ "stroke": "#5C5C5C",
2609
+ "strokeLinecap": "round",
2610
+ "strokeLinejoin": "round"
2611
+ }, {
2612
+ "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",
2613
+ "stroke": "#5C5C5C",
2614
+ "strokeLinecap": "round",
2615
+ "strokeLinejoin": "round"
2616
+ }],
2617
+ "circles": [],
2618
+ "rects": []
2619
+ },
2167
2620
  "FileRefresh_s1812": {
2168
2621
  "width": "18",
2169
2622
  "height": "18",
@@ -2185,6 +2638,31 @@ var iconmap = {
2185
2638
  "circles": [],
2186
2639
  "rects": []
2187
2640
  },
2641
+ "FileSlash_s1413": {
2642
+ "width": "14",
2643
+ "height": "16",
2644
+ "viewBox": "0 0 14 16",
2645
+ "fill": "none",
2646
+ "paths": [{
2647
+ "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",
2648
+ "stroke": "#5C5C5C",
2649
+ "strokeLinecap": "round",
2650
+ "strokeLinejoin": "round"
2651
+ }, {
2652
+ "d": "M11.4936 14.7498L1.375 1.74023",
2653
+ "stroke": "#5C5C5C",
2654
+ "strokeWidth": "1.3",
2655
+ "strokeLinecap": "round",
2656
+ "strokeLinejoin": "round"
2657
+ }, {
2658
+ "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",
2659
+ "stroke": "#5C5C5C",
2660
+ "strokeLinecap": "round",
2661
+ "strokeLinejoin": "round"
2662
+ }],
2663
+ "circles": [],
2664
+ "rects": []
2665
+ },
2188
2666
  "FileX02_s1615": {
2189
2667
  "width": "16",
2190
2668
  "height": "16",
@@ -2290,6 +2768,28 @@ var iconmap = {
2290
2768
  "circles": [],
2291
2769
  "rects": []
2292
2770
  },
2771
+ "FolderSetting_s2013": {
2772
+ "width": "19",
2773
+ "height": "19",
2774
+ "viewBox": "0 0 19 19",
2775
+ "fill": "none",
2776
+ "paths": [{
2777
+ "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",
2778
+ "stroke": "#8C8C8C",
2779
+ "strokeWidth": "1.3",
2780
+ "strokeLinecap": "round"
2781
+ }, {
2782
+ "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",
2783
+ "stroke": "#8C8C8C",
2784
+ "strokeWidth": "1.3"
2785
+ }, {
2786
+ "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",
2787
+ "stroke": "#8C8C8C",
2788
+ "strokeWidth": "1.3"
2789
+ }],
2790
+ "circles": [],
2791
+ "rects": []
2792
+ },
2293
2793
  "FolderUpload_s1615": {
2294
2794
  "width": "16",
2295
2795
  "height": "16",
@@ -2353,6 +2853,22 @@ var iconmap = {
2353
2853
  "circles": [],
2354
2854
  "rects": []
2355
2855
  },
2856
+ "Folder_s1810": {
2857
+ "width": "18",
2858
+ "height": "18",
2859
+ "viewBox": "0 0 18 18",
2860
+ "fill": "none",
2861
+ "paths": [{
2862
+ "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",
2863
+ "fillRule": "evenodd",
2864
+ "clipRule": "evenodd",
2865
+ "stroke": "#5C5C5C",
2866
+ "strokeLinecap": "round",
2867
+ "strokeLinejoin": "round"
2868
+ }],
2869
+ "circles": [],
2870
+ "rects": []
2871
+ },
2356
2872
  "Folder_s2415": {
2357
2873
  "width": "24",
2358
2874
  "height": "24",
@@ -2410,69 +2926,6 @@ var iconmap = {
2410
2926
  "circles": [],
2411
2927
  "rects": []
2412
2928
  },
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
2929
  "GraduationHat01_s1615": {
2477
2930
  "width": "16",
2478
2931
  "height": "16",
@@ -2518,7 +2971,7 @@ var iconmap = {
2518
2971
  "circles": [],
2519
2972
  "rects": []
2520
2973
  },
2521
- "HomeOutline24_s24": {
2974
+ "HomeOutline24_s2410": {
2522
2975
  "width": "24",
2523
2976
  "height": "24",
2524
2977
  "viewBox": "0 0 24 24",
@@ -2532,7 +2985,34 @@ var iconmap = {
2532
2985
  "circles": [],
2533
2986
  "rects": []
2534
2987
  },
2535
- "Information_s16": {
2988
+ "Home_s2015": {
2989
+ "width": "20",
2990
+ "height": "20",
2991
+ "viewBox": "0 0 20 20",
2992
+ "fill": "none",
2993
+ "paths": [{
2994
+ "d": "M1 8.57895L10 1L19 8.57895",
2995
+ "stroke": "#8C8C8C",
2996
+ "strokeWidth": "1.5",
2997
+ "strokeLinecap": "round",
2998
+ "strokeLinejoin": "round"
2999
+ }, {
3000
+ "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",
3001
+ "stroke": "#8C8C8C",
3002
+ "strokeWidth": "1.5",
3003
+ "strokeLinecap": "round",
3004
+ "strokeLinejoin": "round"
3005
+ }, {
3006
+ "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",
3007
+ "stroke": "#8C8C8C",
3008
+ "strokeWidth": "1.5",
3009
+ "strokeLinecap": "round",
3010
+ "strokeLinejoin": "round"
3011
+ }],
3012
+ "circles": [],
3013
+ "rects": []
3014
+ },
3015
+ "Information_s1610": {
2536
3016
  "width": "16",
2537
3017
  "height": "16",
2538
3018
  "viewBox": "0 0 16 16",
@@ -2550,18 +3030,6 @@ var iconmap = {
2550
3030
  "circles": [],
2551
3031
  "rects": []
2552
3032
  },
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
3033
  "LineChartDown01_s2420": {
2566
3034
  "width": "24",
2567
3035
  "height": "24",
@@ -2802,7 +3270,7 @@ var iconmap = {
2802
3270
  "circles": [],
2803
3271
  "rects": []
2804
3272
  },
2805
- "Network03_s14": {
3273
+ "Network03_s1410": {
2806
3274
  "width": "14",
2807
3275
  "height": "14",
2808
3276
  "viewBox": "0 0 14 14",
@@ -2826,7 +3294,7 @@ var iconmap = {
2826
3294
  "circles": [],
2827
3295
  "rects": []
2828
3296
  },
2829
- "Network03_s24": {
3297
+ "Network03_s2410": {
2830
3298
  "width": "24",
2831
3299
  "height": "24",
2832
3300
  "viewBox": "0 0 24 24",
@@ -2865,7 +3333,7 @@ var iconmap = {
2865
3333
  "circles": [],
2866
3334
  "rects": []
2867
3335
  },
2868
- "Network04_s14": {
3336
+ "Network04_s1410": {
2869
3337
  "width": "14",
2870
3338
  "height": "14",
2871
3339
  "viewBox": "0 0 14 14",
@@ -2886,7 +3354,7 @@ var iconmap = {
2886
3354
  "circles": [],
2887
3355
  "rects": []
2888
3356
  },
2889
- "Network04_s24": {
3357
+ "Network04_s2410": {
2890
3358
  "width": "24",
2891
3359
  "height": "24",
2892
3360
  "viewBox": "0 0 24 24",
@@ -3030,6 +3498,21 @@ var iconmap = {
3030
3498
  "circles": [],
3031
3499
  "rects": []
3032
3500
  },
3501
+ "PlusCircle_s1413": {
3502
+ "width": "14",
3503
+ "height": "14",
3504
+ "viewBox": "0 0 14 14",
3505
+ "fill": "none",
3506
+ "paths": [{
3507
+ "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",
3508
+ "stroke": "#5C5C5C",
3509
+ "strokeWidth": "1.3",
3510
+ "strokeLinecap": "round",
3511
+ "strokeLinejoin": "round"
3512
+ }],
3513
+ "circles": [],
3514
+ "rects": []
3515
+ },
3033
3516
  "PlusCircle_s1615": {
3034
3517
  "width": "16",
3035
3518
  "height": "16",
@@ -3045,6 +3528,20 @@ var iconmap = {
3045
3528
  "circles": [],
3046
3529
  "rects": []
3047
3530
  },
3531
+ "PlusCircle_s1810": {
3532
+ "width": "18",
3533
+ "height": "18",
3534
+ "viewBox": "0 0 18 18",
3535
+ "fill": "none",
3536
+ "paths": [{
3537
+ "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",
3538
+ "stroke": "#5C5C5C",
3539
+ "strokeLinecap": "round",
3540
+ "strokeLinejoin": "round"
3541
+ }],
3542
+ "circles": [],
3543
+ "rects": []
3544
+ },
3048
3545
  "PlusCircle_s1812": {
3049
3546
  "width": "18",
3050
3547
  "height": "18",
@@ -3075,7 +3572,111 @@ var iconmap = {
3075
3572
  "circles": [],
3076
3573
  "rects": []
3077
3574
  },
3078
- "QuestionCircleBg_s16": {
3575
+ "PlusDownLines_s1413": {
3576
+ "width": "13",
3577
+ "height": "10",
3578
+ "viewBox": "0 0 13 10",
3579
+ "fill": "none",
3580
+ "paths": [{
3581
+ "d": "M1 6.21053H4.59211M4.59211 6.21053L2.38158 8.42105M4.59211 6.21053L2.38158 4",
3582
+ "stroke": "#5C5C5C",
3583
+ "strokeWidth": "1.3",
3584
+ "strokeLinecap": "round",
3585
+ "strokeLinejoin": "round"
3586
+ }, {
3587
+ "d": "M11.5001 4.34863H6.52637M11.5001 7.38811H6.52637",
3588
+ "stroke": "#5C5C5C",
3589
+ "strokeWidth": "1.3",
3590
+ "strokeLinecap": "round",
3591
+ "strokeLinejoin": "round"
3592
+ }, {
3593
+ "d": "M11.5001 1H6.52642H1.55273",
3594
+ "stroke": "#5C5C5C",
3595
+ "strokeWidth": "1.3",
3596
+ "strokeLinecap": "round",
3597
+ "strokeLinejoin": "round"
3598
+ }],
3599
+ "circles": [],
3600
+ "rects": []
3601
+ },
3602
+ "PlusUpLines_s1413": {
3603
+ "width": "13",
3604
+ "height": "9",
3605
+ "viewBox": "0 0 13 9",
3606
+ "fill": "none",
3607
+ "paths": [{
3608
+ "d": "M1 3.21053H4.59211M4.59211 3.21053L2.38158 5.42105M4.59211 3.21053L2.38158 1",
3609
+ "stroke": "#5C5C5C",
3610
+ "strokeWidth": "1.3",
3611
+ "strokeLinecap": "round",
3612
+ "strokeLinejoin": "round"
3613
+ }, {
3614
+ "d": "M11.5001 2.34863H6.52642M11.5001 5.38811H6.52642M11.5001 8.28942H6.52642H1.55273",
3615
+ "stroke": "#5C5C5C",
3616
+ "strokeWidth": "1.3",
3617
+ "strokeLinecap": "round",
3618
+ "strokeLinejoin": "round"
3619
+ }],
3620
+ "circles": [],
3621
+ "rects": []
3622
+ },
3623
+ "Plus_s1610": {
3624
+ "width": "16",
3625
+ "height": "16",
3626
+ "viewBox": "0 0 16 16",
3627
+ "fill": "none",
3628
+ "paths": [{
3629
+ "d": "M7.33325 7.33325V3.33325H8.66659V7.33325H12.6666V8.66659H8.66659V12.6666H7.33325V8.66659H3.33325V7.33325H7.33325Z",
3630
+ "fill": "#8C8C8C"
3631
+ }],
3632
+ "circles": [],
3633
+ "rects": []
3634
+ },
3635
+ "PreviewLine_s2013": {
3636
+ "width": "20",
3637
+ "height": "20",
3638
+ "viewBox": "0 0 20 20",
3639
+ "fill": "none",
3640
+ "paths": [{
3641
+ "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",
3642
+ "stroke": "#8C8C8C",
3643
+ "strokeWidth": "1.3",
3644
+ "strokeLinecap": "round"
3645
+ }],
3646
+ "circles": [],
3647
+ "rects": []
3648
+ },
3649
+ "PreviewZoom_s2013": {
3650
+ "width": "20",
3651
+ "height": "20",
3652
+ "viewBox": "0 0 20 20",
3653
+ "fill": "none",
3654
+ "paths": [{
3655
+ "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",
3656
+ "stroke": "#8C8C8C",
3657
+ "strokeWidth": "1.3",
3658
+ "strokeLinecap": "round",
3659
+ "strokeLinejoin": "round"
3660
+ }],
3661
+ "circles": [],
3662
+ "rects": []
3663
+ },
3664
+ "Preview_s1413": {
3665
+ "width": "14",
3666
+ "height": "12",
3667
+ "viewBox": "0 0 14 12",
3668
+ "fill": "none",
3669
+ "paths": [{
3670
+ "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",
3671
+ "stroke": "#5C5C5C",
3672
+ "strokeWidth": "1.3",
3673
+ "strokeLinecap": "round",
3674
+ "strokeLinejoin": "round"
3675
+ }],
3676
+ "circles": [],
3677
+ "rects": []
3678
+ },
3679
+ "QuestionCircleBg_s1610": {
3079
3680
  "width": "16",
3080
3681
  "height": "16",
3081
3682
  "viewBox": "0 0 16 16",
@@ -3197,6 +3798,20 @@ var iconmap = {
3197
3798
  "circles": [],
3198
3799
  "rects": []
3199
3800
  },
3801
+ "SaveAll_s1810": {
3802
+ "width": "18",
3803
+ "height": "18",
3804
+ "viewBox": "0 0 18 18",
3805
+ "fill": "none",
3806
+ "paths": [{
3807
+ "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",
3808
+ "stroke": "#5C5C5C",
3809
+ "strokeLinecap": "round",
3810
+ "strokeLinejoin": "round"
3811
+ }],
3812
+ "circles": [],
3813
+ "rects": []
3814
+ },
3200
3815
  "SaveAll_s1812": {
3201
3816
  "width": "18",
3202
3817
  "height": "18",
@@ -3212,6 +3827,21 @@ var iconmap = {
3212
3827
  "circles": [],
3213
3828
  "rects": []
3214
3829
  },
3830
+ "Save_s1413": {
3831
+ "width": "14",
3832
+ "height": "14",
3833
+ "viewBox": "0 0 14 14",
3834
+ "fill": "none",
3835
+ "paths": [{
3836
+ "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",
3837
+ "stroke": "#5C5C5C",
3838
+ "strokeWidth": "1.3",
3839
+ "strokeLinecap": "round",
3840
+ "strokeLinejoin": "round"
3841
+ }],
3842
+ "circles": [],
3843
+ "rects": []
3844
+ },
3215
3845
  "Save_s1613": {
3216
3846
  "width": "16",
3217
3847
  "height": "16",
@@ -3257,19 +3887,61 @@ var iconmap = {
3257
3887
  "circles": [],
3258
3888
  "rects": []
3259
3889
  },
3890
+ "Setting01_s1413": {
3891
+ "width": "14",
3892
+ "height": "14",
3893
+ "viewBox": "0 0 14 14",
3894
+ "fill": "none",
3895
+ "paths": [{
3896
+ "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",
3897
+ "stroke": "#5C5C5C",
3898
+ "strokeWidth": "1.3",
3899
+ "strokeLinecap": "round",
3900
+ "strokeLinejoin": "round"
3901
+ }, {
3902
+ "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",
3903
+ "stroke": "#5C5C5C",
3904
+ "strokeWidth": "1.3",
3905
+ "strokeLinecap": "round",
3906
+ "strokeLinejoin": "round"
3907
+ }],
3908
+ "circles": [],
3909
+ "rects": []
3910
+ },
3260
3911
  "Settings02_s1615": {
3261
3912
  "width": "16",
3262
3913
  "height": "16",
3263
3914
  "viewBox": "0 0 16 16",
3264
3915
  "fill": "none",
3265
3916
  "paths": [{
3266
- "d": "M6.26344 12.914L6.65307 13.7903C6.7689 14.0511 6.95792 14.2728 7.19722 14.4283C7.43652 14.5839 7.71581 14.6666 8.00122 14.6666C8.28663 14.6666 8.56592 14.5839 8.80522 14.4283C9.04452 14.2728 9.23354 14.0511 9.34937 13.7903L9.739 12.914C9.8777 12.6031 10.111 12.3438 10.4057 12.1733C10.7022 12.0022 11.0452 11.9294 11.3857 11.9651L12.339 12.0666C12.6228 12.0966 12.9092 12.0436 13.1635 11.9141C13.4177 11.7846 13.629 11.5841 13.7716 11.337C13.9144 11.0899 13.9824 10.8068 13.9674 10.5218C13.9524 10.2369 13.8551 9.96245 13.6871 9.73177L13.1227 8.95622C12.9217 8.67801 12.8143 8.34313 12.816 7.99992C12.816 7.65764 12.9244 7.32415 13.1257 7.04733L13.6901 6.27177C13.858 6.04109 13.9554 5.76663 13.9704 5.4817C13.9854 5.19677 13.9173 4.91361 13.7746 4.66659C13.632 4.41941 13.4207 4.21891 13.1664 4.0894C12.9121 3.9599 12.6257 3.90694 12.342 3.93696L11.3886 4.03844C11.0482 4.07419 10.7052 4.00133 10.4086 3.83029C10.1134 3.65875 9.88001 3.39816 9.74196 3.08584L9.34937 2.20955C9.23354 1.9487 9.04452 1.72706 8.80522 1.57152C8.56592 1.41597 8.28663 1.33321 8.00122 1.33325C7.71581 1.33321 7.43652 1.41597 7.19722 1.57152C6.95792 1.72706 6.7689 1.9487 6.65307 2.20955L6.26344 3.08584C6.1254 3.39816 5.89202 3.65875 5.59678 3.83029C5.30025 4.00133 4.95722 4.07419 4.61678 4.03844L3.66048 3.93696C3.3767 3.90694 3.09031 3.9599 2.83602 4.0894C2.58174 4.21891 2.37049 4.41941 2.22789 4.66659C2.0851 4.91361 2.01708 5.19677 2.03207 5.4817C2.04705 5.76663 2.14441 6.04109 2.31233 6.27177L2.87678 7.04733C3.07807 7.32415 3.18647 7.65764 3.18641 7.99992C3.18647 8.34219 3.07807 8.67569 2.87678 8.95251L2.31233 9.72807C2.14441 9.95875 2.04705 10.2332 2.03207 10.5181C2.01708 10.8031 2.0851 11.0862 2.22789 11.3333C2.37063 11.5803 2.58191 11.7807 2.83615 11.9102C3.0904 12.0397 3.37672 12.0927 3.66048 12.0629L4.61381 11.9614C4.95426 11.9256 5.29729 11.9985 5.59381 12.1695C5.89017 12.3406 6.12462 12.6012 6.26344 12.914Z",
3917
+ "d": "M6.26344 12.914L6.65307 13.7903C6.7689 14.0511 6.95792 14.2728 7.19722 14.4283C7.43652 14.5839 7.71581 14.6666 8.00122 14.6666C8.28663 14.6666 8.56592 14.5839 8.80522 14.4283C9.04452 14.2728 9.23354 14.0511 9.34937 13.7903L9.739 12.914C9.8777 12.6031 10.111 12.3438 10.4057 12.1733C10.7022 12.0022 11.0452 11.9294 11.3857 11.9651L12.339 12.0666C12.6228 12.0966 12.9092 12.0436 13.1635 11.9141C13.4177 11.7846 13.629 11.5841 13.7716 11.337C13.9144 11.0899 13.9824 10.8068 13.9674 10.5218C13.9524 10.2369 13.8551 9.96245 13.6871 9.73177L13.1227 8.95622C12.9217 8.67801 12.8143 8.34313 12.816 7.99992C12.816 7.65764 12.9244 7.32415 13.1257 7.04733L13.6901 6.27177C13.858 6.04109 13.9554 5.76663 13.9704 5.4817C13.9854 5.19677 13.9173 4.91361 13.7746 4.66659C13.632 4.41941 13.4207 4.21891 13.1664 4.0894C12.9121 3.9599 12.6257 3.90694 12.342 3.93696L11.3886 4.03844C11.0482 4.07419 10.7052 4.00133 10.4086 3.83029C10.1134 3.65875 9.88001 3.39816 9.74196 3.08584L9.34937 2.20955C9.23354 1.9487 9.04452 1.72706 8.80522 1.57152C8.56592 1.41597 8.28663 1.33321 8.00122 1.33325C7.71581 1.33321 7.43652 1.41597 7.19722 1.57152C6.95792 1.72706 6.7689 1.9487 6.65307 2.20955L6.26344 3.08584C6.1254 3.39816 5.89202 3.65875 5.59678 3.83029C5.30025 4.00133 4.95722 4.07419 4.61678 4.03844L3.66048 3.93696C3.3767 3.90694 3.09031 3.9599 2.83602 4.0894C2.58174 4.21891 2.37049 4.41941 2.22789 4.66659C2.0851 4.91361 2.01708 5.19677 2.03207 5.4817C2.04705 5.76663 2.14441 6.04109 2.31233 6.27177L2.87678 7.04733C3.07807 7.32415 3.18647 7.65764 3.18641 7.99992C3.18647 8.34219 3.07807 8.67569 2.87678 8.95251L2.31233 9.72807C2.14441 9.95875 2.04705 10.2332 2.03207 10.5181C2.01708 10.8031 2.0851 11.0862 2.22789 11.3333C2.37063 11.5803 2.58191 11.7807 2.83615 11.9102C3.0904 12.0397 3.37672 12.0927 3.66048 12.0629L4.61381 11.9614C4.95426 11.9256 5.29729 11.9985 5.59381 12.1695C5.89017 12.3406 6.12462 12.6012 6.26344 12.914Z",
3918
+ "stroke": "#8C8C8C",
3919
+ "strokeWidth": "1.5",
3920
+ "strokeLinecap": "round",
3921
+ "strokeLinejoin": "round"
3922
+ }, {
3923
+ "d": "M8.00003 9.99992C9.1046 9.99992 10 9.10449 10 7.99992C10 6.89535 9.1046 5.99992 8.00003 5.99992C6.89546 5.99992 6.00003 6.89535 6.00003 7.99992C6.00003 9.10449 6.89546 9.99992 8.00003 9.99992Z",
3924
+ "stroke": "#8C8C8C",
3925
+ "strokeWidth": "1.5",
3926
+ "strokeLinecap": "round",
3927
+ "strokeLinejoin": "round"
3928
+ }],
3929
+ "circles": [],
3930
+ "rects": []
3931
+ },
3932
+ "Settings02_s2415": {
3933
+ "width": "24",
3934
+ "height": "24",
3935
+ "viewBox": "0 0 24 24",
3936
+ "fill": "none",
3937
+ "paths": [{
3938
+ "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",
3267
3939
  "stroke": "#8C8C8C",
3268
3940
  "strokeWidth": "1.5",
3269
3941
  "strokeLinecap": "round",
3270
3942
  "strokeLinejoin": "round"
3271
3943
  }, {
3272
- "d": "M8.00003 9.99992C9.1046 9.99992 10 9.10449 10 7.99992C10 6.89535 9.1046 5.99992 8.00003 5.99992C6.89546 5.99992 6.00003 6.89535 6.00003 7.99992C6.00003 9.10449 6.89546 9.99992 8.00003 9.99992Z",
3944
+ "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",
3273
3945
  "stroke": "#8C8C8C",
3274
3946
  "strokeWidth": "1.5",
3275
3947
  "strokeLinecap": "round",
@@ -3416,7 +4088,7 @@ var iconmap = {
3416
4088
  "circles": [],
3417
4089
  "rects": []
3418
4090
  },
3419
- "State_s16": {
4091
+ "State_s1610": {
3420
4092
  "width": "16",
3421
4093
  "height": "16",
3422
4094
  "viewBox": "0 0 16 16",
@@ -3430,7 +4102,7 @@ var iconmap = {
3430
4102
  }],
3431
4103
  "rects": []
3432
4104
  },
3433
- "State_s18": {
4105
+ "State_s1810": {
3434
4106
  "width": "18",
3435
4107
  "height": "18",
3436
4108
  "viewBox": "0 0 18 18",
@@ -3507,7 +4179,7 @@ var iconmap = {
3507
4179
  "circles": [],
3508
4180
  "rects": []
3509
4181
  },
3510
- "SubtractLine_s16": {
4182
+ "SubtractLine_s1610": {
3511
4183
  "width": "16",
3512
4184
  "height": "16",
3513
4185
  "viewBox": "0 0 16 16",
@@ -3549,18 +4221,6 @@ var iconmap = {
3549
4221
  "circles": [],
3550
4222
  "rects": []
3551
4223
  },
3552
- "T_s18": {
3553
- "width": "18",
3554
- "height": "18",
3555
- "viewBox": "0 0 18 18",
3556
- "fill": "none",
3557
- "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"
3560
- }],
3561
- "circles": [],
3562
- "rects": []
3563
- },
3564
4224
  "Title_s2420": {
3565
4225
  "width": "24",
3566
4226
  "height": "24",
@@ -3576,6 +4236,21 @@ var iconmap = {
3576
4236
  "circles": [],
3577
4237
  "rects": []
3578
4238
  },
4239
+ "Toggle_s2013": {
4240
+ "width": "20",
4241
+ "height": "20",
4242
+ "viewBox": "0 0 20 20",
4243
+ "fill": "none",
4244
+ "paths": [{
4245
+ "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",
4246
+ "stroke": "#8C8C8C",
4247
+ "strokeWidth": "1.3",
4248
+ "strokeLinecap": "round",
4249
+ "strokeLinejoin": "round"
4250
+ }],
4251
+ "circles": [],
4252
+ "rects": []
4253
+ },
3579
4254
  "Tool_s1413": {
3580
4255
  "width": "14",
3581
4256
  "height": "14",
@@ -3636,6 +4311,20 @@ var iconmap = {
3636
4311
  "circles": [],
3637
4312
  "rects": []
3638
4313
  },
4314
+ "Trash01_s1810": {
4315
+ "width": "18",
4316
+ "height": "18",
4317
+ "viewBox": "0 0 18 18",
4318
+ "fill": "none",
4319
+ "paths": [{
4320
+ "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",
4321
+ "stroke": "#5C5C5C",
4322
+ "strokeLinecap": "round",
4323
+ "strokeLinejoin": "round"
4324
+ }],
4325
+ "circles": [],
4326
+ "rects": []
4327
+ },
3639
4328
  "Trash01_s1815": {
3640
4329
  "width": "18",
3641
4330
  "height": "18",
@@ -3651,7 +4340,7 @@ var iconmap = {
3651
4340
  "circles": [],
3652
4341
  "rects": []
3653
4342
  },
3654
- "Up_s16": {
4343
+ "Up_s1610": {
3655
4344
  "width": "16",
3656
4345
  "height": "16",
3657
4346
  "viewBox": "0 0 16 16",
@@ -3766,6 +4455,20 @@ var iconmap = {
3766
4455
  "circles": [],
3767
4456
  "rects": []
3768
4457
  },
4458
+ "UserPlus_s1810": {
4459
+ "width": "18",
4460
+ "height": "18",
4461
+ "viewBox": "0 0 18 18",
4462
+ "fill": "none",
4463
+ "paths": [{
4464
+ "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",
4465
+ "stroke": "#5C5C5C",
4466
+ "strokeLinecap": "round",
4467
+ "strokeLinejoin": "round"
4468
+ }],
4469
+ "circles": [],
4470
+ "rects": []
4471
+ },
3769
4472
  "UserPlus_s1812": {
3770
4473
  "width": "18",
3771
4474
  "height": "18",
@@ -3811,18 +4514,6 @@ var iconmap = {
3811
4514
  "circles": [],
3812
4515
  "rects": []
3813
4516
  },
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
4517
  "XCircleBg_s1612": {
3827
4518
  "width": "16",
3828
4519
  "height": "16",
@@ -3845,7 +4536,9 @@ var iconmap = {
3845
4536
  "cx": "8",
3846
4537
  "cy": "8",
3847
4538
  "r": "7",
3848
- "fill": "#E53E3E"
4539
+ "fill": "#E53E3E",
4540
+ "stroke": "#E53E3E",
4541
+ "strokeWidth": "1.2"
3849
4542
  }],
3850
4543
  "rects": []
3851
4544
  },
@@ -3917,7 +4610,7 @@ var iconmap = {
3917
4610
  "fill": "#E53E3E"
3918
4611
  }]
3919
4612
  },
3920
- "X_s14": {
4613
+ "X_s1410": {
3921
4614
  "width": "14",
3922
4615
  "height": "14",
3923
4616
  "viewBox": "0 0 14 14",
@@ -3958,6 +4651,20 @@ var iconmap = {
3958
4651
  "circles": [],
3959
4652
  "rects": []
3960
4653
  },
4654
+ "Zap_s1810": {
4655
+ "width": "18",
4656
+ "height": "18",
4657
+ "viewBox": "0 0 18 18",
4658
+ "fill": "none",
4659
+ "paths": [{
4660
+ "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",
4661
+ "stroke": "#5C5C5C",
4662
+ "strokeLinecap": "round",
4663
+ "strokeLinejoin": "round"
4664
+ }],
4665
+ "circles": [],
4666
+ "rects": []
4667
+ },
3961
4668
  "Zap_s1812": {
3962
4669
  "width": "18",
3963
4670
  "height": "18",
@@ -4005,19 +4712,15 @@ var iconmap = {
4005
4712
  }
4006
4713
  };
4007
4714
  var ICONS = {
4008
- "AddLine_s16": "AddLine_s16",
4009
- "AlertCircleBg_s16": "AlertCircleBg_s16",
4715
+ "AlertCircleBg_s1610": "AlertCircleBg_s1610",
4716
+ "AlertCircle_s1413": "AlertCircle_s1413",
4010
4717
  "AlertCircle_s1615": "AlertCircle_s1615",
4011
- "AlertTriangleBg_s24": "AlertTriangleBg_s24",
4718
+ "AlertTriangleBg_s2410": "AlertTriangleBg_s2410",
4012
4719
  "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",
4720
+ "ArrowDownCircle_s1413": "ArrowDownCircle_s1413",
4019
4721
  "ArrowRight_s1415": "ArrowRight_s1415",
4020
4722
  "ArrowRight_s1613": "ArrowRight_s1613",
4723
+ "ArrowRight_s1813": "ArrowRight_s1813",
4021
4724
  "ArrowRight_s2420": "ArrowRight_s2420",
4022
4725
  "Atom01_s1615": "Atom01_s1615",
4023
4726
  "BarChart10_s2420": "BarChart10_s2420",
@@ -4031,24 +4734,32 @@ var ICONS = {
4031
4734
  "CalendarDate_s2420": "CalendarDate_s2420",
4032
4735
  "Calendar_s1615": "Calendar_s1615",
4033
4736
  "CheckCircleBg_s1612": "CheckCircleBg_s1612",
4034
- "CheckCircleBg_s24": "CheckCircleBg_s24",
4737
+ "CheckCircleBg_s2410": "CheckCircleBg_s2410",
4035
4738
  "CheckCircle_s1413": "CheckCircle_s1413",
4036
4739
  "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",
4740
+ "CheckboxIndeterminate_s1610": "CheckboxIndeterminate_s1610",
4741
+ "CheckboxIndeterminate_s1810": "CheckboxIndeterminate_s1810",
4742
+ "CheckboxOff_s1610": "CheckboxOff_s1610",
4743
+ "CheckboxOff_s1810": "CheckboxOff_s1810",
4744
+ "CheckboxOff_s2410": "CheckboxOff_s2410",
4745
+ "CheckboxOn_s1610": "CheckboxOn_s1610",
4746
+ "CheckboxOn_s1810": "CheckboxOn_s1810",
4747
+ "CheckboxOn_s2410": "CheckboxOn_s2410",
4045
4748
  "ChevronDown_s1615": "ChevronDown_s1615",
4046
4749
  "ChevronDown_s2420": "ChevronDown_s2420",
4750
+ "ChevronLeftCircleBg_s2415": "ChevronLeftCircleBg_s2415",
4751
+ "ChevronLeftCircle_s1810": "ChevronLeftCircle_s1810",
4752
+ "ChevronLeftCircle_s1812": "ChevronLeftCircle_s1812",
4753
+ "ChevronLeftCircle_s2415": "ChevronLeftCircle_s2415",
4047
4754
  "ChevronLeftDouble_s1615": "ChevronLeftDouble_s1615",
4048
4755
  "ChevronLeft_s1615": "ChevronLeft_s1615",
4049
4756
  "ChevronLeft_s2020": "ChevronLeft_s2020",
4050
4757
  "ChevronLeft_s2420": "ChevronLeft_s2420",
4051
4758
  "ChevronLeft_s4030": "ChevronLeft_s4030",
4759
+ "ChevronRightCircleBg_s2415": "ChevronRightCircleBg_s2415",
4760
+ "ChevronRightCircle_s1810": "ChevronRightCircle_s1810",
4761
+ "ChevronRightCircle_s1812": "ChevronRightCircle_s1812",
4762
+ "ChevronRightCircle_s2415": "ChevronRightCircle_s2415",
4052
4763
  "ChevronRightDouble_s1615": "ChevronRightDouble_s1615",
4053
4764
  "ChevronRight_s1615": "ChevronRight_s1615",
4054
4765
  "ChevronRight_s2020": "ChevronRight_s2020",
@@ -4062,6 +4773,7 @@ var ICONS = {
4062
4773
  "ClipboardPlus_s2415": "ClipboardPlus_s2415",
4063
4774
  "Clipboard_s1615": "Clipboard_s1615",
4064
4775
  "CodeSnippet02_s2420": "CodeSnippet02_s2420",
4776
+ "Connection_s1810": "Connection_s1810",
4065
4777
  "Copy03_s1615": "Copy03_s1615",
4066
4778
  "Copy_s1413": "Copy_s1413",
4067
4779
  "Copy_s1613": "Copy_s1613",
@@ -4071,6 +4783,7 @@ var ICONS = {
4071
4783
  "CornerUpRight_s1815": "CornerUpRight_s1815",
4072
4784
  "CurrencyDollar_s2420": "CurrencyDollar_s2420",
4073
4785
  "Cursor04_s1815": "Cursor04_s1815",
4786
+ "CursorBox_s1613": "CursorBox_s1613",
4074
4787
  "CursorBox_s1815": "CursorBox_s1815",
4075
4788
  "Database01_s1615": "Database01_s1615",
4076
4789
  "Database02_s1615": "Database02_s1615",
@@ -4081,42 +4794,53 @@ var ICONS = {
4081
4794
  "Database03_s2415": "Database03_s2415",
4082
4795
  "Database03_s2420": "Database03_s2420",
4083
4796
  "DatabasePlus_s1612": "DatabasePlus_s1612",
4797
+ "DatabasePlus_s1810": "DatabasePlus_s1810",
4084
4798
  "DatabasePlus_s1812": "DatabasePlus_s1812",
4799
+ "DatabasePreview_s1810": "DatabasePreview_s1810",
4085
4800
  "Dataflow01_s1615": "Dataflow01_s1615",
4086
4801
  "Dataflow01_s2015": "Dataflow01_s2015",
4087
4802
  "Dataflow01_s2415": "Dataflow01_s2415",
4088
4803
  "Dataflow01_s2420": "Dataflow01_s2420",
4089
4804
  "Dataflow04_s1615": "Dataflow04_s1615",
4805
+ "Dataflow04_s2415": "Dataflow04_s2415",
4806
+ "Dataflow05_s1815": "Dataflow05_s1815",
4807
+ "Diagram_s2014": "Diagram_s2014",
4090
4808
  "Dotpoints01_s2420": "Dotpoints01_s2420",
4091
4809
  "DotsGrid_s1815": "DotsGrid_s1815",
4092
4810
  "DotsGrid_s2420": "DotsGrid_s2420",
4093
4811
  "DotsGrid_s3220": "DotsGrid_s3220",
4812
+ "DotsVertical02_s1612": "DotsVertical02_s1612",
4094
4813
  "DotsVertical_s1815": "DotsVertical_s1815",
4095
4814
  "DotsVertical_s2415": "DotsVertical_s2415",
4096
- "DownCircle_s1413": "DownCircle_s1413",
4097
- "Down_s16": "Down_s16",
4815
+ "Down_s1610": "Down_s1610",
4098
4816
  "Download01_s1313": "Download01_s1313",
4099
4817
  "Download01_s1413": "Download01_s1413",
4100
4818
  "Download01_s1613": "Download01_s1613",
4101
- "Downstream_s14": "Downstream_s14",
4102
- "Downstream_s24": "Downstream_s24",
4103
- "DragSelect_s1613": "DragSelect_s1613",
4819
+ "Downstream_s1410": "Downstream_s1410",
4820
+ "Downstream_s2410": "Downstream_s2410",
4104
4821
  "Drag_s1613": "Drag_s1613",
4105
4822
  "Edit03_s1413": "Edit03_s1413",
4106
4823
  "Edit03_s1613": "Edit03_s1613",
4107
4824
  "Expand_s1815": "Expand_s1815",
4108
- "EyeOff_s16": "EyeOff_s16",
4109
- "Eye_s16": "Eye_s16",
4825
+ "EyeOff_s1610": "EyeOff_s1610",
4826
+ "Eye_s1610": "Eye_s1610",
4110
4827
  "File02_s1615": "File02_s1615",
4111
4828
  "File06_s1615": "File06_s1615",
4112
4829
  "File06_s2420": "File06_s2420",
4113
- "FileCheck02_s14": "FileCheck02_s14",
4830
+ "FileChart_s1810": "FileChart_s1810",
4831
+ "FileCheck02_s1410": "FileCheck02_s1410",
4114
4832
  "FileCheck02_s1615": "FileCheck02_s1615",
4115
4833
  "FileCheck03_s1615": "FileCheck03_s1615",
4834
+ "FileCheck04_s1413": "FileCheck04_s1413",
4835
+ "FileCode_s1810": "FileCode_s1810",
4836
+ "FileDot_s1810": "FileDot_s1810",
4116
4837
  "FilePlus02_s1615": "FilePlus02_s1615",
4838
+ "FilePlus_s1810": "FilePlus_s1810",
4117
4839
  "FilePlus_s1812": "FilePlus_s1812",
4118
4840
  "FileQuestion02_s1615": "FileQuestion02_s1615",
4841
+ "FileRefresh_s1810": "FileRefresh_s1810",
4119
4842
  "FileRefresh_s1812": "FileRefresh_s1812",
4843
+ "FileSlash_s1413": "FileSlash_s1413",
4120
4844
  "FileX02_s1615": "FileX02_s1615",
4121
4845
  "FileX02_s3220": "FileX02_s3220",
4122
4846
  "File_s1611": "File_s1611",
@@ -4124,20 +4848,21 @@ var ICONS = {
4124
4848
  "File_s2420": "File_s2420",
4125
4849
  "File_s3020": "File_s3020",
4126
4850
  "FilterLines_s1815": "FilterLines_s1815",
4851
+ "FolderSetting_s2013": "FolderSetting_s2013",
4127
4852
  "FolderUpload_s1615": "FolderUpload_s1615",
4128
4853
  "FolderUpload_s1815": "FolderUpload_s1815",
4129
4854
  "FolderUpload_s2420": "FolderUpload_s2420",
4855
+ "Folder_s1810": "Folder_s1810",
4130
4856
  "Folder_s2415": "Folder_s2415",
4131
4857
  "Folder_s2420": "Folder_s2420",
4132
4858
  "Folder_s2820": "Folder_s2820",
4133
4859
  "Globe01_s1615": "Globe01_s1615",
4134
- "Grabber_s1612": "Grabber_s1612",
4135
4860
  "GraduationHat01_s1615": "GraduationHat01_s1615",
4136
4861
  "GraduationHat01_s2415": "GraduationHat01_s2415",
4137
4862
  "GraduationHat01_s2420": "GraduationHat01_s2420",
4138
- "HomeOutline24_s24": "HomeOutline24_s24",
4139
- "Information_s16": "Information_s16",
4140
- "K_s18": "K_s18",
4863
+ "HomeOutline24_s2410": "HomeOutline24_s2410",
4864
+ "Home_s2015": "Home_s2015",
4865
+ "Information_s1610": "Information_s1610",
4141
4866
  "LineChartDown01_s2420": "LineChartDown01_s2420",
4142
4867
  "Loading02_s1415": "Loading02_s1415",
4143
4868
  "Loading02_s1615": "Loading02_s1615",
@@ -4154,11 +4879,11 @@ var ICONS = {
4154
4879
  "MessageText_s1815": "MessageText_s1815",
4155
4880
  "MessageX_s1615": "MessageX_s1615",
4156
4881
  "Move_s1613": "Move_s1613",
4157
- "Network03_s14": "Network03_s14",
4158
- "Network03_s24": "Network03_s24",
4882
+ "Network03_s1410": "Network03_s1410",
4883
+ "Network03_s2410": "Network03_s2410",
4159
4884
  "Network03_s2415": "Network03_s2415",
4160
- "Network04_s14": "Network04_s14",
4161
- "Network04_s24": "Network04_s24",
4885
+ "Network04_s1410": "Network04_s1410",
4886
+ "Network04_s2410": "Network04_s2410",
4162
4887
  "Pause_s1615": "Pause_s1615",
4163
4888
  "Pause_s2420": "Pause_s2420",
4164
4889
  "PieChart01_s2420": "PieChart01_s2420",
@@ -4166,10 +4891,18 @@ var ICONS = {
4166
4891
  "PieChart03_s2420": "PieChart03_s2420",
4167
4892
  "PlayCircleLeft_s2420": "PlayCircleLeft_s2420",
4168
4893
  "PlayCircleRight_s2420": "PlayCircleRight_s2420",
4894
+ "PlusCircle_s1413": "PlusCircle_s1413",
4169
4895
  "PlusCircle_s1615": "PlusCircle_s1615",
4896
+ "PlusCircle_s1810": "PlusCircle_s1810",
4170
4897
  "PlusCircle_s1812": "PlusCircle_s1812",
4171
4898
  "PlusCircle_s2420": "PlusCircle_s2420",
4172
- "QuestionCircleBg_s16": "QuestionCircleBg_s16",
4899
+ "PlusDownLines_s1413": "PlusDownLines_s1413",
4900
+ "PlusUpLines_s1413": "PlusUpLines_s1413",
4901
+ "Plus_s1610": "Plus_s1610",
4902
+ "PreviewLine_s2013": "PreviewLine_s2013",
4903
+ "PreviewZoom_s2013": "PreviewZoom_s2013",
4904
+ "Preview_s1413": "Preview_s1413",
4905
+ "QuestionCircleBg_s1610": "QuestionCircleBg_s1610",
4173
4906
  "RefreshCcw02_s1415": "RefreshCcw02_s1415",
4174
4907
  "RefreshCcw02_s1615": "RefreshCcw02_s1615",
4175
4908
  "RefreshCcw02_s2420": "RefreshCcw02_s2420",
@@ -4177,51 +4910,57 @@ var ICONS = {
4177
4910
  "RefreshCw02_s1413": "RefreshCw02_s1413",
4178
4911
  "RefreshCw02_s1615": "RefreshCw02_s1615",
4179
4912
  "ReverseLeft_s1815": "ReverseLeft_s1815",
4913
+ "SaveAll_s1810": "SaveAll_s1810",
4180
4914
  "SaveAll_s1812": "SaveAll_s1812",
4915
+ "Save_s1413": "Save_s1413",
4181
4916
  "Save_s1613": "Save_s1613",
4182
4917
  "SearchMd_s1615": "SearchMd_s1615",
4183
4918
  "SearchMd_s2420": "SearchMd_s2420",
4919
+ "Setting01_s1413": "Setting01_s1413",
4184
4920
  "Settings02_s1615": "Settings02_s1615",
4921
+ "Settings02_s2415": "Settings02_s2415",
4185
4922
  "Settings02_s2420": "Settings02_s2420",
4186
4923
  "Share03_s1215": "Share03_s1215",
4187
4924
  "Share03_s1613": "Share03_s1613",
4188
4925
  "SortDown_s0815": "SortDown_s0815",
4189
4926
  "SortOutline_s1415": "SortOutline_s1415",
4190
4927
  "SortUp_s0815": "SortUp_s0815",
4191
- "State_s16": "State_s16",
4192
- "State_s18": "State_s18",
4928
+ "State_s1610": "State_s1610",
4929
+ "State_s1810": "State_s1810",
4193
4930
  "StopCircle_s1413": "StopCircle_s1413",
4194
4931
  "StopCircle_s1615": "StopCircle_s1615",
4195
4932
  "StopCircle_s2420": "StopCircle_s2420",
4196
- "SubtractLine_s16": "SubtractLine_s16",
4933
+ "SubtractLine_s1610": "SubtractLine_s1610",
4197
4934
  "Success_s1615": "Success_s1615",
4198
4935
  "SwitchHorizontal02_s1615": "SwitchHorizontal02_s1615",
4199
- "T_s18": "T_s18",
4200
4936
  "Title_s2420": "Title_s2420",
4937
+ "Toggle_s2013": "Toggle_s2013",
4201
4938
  "Tool_s1413": "Tool_s1413",
4202
4939
  "Transform_s1815": "Transform_s1815",
4203
4940
  "Trash01_s1413": "Trash01_s1413",
4204
4941
  "Trash01_s1613": "Trash01_s1613",
4942
+ "Trash01_s1810": "Trash01_s1810",
4205
4943
  "Trash01_s1815": "Trash01_s1815",
4206
- "Up_s16": "Up_s16",
4944
+ "Up_s1610": "Up_s1610",
4207
4945
  "Upload01_s1613": "Upload01_s1613",
4208
4946
  "UserCircleBg_s2415": "UserCircleBg_s2415",
4209
4947
  "UserCircle_s1615": "UserCircle_s1615",
4210
4948
  "UserCircle_s2415": "UserCircle_s2415",
4211
4949
  "UserCircle_s2420": "UserCircle_s2420",
4212
4950
  "UserPlus_s1615": "UserPlus_s1615",
4951
+ "UserPlus_s1810": "UserPlus_s1810",
4213
4952
  "UserPlus_s1812": "UserPlus_s1812",
4214
4953
  "Users01_s1615": "Users01_s1615",
4215
4954
  "Users01_s2420": "Users01_s2420",
4216
- "V_s18": "V_s18",
4217
4955
  "XCircleBg_s1612": "XCircleBg_s1612",
4218
4956
  "XCircle_s1413": "XCircle_s1413",
4219
4957
  "XCircle_s1613": "XCircle_s1613",
4220
4958
  "XCircle_s2420": "XCircle_s2420",
4221
4959
  "XDiamondBg_s2415": "XDiamondBg_s2415",
4222
- "X_s14": "X_s14",
4960
+ "X_s1410": "X_s1410",
4223
4961
  "X_s1613": "X_s1613",
4224
4962
  "X_s2420": "X_s2420",
4963
+ "Zap_s1810": "Zap_s1810",
4225
4964
  "Zap_s1812": "Zap_s1812",
4226
4965
  "ZoomIn_s1815": "ZoomIn_s1815",
4227
4966
  "ZoomOut_s1815": "ZoomOut_s1815"
@@ -4231,43 +4970,43 @@ function Icon(_a) {
4231
4970
  var name = _a.name,
4232
4971
  _b = _a.color,
4233
4972
  color = _b === void 0 ? 'secondary' : _b,
4234
- _c = _a.hoverColor,
4235
- hoverColor = _c === void 0 ? 'secondary' : _c;
4973
+ hoverColor = _a.hoverColor;
4236
4974
  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];
4975
+ var hoverKeyColor = useColor(hoverColor || 'secondary').keyColor;
4976
+ var _c = iconmap[name],
4977
+ width = _c.width,
4978
+ height = _c.height,
4979
+ viewBox = _c.viewBox,
4980
+ fill = _c.fill,
4981
+ paths = _c.paths,
4982
+ circles = _c.circles,
4983
+ rects = _c.rects;
4984
+ var _d = useState(false),
4985
+ hover = _d[0],
4986
+ setHover = _d[1];
4249
4987
  /**
4250
4988
  * 아이콘 최종 색깔
4989
+ * hoverColor를 설정해줬을때만 hoverColor가 적용되도록
4251
4990
  */
4252
4991
  var iconColor = useMemo(function () {
4253
- if (hover) {
4992
+ if (hoverColor && hover) {
4254
4993
  return hoverKeyColor;
4255
4994
  }
4256
4995
  return keyColor;
4257
- }, [hover, keyColor, hoverKeyColor]);
4996
+ }, [hoverColor, hover, keyColor, hoverKeyColor]);
4258
4997
  /**
4259
4998
  * circle.fill를 svg에 있는대로 두고 싶으면 true
4260
4999
  * circle.fill은 지정 색이 아니라 white로 고정시켜야함
4261
5000
  */
4262
5001
  var staticCircleFill = useMemo(function () {
4263
- return name === ICONS.AlertCircleBg_s16 || name === ICONS.QuestionCircleBg_s16;
5002
+ return name === ICONS.AlertCircleBg_s1610 || name === ICONS.QuestionCircleBg_s1610;
4264
5003
  }, [name]);
4265
5004
  /**
4266
5005
  * 마지막 path.stroke를 svg에 있는대로 두고 싶으면 true
4267
5006
  * 마지막 path.stroke은 지정 색이 아니라 white로 고정시켜야함
4268
5007
  */
4269
5008
  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;
5009
+ 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
5010
  }, [name]);
4272
5011
  return jsxs("svg", __assign({
4273
5012
  width: width,
@@ -4297,7 +5036,9 @@ function Icon(_a) {
4297
5036
  cx: circle.cx,
4298
5037
  cy: circle.cy,
4299
5038
  r: circle.r,
4300
- fill: circle.fill && (staticCircleFill ? circle.fill : iconColor)
5039
+ fill: circle.fill && (staticCircleFill ? circle.fill : iconColor),
5040
+ stroke: circle.stroke && (staticPathStorke && idx === paths.length - 1 ? circle.stroke : iconColor),
5041
+ strokeWidth: circle.strokeWidth
4301
5042
  }, "circle-".concat(idx));
4302
5043
  }), paths.map(function (path, idx) {
4303
5044
  return jsx("path", {
@@ -4314,8 +5055,8 @@ function Icon(_a) {
4314
5055
  }));
4315
5056
  }
4316
5057
 
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);
5058
+ 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}";
5059
+ styleInject(css_248z$h);
4319
5060
 
4320
5061
  var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
4321
5062
  var children = _a.children,
@@ -4410,10 +5151,12 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
4410
5151
  }, {
4411
5152
  children: [startIcon && jsx(Icon, {
4412
5153
  name: startIcon.name,
4413
- color: getIconColor(startIcon)
5154
+ color: getIconColor(startIcon),
5155
+ hoverColor: startIcon.hoverColor
4414
5156
  }), children, endIcon && jsx(Icon, {
4415
5157
  name: endIcon.name,
4416
- color: getIconColor(endIcon)
5158
+ color: getIconColor(endIcon),
5159
+ hoverColor: endIcon.hoverColor
4417
5160
  })]
4418
5161
  }));
4419
5162
  });
@@ -4476,8 +5219,8 @@ function uuidv4(length) {
4476
5219
  }
4477
5220
  }
4478
5221
 
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);
5222
+ 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}";
5223
+ styleInject(css_248z$g);
4481
5224
 
4482
5225
  var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
4483
5226
  var _b;
@@ -4520,7 +5263,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
4520
5263
  onChange: handleChange,
4521
5264
  className: "maru-checkbox"
4522
5265
  })), jsx(Icon, {
4523
- name: isChecked ? "CheckboxOn_s".concat(size) : "CheckboxOff_s".concat(size),
5266
+ name: isChecked ? "CheckboxOn_s".concat(size, "10") : "CheckboxOff_s".concat(size, "10"),
4524
5267
  color: props.disabled ? '#BDBDBD' : keyColor
4525
5268
  })]
4526
5269
  })), label && jsx("label", __assign({
@@ -4542,8 +5285,8 @@ Checkbox.defaultProps = {
4542
5285
  };
4543
5286
  Checkbox.displayName = 'Checkbox';
4544
5287
 
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);
5288
+ 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}";
5289
+ styleInject(css_248z$f);
4547
5290
 
4548
5291
  function Chip(_a) {
4549
5292
  var children = _a.children,
@@ -4553,21 +5296,29 @@ function Chip(_a) {
4553
5296
  size = _c === void 0 ? 'normal' : _c,
4554
5297
  _d = _a.variant,
4555
5298
  variant = _d === void 0 ? 'default' : _d,
4556
- className = _a.className;
5299
+ className = _a.className,
5300
+ onXIconClick = _a.onXIconClick;
4557
5301
  return jsxs("div", __assign({
4558
5302
  className: classNames('maru-chip', "maru-chip-".concat(color, "-").concat(variant), "maru-chip-size-".concat(size), className)
4559
5303
  }, {
4560
5304
  children: [variant === 'dot' && jsx(Icon, {
4561
- name: ICONS.State_s16,
5305
+ name: ICONS.State_s1610,
4562
5306
  color: color
4563
5307
  }), typeof children === 'number' ? jsx("span", {
4564
5308
  children: children.toLocaleString('en')
4565
- }) : children]
5309
+ }) : children, onXIconClick && jsx(Button, {
5310
+ endIcon: {
5311
+ name: ICONS.X_s1410,
5312
+ color: color
5313
+ },
5314
+ onClick: onXIconClick,
5315
+ className: "maru-chip-x-icon-button"
5316
+ })]
4566
5317
  }));
4567
5318
  }
4568
5319
 
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);
5320
+ 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}";
5321
+ styleInject(css_248z$e);
4571
5322
 
4572
5323
  var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4573
5324
  var invalid = _a.invalid,
@@ -4582,8 +5333,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4582
5333
  className = _a.className,
4583
5334
  props = __rest(_a, ["invalid", "label", "type", "onClear", "hiddenClearButton", "wrapperRef", "startNode", "endNode", "className"]);
4584
5335
  var _c = useState(true),
4585
- pwdVision = _c[0],
4586
- setPwdVision = _c[1];
5336
+ maskingPassword = _c[0],
5337
+ setMaskingPassword = _c[1]; // *로 보이고 싶으면 true
4587
5338
  var _d = useState(false),
4588
5339
  showClearButton = _d[0],
4589
5340
  setShowClearButton = _d[1];
@@ -4591,7 +5342,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4591
5342
  var hashId = uuidv4(4);
4592
5343
  useEffect(function () {
4593
5344
  return function () {
4594
- setPwdVision(false);
5345
+ setMaskingPassword(true);
4595
5346
  setShowClearButton(false);
4596
5347
  };
4597
5348
  }, []);
@@ -4644,9 +5395,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4644
5395
  };
4645
5396
  return jsxs("div", __assign({
4646
5397
  ref: wrapperRef,
4647
- className: classNames('maru-input-wrapper', className, {
4648
- disabled: props.disabled
4649
- })
5398
+ className: classNames('maru-input-wrapper', className)
4650
5399
  }, {
4651
5400
  children: [label && jsx("div", __assign({
4652
5401
  className: "maru-input-label"
@@ -4658,7 +5407,8 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4658
5407
  }))
4659
5408
  })), jsxs("div", __assign({
4660
5409
  className: classNames('maru-input', {
4661
- errored: invalid === null || invalid === void 0 ? void 0 : invalid.on
5410
+ errored: invalid === null || invalid === void 0 ? void 0 : invalid.on,
5411
+ disabled: props.disabled
4662
5412
  })
4663
5413
  }, {
4664
5414
  children: [startNode && jsx("div", __assign({
@@ -4668,7 +5418,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4668
5418
  })), jsx("input", __assign({}, props, {
4669
5419
  id: "maru-input-".concat(hashId),
4670
5420
  ref: combineRef,
4671
- type: type === 'password' && pwdVision ? 'password' : 'text',
5421
+ type: type === 'password' && maskingPassword ? 'password' : 'text',
4672
5422
  onChange: handleInputChange,
4673
5423
  onBlur: handleInputBlur
4674
5424
  })), jsxs("div", __assign({
@@ -4677,14 +5427,17 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
4677
5427
  children: [type === 'password' && !props.disabled && jsx("button", __assign({
4678
5428
  type: "button",
4679
5429
  onClick: function onClick() {
4680
- return setPwdVision(function (prev) {
5430
+ return setMaskingPassword(function (prev) {
4681
5431
  return !prev;
4682
5432
  });
4683
5433
  },
4684
5434
  tabIndex: -1
4685
5435
  }, {
4686
- children: jsx(Icon, {
4687
- name: pwdVision ? ICONS.Eye_s16 : ICONS.EyeOff_s16,
5436
+ children: jsx(Icon
5437
+ // 현재 상태에 대한 아이콘이 아니라 어떻게 하고싶냐는 뜻의 아이콘이니까 반대로 되어있는게 맞다
5438
+ , {
5439
+ // 현재 상태에 대한 아이콘이 아니라 어떻게 하고싶냐는 뜻의 아이콘이니까 반대로 되어있는게 맞다
5440
+ name: maskingPassword ? ICONS.Eye_s1610 : ICONS.EyeOff_s1610,
4688
5441
  color: "#bdbdbd"
4689
5442
  })
4690
5443
  })), endNode && jsx("div", __assign({
@@ -6523,8 +7276,8 @@ function CreatePortal(_a) {
6523
7276
  return (parentElement || styleRootElement) && /*#__PURE__*/ReactDOM__default.createPortal(children, parentElement ? parentElement.current : styleRootElement);
6524
7277
  }
6525
7278
 
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);
7279
+ 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}";
7280
+ styleInject(css_248z$d);
6528
7281
 
6529
7282
  function Popover(_a) {
6530
7283
  var anchorEl = _a.anchorEl,
@@ -6612,8 +7365,8 @@ function Popover(_a) {
6612
7365
  }) : PopoverBody;
6613
7366
  }
6614
7367
 
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);
7368
+ 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}";
7369
+ styleInject(css_248z$c);
6617
7370
 
6618
7371
  var Radio = /*#__PURE__*/forwardRef(function (_a, ref) {
6619
7372
  var checked = _a.checked,
@@ -6678,8 +7431,8 @@ function Contents() {
6678
7431
  }));
6679
7432
  }
6680
7433
 
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);
7434
+ 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}";
7435
+ styleInject(css_248z$b);
6683
7436
 
6684
7437
  function Skeleton(_a) {
6685
7438
  var _b = _a.variant,
@@ -6727,6 +7480,115 @@ function Skeleton(_a) {
6727
7480
  });
6728
7481
  }
6729
7482
 
7483
+ 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}";
7484
+ styleInject(css_248z$a);
7485
+
7486
+ var Textarea = /*#__PURE__*/forwardRef(function (_a, textareaRef) {
7487
+ var invalid = _a.invalid,
7488
+ onClear = _a.onClear,
7489
+ hiddenClearButton = _a.hiddenClearButton,
7490
+ wrapperRef = _a.wrapperRef,
7491
+ className = _a.className,
7492
+ props = __rest(_a, ["invalid", "onClear", "hiddenClearButton", "wrapperRef", "className"]);
7493
+ var _b = useState(false),
7494
+ showClearButton = _b[0],
7495
+ setShowClearButton = _b[1];
7496
+ var combineRef = useCombineRef(textareaRef);
7497
+ var resizeHeight = function resizeHeight() {
7498
+ if (combineRef.current) {
7499
+ combineRef.current.style.height = 'auto';
7500
+ combineRef.current.style.height = "".concat(combineRef.current.scrollHeight, "px");
7501
+ }
7502
+ };
7503
+ useEffect(function () {
7504
+ return function () {
7505
+ setShowClearButton(false);
7506
+ };
7507
+ }, []);
7508
+ // 초기화 버튼이 있었다가 렌더링에 의해 value에 빈값이 들어오는 경우 초기화 버튼이 그대로 있는 이슈 있었음 #244
7509
+ useEffect(function () {
7510
+ if (!props.value) {
7511
+ setShowClearButton(false);
7512
+ } else {
7513
+ resizeHeight();
7514
+ }
7515
+ }, [props.value]);
7516
+ useEffect(function () {
7517
+ if (props.defaultValue) {
7518
+ setShowClearButton(!hiddenClearButton);
7519
+ resizeHeight();
7520
+ }
7521
+ }, [props.defaultValue, hiddenClearButton]);
7522
+ useEffect(function () {
7523
+ var _a;
7524
+ if ((_a = combineRef.current) === null || _a === void 0 ? void 0 : _a.value) {
7525
+ setShowClearButton(!hiddenClearButton);
7526
+ }
7527
+ }, [combineRef.current, hiddenClearButton]);
7528
+ var handleTextareaChange = function handleTextareaChange(e) {
7529
+ var _a;
7530
+ setShowClearButton(!hiddenClearButton);
7531
+ var curValue = e.currentTarget.value;
7532
+ if (!curValue) {
7533
+ setShowClearButton(false );
7534
+ }
7535
+ resizeHeight();
7536
+ (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
7537
+ };
7538
+ var handleClearClick = function handleClearClick() {
7539
+ if (combineRef.current) {
7540
+ setShowClearButton(false );
7541
+ combineRef.current.value = '';
7542
+ combineRef.current.focus();
7543
+ }
7544
+ onClear === null || onClear === void 0 ? void 0 : onClear();
7545
+ resizeHeight();
7546
+ };
7547
+ return jsxs("div", __assign({
7548
+ ref: wrapperRef,
7549
+ className: classNames('maru-textarea-wrapper', className)
7550
+ }, {
7551
+ children: [jsxs("div", __assign({
7552
+ className: classNames('maru-textarea', {
7553
+ errored: invalid === null || invalid === void 0 ? void 0 : invalid.on,
7554
+ disabled: props.disabled
7555
+ })
7556
+ }, {
7557
+ children: [jsx("textarea", __assign({}, props, {
7558
+ ref: combineRef,
7559
+ onChange: handleTextareaChange
7560
+ })), jsx("div", __assign({
7561
+ className: "maru-textarea-end-node-wrapper"
7562
+ }, {
7563
+ children: showClearButton && !props.disabled && jsx("button", __assign({
7564
+ type: "button",
7565
+ onClick: handleClearClick,
7566
+ tabIndex: -1
7567
+ }, {
7568
+ children: jsx(Icon, {
7569
+ name: ICONS.X_s1613,
7570
+ color: "#5c5c5c"
7571
+ })
7572
+ }))
7573
+ }))]
7574
+ })), invalid && invalid.on && jsx("div", __assign({
7575
+ className: "maru-textarea-footer"
7576
+ }, {
7577
+ children: jsx("span", {
7578
+ children: invalid.message
7579
+ })
7580
+ }))]
7581
+ }));
7582
+ });
7583
+ Textarea.defaultProps = {
7584
+ invalid: undefined,
7585
+ onClear: undefined,
7586
+ hiddenClearButton: undefined,
7587
+ wrapperRef: undefined,
7588
+ className: undefined
7589
+ };
7590
+ Textarea.displayName = 'Textarea';
7591
+
6730
7592
  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
7593
  styleInject(css_248z$9);
6732
7594
 
@@ -23592,45 +24454,9 @@ var noSpace = function noSpace(text) {
23592
24454
  return '';
23593
24455
  };
23594
24456
 
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
- };
24457
+ var searchData = function searchData(data, displayKey, query) {
23621
24458
  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) {
24459
+ if (noSpace(curr[displayKey]).toLowerCase().includes(query)) {
23634
24460
  acc.push(curr);
23635
24461
  }
23636
24462
  return acc;
@@ -23655,7 +24481,9 @@ function Clear(_a) {
23655
24481
  var clearSelected = _a.clearSelected,
23656
24482
  initInputValue = _a.initInputValue,
23657
24483
  onClear = _a.onClear,
23658
- initFilteredData = _a.initFilteredData;
24484
+ initFilteredData = _a.initFilteredData,
24485
+ focus = _a.focus,
24486
+ color = _a.color;
23659
24487
  var handleClick = function handleClick(e) {
23660
24488
  e.preventDefault();
23661
24489
  e.stopPropagation();
@@ -23673,7 +24501,7 @@ function Clear(_a) {
23673
24501
  }, {
23674
24502
  children: jsx(Icon, {
23675
24503
  name: ICONS.X_s1613,
23676
- color: "#bdbdbd"
24504
+ color: focus ? color : '#bdbdbd'
23677
24505
  })
23678
24506
  }))
23679
24507
  );
@@ -23759,7 +24587,9 @@ function DropdownToggleButton(_a) {
23759
24587
  clearSelected: clearSelected,
23760
24588
  initInputValue: initInputValue,
23761
24589
  onClear: onClear,
23762
- initFilteredData: initFilteredData
24590
+ initFilteredData: initFilteredData,
24591
+ focus: focus,
24592
+ color: color
23763
24593
  }), !startArrow && !disabled && jsx(Arrow, {
23764
24594
  open: open,
23765
24595
  focus: focus,
@@ -23846,7 +24676,9 @@ function DropdownToggleInput(_a) {
23846
24676
  clearSelected: clearSelected,
23847
24677
  initInputValue: initInputValue,
23848
24678
  onClear: onClear,
23849
- initFilteredData: initFilteredData
24679
+ initFilteredData: initFilteredData,
24680
+ focus: focus,
24681
+ color: color
23850
24682
  }), !startArrow && !disabled && jsx(Arrow, {
23851
24683
  open: open,
23852
24684
  focus: focus,
@@ -23959,16 +24791,10 @@ function DropdownMenu(_a) {
23959
24791
  rowId: item[idKey]
23960
24792
  }, {
23961
24793
  children: jsx("span", {
23962
- className: "maru-dropdown-menu-item-span",
23963
- dangerouslySetInnerHTML: {
23964
- __html: item[displayKey]
23965
- }
24794
+ children: item[displayKey]
23966
24795
  })
23967
24796
  })) : jsx("span", {
23968
- className: "maru-dropdown-menu-item-span",
23969
- dangerouslySetInnerHTML: {
23970
- __html: item[displayKey]
23971
- }
24797
+ children: item[displayKey]
23972
24798
  })
23973
24799
  }), "maru-dropdown-menu-item-".concat(item[idKey]));
23974
24800
  })
@@ -24058,7 +24884,7 @@ function Dropdown(_a) {
24058
24884
  if (type === 'input') {
24059
24885
  var pretreatedQeury = noSpace(inputValue).toLowerCase();
24060
24886
  if (pretreatedQeury !== '') {
24061
- setFilteredData(setHighlightTextOnDataExceptSpace(data, displayKey, pretreatedQeury));
24887
+ setFilteredData(searchData(data, displayKey, pretreatedQeury));
24062
24888
  } else {
24063
24889
  initFilteredData();
24064
24890
  }
@@ -24636,6 +25462,29 @@ function KebabMenuTd(_a) {
24636
25462
  })) : null;
24637
25463
  }
24638
25464
 
25465
+ function RadioTd(_a) {
25466
+ var rowId = _a.rowId,
25467
+ checked = _a.checked,
25468
+ onCheck = _a.onCheck;
25469
+ var handleCheck = function handleCheck(e) {
25470
+ onCheck(rowId, e.currentTarget.checked);
25471
+ };
25472
+ return (
25473
+ // eslint-disable-next-line jsx-a11y/control-has-associated-label
25474
+ jsx("td", __assign({
25475
+ className: "radio-td"
25476
+ }, {
25477
+ children: jsx(Radio, {
25478
+ checked: checked,
25479
+ onChange: handleCheck,
25480
+ onClick: function onClick(e) {
25481
+ return e.stopPropagation();
25482
+ }
25483
+ })
25484
+ }))
25485
+ );
25486
+ }
25487
+
24639
25488
  function TBodyEmptyContent(_a) {
24640
25489
  var status = _a.status,
24641
25490
  noData = _a.noData,
@@ -24677,9 +25526,12 @@ function TBody(_a) {
24677
25526
  data = _a.data,
24678
25527
  checkedIds = _a.checkedIds,
24679
25528
  onCheck = _a.onCheck,
25529
+ radioCheckedId = _a.radioCheckedId,
25530
+ onRadioCheck = _a.onRadioCheck,
24680
25531
  hasActionCol = _a.hasActionCol,
24681
25532
  kebabMenu = _a.kebabMenu,
24682
25533
  binButton = _a.binButton,
25534
+ arrowButton = _a.arrowButton,
24683
25535
  onRowClick = _a.onRowClick,
24684
25536
  selectedRow = _a.selectedRow,
24685
25537
  highlightRows = _a.highlightRows,
@@ -24706,6 +25558,11 @@ function TBody(_a) {
24706
25558
  onCheck === null || onCheck === void 0 ? void 0 : onCheck(__spreadArray([], newCheckedArray, true));
24707
25559
  }
24708
25560
  };
25561
+ var handleRadioCheck = function handleRadioCheck(rowId, checked) {
25562
+ if (checked) {
25563
+ onRadioCheck === null || onRadioCheck === void 0 ? void 0 : onRadioCheck(rowId);
25564
+ }
25565
+ };
24709
25566
  var handleRowClick = function handleRowClick(rowId) {
24710
25567
  return function () {
24711
25568
  onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(rowId);
@@ -24745,6 +25602,10 @@ function TBody(_a) {
24745
25602
  rowId: row[rowIdKey],
24746
25603
  checked: !!(checkedIds === null || checkedIds === void 0 ? void 0 : checkedIds.includes(row[rowIdKey])),
24747
25604
  onCheck: handleCheck
25605
+ }), radioCheckedId != null && jsx(RadioTd, {
25606
+ rowId: row[rowIdKey],
25607
+ checked: radioCheckedId === row[rowIdKey],
25608
+ onCheck: handleRadioCheck
24748
25609
  }), formats.map(function (format) {
24749
25610
  if (format.isHide) return null;
24750
25611
  var cellHashId = uuidv4(4);
@@ -24775,6 +25636,25 @@ function TBody(_a) {
24775
25636
  }
24776
25637
  })
24777
25638
  }))
25639
+ })) : (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] ?
25640
+ // eslint-disable-next-line jsx-a11y/control-has-associated-label, react/jsx-indent
25641
+ jsx("td", __assign({
25642
+ className: "maru-table-body-bin-button-td"
25643
+ }, {
25644
+ children: jsx("div", __assign({
25645
+ className: "maru-table-body-bin-button-wrapper"
25646
+ }, {
25647
+ children: jsx(Button, {
25648
+ startIcon: {
25649
+ name: ICONS.ArrowRight_s1813,
25650
+ color: '#5c5c5c'
25651
+ },
25652
+ color: "#5c5c5c",
25653
+ onClick: function onClick() {
25654
+ return arrowButton.onClick(row[rowIdKey]);
25655
+ }
25656
+ })
25657
+ }))
24778
25658
  })) : hasActionCol ? jsx("td", {
24779
25659
  children: jsx("div", {
24780
25660
  style: {
@@ -24828,12 +25708,10 @@ function FilterTh(_a) {
24828
25708
  'toggle-on': toggle
24829
25709
  })
24830
25710
  }, {
24831
- children: [children, toggle && (jsx("div", __assign({
25711
+ children: [children, toggle && jsx("div", __assign({
24832
25712
  className: "filter-box"
24833
25713
  }, {
24834
25714
  children: filter
24835
- })) || jsx("div", {
24836
- className: "filter-box"
24837
25715
  }))]
24838
25716
  }));
24839
25717
  }
@@ -24894,6 +25772,7 @@ function THead(_a) {
24894
25772
  sort = _a.sort,
24895
25773
  onSortClick = _a.onSortClick,
24896
25774
  hasCheckbox = _a.hasCheckbox,
25775
+ hasRadio = _a.hasRadio,
24897
25776
  allCheckbox = _a.allCheckbox,
24898
25777
  onAllCheck = _a.onAllCheck,
24899
25778
  hasActionCol = _a.hasActionCol,
@@ -24936,23 +25815,51 @@ function THead(_a) {
24936
25815
  onChange: handleChange,
24937
25816
  color: "#5C5C5C"
24938
25817
  })
24939
- })), formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
25818
+ })), hasRadio && jsx("th", {
25819
+ children: jsx("div", {
25820
+ style: {
25821
+ width: '4px'
25822
+ }
25823
+ })
25824
+ }), formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
24940
25825
  if (format.isHide) return null;
24941
25826
  return jsx("th", {
24942
25827
  children: filter ? jsx(FilterTh, __assign({
24943
25828
  toggle: filterToggle,
24944
25829
  filter: format.filter
24945
25830
  }, {
24946
- children: jsx(SortableColumn, {
25831
+ children: jsxs("div", __assign({
25832
+ className: "sort-icon-wrapper-th"
25833
+ }, {
25834
+ children: [jsx(SortableColumn, {
25835
+ format: format,
25836
+ sort: sort,
25837
+ onSortClick: onSortClick
25838
+ }), format.iconTooltip && jsx(Tooltip, __assign({
25839
+ content: format.iconTooltip
25840
+ }, {
25841
+ children: jsx(Icon, {
25842
+ name: ICONS.AlertCircle_s1413,
25843
+ color: "#5c5c5c"
25844
+ })
25845
+ }))]
25846
+ }))
25847
+ })) : jsxs("div", __assign({
25848
+ className: "sort-icon-wrapper-th"
25849
+ }, {
25850
+ children: [jsx(SortableColumn, {
24947
25851
  format: format,
24948
25852
  sort: sort,
24949
25853
  onSortClick: onSortClick
24950
- })
24951
- })) : jsx(SortableColumn, {
24952
- format: format,
24953
- sort: sort,
24954
- onSortClick: onSortClick
24955
- })
25854
+ }), format.iconTooltip && jsx(Tooltip, __assign({
25855
+ content: format.iconTooltip
25856
+ }, {
25857
+ children: jsx(Icon, {
25858
+ name: ICONS.AlertCircle_s1413,
25859
+ color: "#5c5c5c"
25860
+ })
25861
+ }))]
25862
+ }))
24956
25863
  }, "column-".concat(format.columnIdKey));
24957
25864
  }), hasActionCol && filter ? jsx(FilterButtonsTh, {
24958
25865
  toggle: filterToggle,
@@ -24971,11 +25878,14 @@ function THead(_a) {
24971
25878
 
24972
25879
  function Colgroup(_a) {
24973
25880
  var hasCheckbox = _a.hasCheckbox,
25881
+ hasRadio = _a.hasRadio,
24974
25882
  formats = _a.formats,
24975
25883
  hasActionCol = _a.hasActionCol;
24976
25884
  return jsxs("colgroup", {
24977
25885
  children: [hasCheckbox ? jsx("col", {
24978
25886
  width: "5%"
25887
+ }) : null, hasRadio ? jsx("col", {
25888
+ width: "5%"
24979
25889
  }) : null, formats === null || formats === void 0 ? void 0 : formats.map(function (format) {
24980
25890
  if (format.isHide) {
24981
25891
  return null;
@@ -24989,7 +25899,7 @@ function Colgroup(_a) {
24989
25899
  });
24990
25900
  }
24991
25901
 
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}";
25902
+ 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
25903
  styleInject(css_248z$1);
24994
25904
 
24995
25905
  // eslint-disable-next-line import/prefer-default-export
@@ -25001,9 +25911,12 @@ function Table(_a) {
25001
25911
  onSort = _a.onSort,
25002
25912
  checkedIds = _a.checkedIds,
25003
25913
  onCheck = _a.onCheck,
25914
+ radioCheckedId = _a.radioCheckedId,
25915
+ onRadioCheck = _a.onRadioCheck,
25004
25916
  filter = _a.filter,
25005
25917
  kebabMenu = _a.kebabMenu,
25006
25918
  binButton = _a.binButton,
25919
+ arrowButton = _a.arrowButton,
25007
25920
  onRowClick = _a.onRowClick,
25008
25921
  selectedRow = _a.selectedRow,
25009
25922
  highlightRows = _a.highlightRows,
@@ -25030,11 +25943,11 @@ function Table(_a) {
25030
25943
  /**
25031
25944
  * 최우측 컬럼(=액션 컬럼)에 자리를 차지 하는지 여부
25032
25945
  * 헤더에는 filter 가 올 수 있고,
25033
- * 바디에는 kebabMenu, binButton, expandable 중 하나가 올 수 있다.
25946
+ * 바디에는 kebabMenu, binButton, arrowButton, expandable 중 하나가 올 수 있다.
25034
25947
  *
25035
25948
  * TODO: expandable
25036
25949
  */
25037
- var hasActionCol = filter != null || kebabMenu != null || binButton != null;
25950
+ var hasActionCol = filter != null || kebabMenu != null || binButton != null || arrowButton != null;
25038
25951
  /**
25039
25952
  * 헤더의 높이 변경에 상관없이 바디의 높이 기준이 될 값 설정
25040
25953
  */
@@ -25085,8 +25998,8 @@ function Table(_a) {
25085
25998
  // bodyScrollWrapper.style.minWidth = `${minWidth}px`;
25086
25999
  // }
25087
26000
  }
25088
- // }, [filterToggle, bodyScrollWrapperInitHeight, minWidth]);
25089
- }, [filterToggle, bodyScrollWrapperInitHeight]);
26001
+ // }, [filterToggle, minWidth]);
26002
+ }, [filterToggle]);
25090
26003
  /**
25091
26004
  * setting all checkbox
25092
26005
  */
@@ -25162,6 +26075,7 @@ function Table(_a) {
25162
26075
  }, {
25163
26076
  children: [jsx(Colgroup, {
25164
26077
  hasCheckbox: checkedIds != null,
26078
+ hasRadio: radioCheckedId != null,
25165
26079
  formats: formats,
25166
26080
  hasActionCol: hasActionCol
25167
26081
  }), jsx(THead, {
@@ -25169,6 +26083,7 @@ function Table(_a) {
25169
26083
  sort: sort,
25170
26084
  onSortClick: handleSortClick,
25171
26085
  hasCheckbox: checkedIds != null,
26086
+ hasRadio: radioCheckedId != null,
25172
26087
  allCheckbox: allChecked,
25173
26088
  onAllCheck: handleAllCheckboxChange,
25174
26089
  hasActionCol: hasActionCol,
@@ -25186,6 +26101,7 @@ function Table(_a) {
25186
26101
  }, {
25187
26102
  children: [jsx(Colgroup, {
25188
26103
  hasCheckbox: checkedIds != null,
26104
+ hasRadio: radioCheckedId != null,
25189
26105
  formats: formats,
25190
26106
  hasActionCol: hasActionCol
25191
26107
  }), jsx(TBody, {
@@ -25194,9 +26110,12 @@ function Table(_a) {
25194
26110
  data: data,
25195
26111
  checkedIds: checkedIds,
25196
26112
  onCheck: onCheck,
26113
+ radioCheckedId: radioCheckedId,
26114
+ onRadioCheck: onRadioCheck,
25197
26115
  hasActionCol: hasActionCol,
25198
26116
  kebabMenu: kebabMenu,
25199
26117
  binButton: binButton,
26118
+ arrowButton: arrowButton,
25200
26119
  onRowClick: onRowClick,
25201
26120
  selectedRow: selectedRow,
25202
26121
  highlightRows: highlightRows,
@@ -25239,7 +26158,7 @@ function Details(_a) {
25239
26158
  className: "maru-toast-details-summary-icon"
25240
26159
  }, {
25241
26160
  children: jsx(Icon, {
25242
- name: openStates[index] ? ICONS.Up_s16 : ICONS.Down_s16
26161
+ name: openStates[index] ? ICONS.Up_s1610 : ICONS.Down_s1610
25243
26162
  })
25244
26163
  }))]
25245
26164
  })
@@ -25255,7 +26174,7 @@ function Details(_a) {
25255
26174
  }));
25256
26175
  }
25257
26176
 
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}";
26177
+ 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
26178
  styleInject(css_248z);
25260
26179
 
25261
26180
  function ToastStyle(_a) {
@@ -25267,8 +26186,8 @@ function ToastStyle(_a) {
25267
26186
  details = _a.details,
25268
26187
  onClose = _a.onClose;
25269
26188
  var iconName = {
25270
- success: ICONS.CheckCircleBg_s24,
25271
- warning: ICONS.AlertTriangleBg_s24,
26189
+ success: ICONS.CheckCircleBg_s2410,
26190
+ warning: ICONS.AlertTriangleBg_s2410,
25272
26191
  danger: ICONS.XDiamondBg_s2415
25273
26192
  };
25274
26193
  var handleClose = function handleClose() {
@@ -25370,4 +26289,4 @@ function Toast(_a) {
25370
26289
  }));
25371
26290
  }
25372
26291
 
25373
- export { Button, Calendar, Checkbox, Chip, Dropdown, ICONS, Icon, Input, Modal, Pagination, Popover, Radio, SearchInput, Skeleton, StyleProvider, Table, Toast, Toggle, Tooltip };
26292
+ export { Button, Calendar, Checkbox, Chip, Dropdown, ICONS, Icon, Input, Modal, Pagination, Popover, Radio, SearchInput, Skeleton, StyleProvider, Table, Textarea, Toast, Toggle, Tooltip };