maru_design2 2.9.1 → 2.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/components/atoms/icon/iconmap.d.ts +6 -0
  3. package/dist/index.js +126 -1
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.9.2](https://github.com/42maru-ai/maru-design2/compare/v2.9.1...v2.9.2) (2024-07-03)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * :bento: Icon - ADD file, loading ([fb4e126](https://github.com/42maru-ai/maru-design2/commit/fb4e126b9e450522afcd82d142c0274cdada3602))
9
+ * :bento: Icon - ADD state icon ([b2b6b20](https://github.com/42maru-ai/maru-design2/commit/b2b6b2032b45974fb8a7f9cfad558cc08289a736))
10
+ * :bento: Icon - ADD training icons ([4dae69d](https://github.com/42maru-ai/maru-design2/commit/4dae69d12f7dd9a5252e33dda98a4ae262618b88))
11
+ * :lipstick: Modal - padding, backgroundColor style ([cff31ba](https://github.com/42maru-ai/maru-design2/commit/cff31baaf77f583025cc5423888edf9ecdf692a2))
12
+
3
13
  ## [2.9.1](https://github.com/42maru-ai/maru-design2/compare/v2.9.0...v2.9.1) (2024-07-03)
4
14
 
5
15
 
package/dist/components/atoms/icon/iconmap.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare const ICONS: {
39
39
  readonly ArrowLeftCircle_s2415: "ArrowLeftCircle_s2415";
40
40
  readonly ArrowRightCircle_s1812: "ArrowRightCircle_s1812";
41
41
  readonly ArrowRightCircle_s2415: "ArrowRightCircle_s2415";
42
+ readonly ArrowRight_s1415: "ArrowRight_s1415";
42
43
  readonly ArrowRight_s1613: "ArrowRight_s1613";
43
44
  readonly ArrowRight_s2420: "ArrowRight_s2420";
44
45
  readonly Atom01_s1615: "Atom01_s1615";
@@ -96,6 +97,7 @@ export declare const ICONS: {
96
97
  readonly Database02_s2420: "Database02_s2420";
97
98
  readonly Database03_s1615: "Database03_s1615";
98
99
  readonly Database03_s2420: "Database03_s2420";
100
+ readonly DatabasePlus_s1612: "DatabasePlus_s1612";
99
101
  readonly DatabasePlus_s1812: "DatabasePlus_s1812";
100
102
  readonly Dataflow01_s1615: "Dataflow01_s1615";
101
103
  readonly Dataflow01_s2015: "Dataflow01_s2015";
@@ -126,6 +128,7 @@ export declare const ICONS: {
126
128
  readonly FileRefresh_s1812: "FileRefresh_s1812";
127
129
  readonly FileX02_s1615: "FileX02_s1615";
128
130
  readonly FileX02_s3220: "FileX02_s3220";
131
+ readonly File_s1611: "File_s1611";
129
132
  readonly File_s2420: "File_s2420";
130
133
  readonly FilterLines_s1815: "FilterLines_s1815";
131
134
  readonly FolderUpload_s1615: "FolderUpload_s1615";
@@ -144,6 +147,7 @@ export declare const ICONS: {
144
147
  readonly Loading02_s1815: "Loading02_s1815";
145
148
  readonly Loading02_s2020: "Loading02_s2020";
146
149
  readonly Loading02_s2420: "Loading02_s2420";
150
+ readonly Loading02_s4830: "Loading02_s4830";
147
151
  readonly Lock01_s1615: "Lock01_s1615";
148
152
  readonly LogOut01_s1615: "LogOut01_s1615";
149
153
  readonly MessageCheck_s1615: "MessageCheck_s1615";
@@ -164,6 +168,7 @@ export declare const ICONS: {
164
168
  readonly PlusCircle_s1615: "PlusCircle_s1615";
165
169
  readonly PlusCircle_s1812: "PlusCircle_s1812";
166
170
  readonly PlusCircle_s2420: "PlusCircle_s2420";
171
+ readonly RefreshCcw02_s1415: "RefreshCcw02_s1415";
167
172
  readonly RefreshCcw02_s1615: "RefreshCcw02_s1615";
168
173
  readonly RefreshCcw02_s2420: "RefreshCcw02_s2420";
169
174
  readonly RefreshCw01_s1815: "RefreshCw01_s1815";
@@ -179,6 +184,7 @@ export declare const ICONS: {
179
184
  readonly Share03_s1613: "Share03_s1613";
180
185
  readonly SortOutline_s18: "SortOutline_s18";
181
186
  readonly State_s16: "State_s16";
187
+ readonly State_s18: "State_s18";
182
188
  readonly StopCircle_s1413: "StopCircle_s1413";
183
189
  readonly StopCircle_s1615: "StopCircle_s1615";
184
190
  readonly StopCircle_s2420: "StopCircle_s2420";
package/dist/index.js CHANGED
@@ -322,6 +322,21 @@ var iconmap = {
322
322
  "circles": [],
323
323
  "rects": []
324
324
  },
325
+ "ArrowRight_s1415": {
326
+ "width": "14",
327
+ "height": "14",
328
+ "viewBox": "0 0 14 14",
329
+ "fill": "none",
330
+ "paths": [{
331
+ "d": "M2.625 7.5H11.375M11.375 7.5L7 3.125M11.375 7.5L7 11.875",
332
+ "stroke": "white",
333
+ "strokeWidth": "1.5",
334
+ "strokeLinecap": "round",
335
+ "strokeLinejoin": "round"
336
+ }],
337
+ "circles": [],
338
+ "rects": []
339
+ },
325
340
  "ArrowRight_s1613": {
326
341
  "width": "16",
327
342
  "height": "16",
@@ -1165,6 +1180,51 @@ var iconmap = {
1165
1180
  "circles": [],
1166
1181
  "rects": []
1167
1182
  },
1183
+ "DatabasePlus_s1612": {
1184
+ "width": "16",
1185
+ "height": "16",
1186
+ "viewBox": "0 0 16 16",
1187
+ "fill": "none",
1188
+ "paths": [{
1189
+ "d": "M0.666504 3.24226C0.666504 4.32754 2.96606 5.20717 5.80231 5.20717C8.63855 5.20717 10.9381 4.32754 10.9381 3.24226C10.9381 2.15697 8.63855 1.27734 5.80231 1.27734C2.96606 1.27734 0.666504 2.15697 0.666504 3.24226Z",
1190
+ "stroke": "white",
1191
+ "strokeWidth": "1.2",
1192
+ "strokeLinecap": "round",
1193
+ "strokeLinejoin": "round"
1194
+ }, {
1195
+ "d": "M0.666504 3.24219V7.17201C0.666504 8.2573 2.96606 9.13692 5.80231 9.13692C6.49243 9.13692 7.15045 9.08453 7.75198 8.99021",
1196
+ "stroke": "white",
1197
+ "strokeWidth": "1.2",
1198
+ "strokeLinecap": "round",
1199
+ "strokeLinejoin": "round"
1200
+ }, {
1201
+ "d": "M10.938 7.17201V3.24219",
1202
+ "stroke": "white",
1203
+ "strokeWidth": "1.2",
1204
+ "strokeLinecap": "round",
1205
+ "strokeLinejoin": "round"
1206
+ }, {
1207
+ "d": "M0.666504 7.17188V11.1017C0.666504 12.187 2.96606 13.0666 5.80231 13.0666C5.90887 13.0666 6.0148 13.0653 6.12008 13.0627",
1208
+ "stroke": "white",
1209
+ "strokeWidth": "1.2",
1210
+ "strokeLinecap": "round",
1211
+ "strokeLinejoin": "round"
1212
+ }, {
1213
+ "d": "M8.37012 11.7559H12.222",
1214
+ "stroke": "white",
1215
+ "strokeWidth": "1.2",
1216
+ "strokeLinecap": "round",
1217
+ "strokeLinejoin": "round"
1218
+ }, {
1219
+ "d": "M10.2964 9.79102V13.7208",
1220
+ "stroke": "white",
1221
+ "strokeWidth": "1.2",
1222
+ "strokeLinecap": "round",
1223
+ "strokeLinejoin": "round"
1224
+ }],
1225
+ "circles": [],
1226
+ "rects": []
1227
+ },
1168
1228
  "DatabasePlus_s1812": {
1169
1229
  "width": "18",
1170
1230
  "height": "18",
@@ -1803,6 +1863,21 @@ var iconmap = {
1803
1863
  "circles": [],
1804
1864
  "rects": []
1805
1865
  },
1866
+ "File_s1611": {
1867
+ "width": "16",
1868
+ "height": "16",
1869
+ "viewBox": "0 0 16 16",
1870
+ "fill": "none",
1871
+ "paths": [{
1872
+ "d": "M9.25 1.18867V4.08005C9.25 4.47209 9.25 4.6681 9.31812 4.81784C9.37804 4.94956 9.47365 5.05664 9.59126 5.12375C9.72495 5.20005 9.89997 5.20005 10.25 5.20005H12.8316M9.25 1H6C4.9499 1 4.42485 1 4.02377 1.22889C3.67096 1.43022 3.38413 1.75148 3.20436 2.14662C3 2.59583 3 3.18389 3 4.36V11.64C3 12.8161 3 13.4042 3.20436 13.8534C3.38413 14.2485 3.67096 14.5698 4.02377 14.7711C4.42485 15 4.9499 15 6 15H10C11.0501 15 11.5751 15 11.9762 14.7711C12.329 14.5698 12.6159 14.2485 12.7956 13.8534C13 13.4042 13 12.8161 13 11.64V5.2L9.25 1Z",
1873
+ "stroke": "#5C5C5C",
1874
+ "strokeWidth": "1.1",
1875
+ "strokeLinecap": "round",
1876
+ "strokeLinejoin": "round"
1877
+ }],
1878
+ "circles": [],
1879
+ "rects": []
1880
+ },
1806
1881
  "File_s2420": {
1807
1882
  "width": "24",
1808
1883
  "height": "24",
@@ -2131,6 +2206,21 @@ var iconmap = {
2131
2206
  "circles": [],
2132
2207
  "rects": []
2133
2208
  },
2209
+ "Loading02_s4830": {
2210
+ "width": "48",
2211
+ "height": "48",
2212
+ "viewBox": "0 0 48 48",
2213
+ "fill": "none",
2214
+ "paths": [{
2215
+ "d": "M24 4V12M24 36V44M12 24H4M44 24H36M38.1569 38.1569L32.5 32.5M38.1569 9.99988L32.5 15.6567M9.84315 38.1569L15.5 32.5M9.84315 9.99988L15.5 15.6567",
2216
+ "stroke": "#096412",
2217
+ "strokeWidth": "3",
2218
+ "strokeLinecap": "round",
2219
+ "strokeLinejoin": "round"
2220
+ }],
2221
+ "circles": [],
2222
+ "rects": []
2223
+ },
2134
2224
  "Lock01_s1615": {
2135
2225
  "width": "16",
2136
2226
  "height": "16",
@@ -2461,6 +2551,21 @@ var iconmap = {
2461
2551
  "circles": [],
2462
2552
  "rects": []
2463
2553
  },
2554
+ "RefreshCcw02_s1415": {
2555
+ "width": "14",
2556
+ "height": "14",
2557
+ "viewBox": "0 0 14 14",
2558
+ "fill": "none",
2559
+ "paths": [{
2560
+ "d": "M1.16663 6.33333C1.16663 6.33333 1.2374 5.83794 3.28765 3.78769C5.3379 1.73744 8.66202 1.73744 10.7123 3.78769C11.4387 4.5141 11.9077 5.40042 12.1194 6.33333M1.16663 6.33333V2.83333M1.16663 6.33333H4.66663M12.8333 8.66667C12.8333 8.66667 12.7625 9.16206 10.7123 11.2123C8.66202 13.2626 5.3379 13.2626 3.28765 11.2123C2.56124 10.4859 2.0922 9.59958 1.88053 8.66667M12.8333 8.66667V12.1667M12.8333 8.66667H9.33329",
2561
+ "stroke": "#096412",
2562
+ "strokeWidth": "1.5",
2563
+ "strokeLinecap": "round",
2564
+ "strokeLinejoin": "round"
2565
+ }],
2566
+ "circles": [],
2567
+ "rects": []
2568
+ },
2464
2569
  "RefreshCcw02_s1615": {
2465
2570
  "width": "16",
2466
2571
  "height": "16",
@@ -2706,6 +2811,20 @@ var iconmap = {
2706
2811
  }],
2707
2812
  "rects": []
2708
2813
  },
2814
+ "State_s18": {
2815
+ "width": "18",
2816
+ "height": "18",
2817
+ "viewBox": "0 0 18 18",
2818
+ "fill": "none",
2819
+ "paths": [],
2820
+ "circles": [{
2821
+ "cx": "9",
2822
+ "cy": "9",
2823
+ "r": "3.75",
2824
+ "fill": "#C591DD"
2825
+ }],
2826
+ "rects": []
2827
+ },
2709
2828
  "StopCircle_s1413": {
2710
2829
  "width": "14",
2711
2830
  "height": "14",
@@ -3177,6 +3296,7 @@ var ICONS = {
3177
3296
  "ArrowLeftCircle_s2415": "ArrowLeftCircle_s2415",
3178
3297
  "ArrowRightCircle_s1812": "ArrowRightCircle_s1812",
3179
3298
  "ArrowRightCircle_s2415": "ArrowRightCircle_s2415",
3299
+ "ArrowRight_s1415": "ArrowRight_s1415",
3180
3300
  "ArrowRight_s1613": "ArrowRight_s1613",
3181
3301
  "ArrowRight_s2420": "ArrowRight_s2420",
3182
3302
  "Atom01_s1615": "Atom01_s1615",
@@ -3234,6 +3354,7 @@ var ICONS = {
3234
3354
  "Database02_s2420": "Database02_s2420",
3235
3355
  "Database03_s1615": "Database03_s1615",
3236
3356
  "Database03_s2420": "Database03_s2420",
3357
+ "DatabasePlus_s1612": "DatabasePlus_s1612",
3237
3358
  "DatabasePlus_s1812": "DatabasePlus_s1812",
3238
3359
  "Dataflow01_s1615": "Dataflow01_s1615",
3239
3360
  "Dataflow01_s2015": "Dataflow01_s2015",
@@ -3264,6 +3385,7 @@ var ICONS = {
3264
3385
  "FileRefresh_s1812": "FileRefresh_s1812",
3265
3386
  "FileX02_s1615": "FileX02_s1615",
3266
3387
  "FileX02_s3220": "FileX02_s3220",
3388
+ "File_s1611": "File_s1611",
3267
3389
  "File_s2420": "File_s2420",
3268
3390
  "FilterLines_s1815": "FilterLines_s1815",
3269
3391
  "FolderUpload_s1615": "FolderUpload_s1615",
@@ -3282,6 +3404,7 @@ var ICONS = {
3282
3404
  "Loading02_s1815": "Loading02_s1815",
3283
3405
  "Loading02_s2020": "Loading02_s2020",
3284
3406
  "Loading02_s2420": "Loading02_s2420",
3407
+ "Loading02_s4830": "Loading02_s4830",
3285
3408
  "Lock01_s1615": "Lock01_s1615",
3286
3409
  "LogOut01_s1615": "LogOut01_s1615",
3287
3410
  "MessageCheck_s1615": "MessageCheck_s1615",
@@ -3302,6 +3425,7 @@ var ICONS = {
3302
3425
  "PlusCircle_s1615": "PlusCircle_s1615",
3303
3426
  "PlusCircle_s1812": "PlusCircle_s1812",
3304
3427
  "PlusCircle_s2420": "PlusCircle_s2420",
3428
+ "RefreshCcw02_s1415": "RefreshCcw02_s1415",
3305
3429
  "RefreshCcw02_s1615": "RefreshCcw02_s1615",
3306
3430
  "RefreshCcw02_s2420": "RefreshCcw02_s2420",
3307
3431
  "RefreshCw01_s1815": "RefreshCw01_s1815",
@@ -3317,6 +3441,7 @@ var ICONS = {
3317
3441
  "Share03_s1613": "Share03_s1613",
3318
3442
  "SortOutline_s18": "SortOutline_s18",
3319
3443
  "State_s16": "State_s16",
3444
+ "State_s18": "State_s18",
3320
3445
  "StopCircle_s1413": "StopCircle_s1413",
3321
3446
  "StopCircle_s1615": "StopCircle_s1615",
3322
3447
  "StopCircle_s2420": "StopCircle_s2420",
@@ -23177,7 +23302,7 @@ function Dropdown(_a) {
23177
23302
  }));
23178
23303
  }
23179
23304
 
23180
- var css_248z$3 = ".maru-modal-wrapper {\n width: 100vw;\n height: 100vh;\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.8);\n z-index: 6006;\n display: block;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-modal-wrapper .maru-modal {\n background-color: white;\n padding: 32px;\n border-radius: 12px;\n box-shadow: 0px 5px 20px 0px #8c8c8c;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-xs {\n width: 300px;\n border-radius: 10px;\n box-shadow: 0px 2px 8px 1px #8c8c8c;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-s {\n width: 400px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-m {\n width: 550px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-l {\n width: 860px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-xl {\n width: 1200px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 8px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div > h1 {\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 color: #5c5c5c;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div .sub-title-wrapper {\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: #8c8c8c;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-body {\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-modal-wrapper .maru-modal .maru-modal-footer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-direction: row;\n margin-top: 24px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-footer button {\n margin: 0 0 0 6px;\n}";
23305
+ var css_248z$3 = ".maru-modal-wrapper {\n width: 100vw;\n height: 100vh;\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(92, 92, 92, 0.5019607843);\n z-index: 6006;\n display: block;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-modal-wrapper .maru-modal {\n background-color: white;\n border-radius: 12px;\n box-shadow: 0px 5px 20px 0px #8c8c8c;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-xs {\n width: 300px;\n border-radius: 10px;\n box-shadow: 0px 2px 8px 1px #8c8c8c;\n padding: 32px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-s {\n width: 400px;\n padding: 32px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-m {\n width: 550px;\n padding: 28px 36px 36px 36px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-l {\n width: 860px;\n padding: 28px 36px 36px 36px;\n}\n.maru-modal-wrapper .maru-modal.maru-modal-xl {\n width: 1200px;\n padding: 30px 40px 40px 40px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 8px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div > h1 {\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 color: #5c5c5c;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-header > div .sub-title-wrapper {\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: #8c8c8c;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-body {\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-modal-wrapper .maru-modal .maru-modal-footer {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-direction: row;\n margin-top: 24px;\n}\n.maru-modal-wrapper .maru-modal .maru-modal-footer button {\n margin: 0 0 0 6px;\n}";
23181
23306
  styleInject(css_248z$3);
23182
23307
 
23183
23308
  function Modal(_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maru_design2",
3
- "version": "2.9.1",
3
+ "version": "2.9.2",
4
4
  "main": "./dist/index.js",
5
5
  "author": "zena-42maru",
6
6
  "license": "MIT",