@ncds/ui-admin-mcp 1.0.0-alpha.16 → 1.0.0-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/components.bundle.js +17 -1
- package/bin/definitions/external/step-guide.d.ts +61 -0
- package/bin/definitions/external/step-guide.js +52 -0
- package/bin/definitions/js-api.json +47 -13
- package/bin/tools/external/editor.d.ts +3 -2
- package/bin/tools/external/editor.js +1 -1
- package/bin/tools/external/step-guide.d.ts +19 -0
- package/bin/tools/external/step-guide.js +79 -0
- package/bin/tools/getComponentProps.d.ts +3 -0
- package/bin/tools/getComponentProps.js +2 -2
- package/bin/tools/ping.d.ts +1 -1
- package/bin/tools/renderToHtml.js +9 -1
- package/bin/tools/searchComponent.d.ts +5 -0
- package/bin/tools/searchComponent.js +3 -3
- package/bin/tools/validateHtml.d.ts +8 -6
- package/bin/tools/validateHtml.js +6 -6
- package/bin/utils/bemValidator.d.ts +8 -6
- package/bin/utils/bemValidator.js +16 -4
- package/bin/utils/compliance.d.ts +7 -6
- package/bin/utils/compliance.js +5 -3
- package/bin/utils/dataLoader.d.ts +16 -14
- package/bin/utils/dataLoader.js +3 -2
- package/bin/utils/fuzzyMatch.js +1 -0
- package/bin/utils/response.js +1 -1
- package/bin/utils/tokenValidator.d.ts +4 -3
- package/bin/utils/tokenValidator.js +13 -11
- package/bin/version.d.ts +4 -2
- package/bin/version.js +4 -2
- package/data/_icons.json +317 -2
- package/data/block-container.json +95 -0
- package/data/block-header.json +208 -0
- package/data/combo-box.json +1 -2
- package/data/data-grid.json +33 -5
- package/data/dropdown.json +11 -1
- package/data/file-input.json +6 -5
- package/data/image-file-input.json +6 -5
- package/data/input-base.json +1 -1
- package/data/modal.json +5 -2
- package/data/notification.json +30 -22
- package/data/number-input.json +1 -1
- package/data/page-title.json +135 -0
- package/data/pagination.json +8 -4
- package/data/password-input.json +25 -10
- package/data/progress-bar.json +6 -5
- package/data/progress-circle.json +8 -5
- package/data/radio.json +3 -2
- package/data/select-box.json +17 -10
- package/data/step-guide.json +130 -0
- package/data/table.json +50 -6
- package/data/tag.json +7 -4
- package/package.json +13 -11
package/data/_icons.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"totalCount":
|
|
3
|
-
"fillCount":
|
|
2
|
+
"totalCount": 2542,
|
|
3
|
+
"fillCount": 1198,
|
|
4
4
|
"icons": [
|
|
5
5
|
{
|
|
6
6
|
"name": "Activity",
|
|
@@ -137,6 +137,11 @@
|
|
|
137
137
|
"kebab": "align-bottom02-fill",
|
|
138
138
|
"fill": true
|
|
139
139
|
},
|
|
140
|
+
{
|
|
141
|
+
"name": "AlignBottom03",
|
|
142
|
+
"kebab": "align-bottom03",
|
|
143
|
+
"fill": false
|
|
144
|
+
},
|
|
140
145
|
{
|
|
141
146
|
"name": "AlignCenter",
|
|
142
147
|
"kebab": "align-center",
|
|
@@ -167,6 +172,11 @@
|
|
|
167
172
|
"kebab": "align-horizontal-centre02-fill",
|
|
168
173
|
"fill": true
|
|
169
174
|
},
|
|
175
|
+
{
|
|
176
|
+
"name": "AlignHorizontalCentre03",
|
|
177
|
+
"kebab": "align-horizontal-centre03",
|
|
178
|
+
"fill": false
|
|
179
|
+
},
|
|
170
180
|
{
|
|
171
181
|
"name": "AlignJustify",
|
|
172
182
|
"kebab": "align-justify",
|
|
@@ -202,6 +212,11 @@
|
|
|
202
212
|
"kebab": "align-left02-fill",
|
|
203
213
|
"fill": true
|
|
204
214
|
},
|
|
215
|
+
{
|
|
216
|
+
"name": "AlignLeft03",
|
|
217
|
+
"kebab": "align-left03",
|
|
218
|
+
"fill": false
|
|
219
|
+
},
|
|
205
220
|
{
|
|
206
221
|
"name": "AlignLeftFill",
|
|
207
222
|
"kebab": "align-left-fill",
|
|
@@ -232,6 +247,11 @@
|
|
|
232
247
|
"kebab": "align-right02-fill",
|
|
233
248
|
"fill": true
|
|
234
249
|
},
|
|
250
|
+
{
|
|
251
|
+
"name": "AlignRight03",
|
|
252
|
+
"kebab": "align-right03",
|
|
253
|
+
"fill": false
|
|
254
|
+
},
|
|
235
255
|
{
|
|
236
256
|
"name": "AlignRightFill",
|
|
237
257
|
"kebab": "align-right-fill",
|
|
@@ -257,6 +277,11 @@
|
|
|
257
277
|
"kebab": "align-top02-fill",
|
|
258
278
|
"fill": true
|
|
259
279
|
},
|
|
280
|
+
{
|
|
281
|
+
"name": "AlignTop03",
|
|
282
|
+
"kebab": "align-top03",
|
|
283
|
+
"fill": false
|
|
284
|
+
},
|
|
260
285
|
{
|
|
261
286
|
"name": "AlignVerticalCenter01",
|
|
262
287
|
"kebab": "align-vertical-center01",
|
|
@@ -277,6 +302,66 @@
|
|
|
277
302
|
"kebab": "align-vertical-center02-fill",
|
|
278
303
|
"fill": true
|
|
279
304
|
},
|
|
305
|
+
{
|
|
306
|
+
"name": "AlignVerticalCenter03",
|
|
307
|
+
"kebab": "align-vertical-center03",
|
|
308
|
+
"fill": false
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"name": "AlignmentBottomCenterFill",
|
|
312
|
+
"kebab": "alignment-bottom-center-fill",
|
|
313
|
+
"fill": true
|
|
314
|
+
},
|
|
315
|
+
{
|
|
316
|
+
"name": "AlignmentCenterFill",
|
|
317
|
+
"kebab": "alignment-center-fill",
|
|
318
|
+
"fill": true
|
|
319
|
+
},
|
|
320
|
+
{
|
|
321
|
+
"name": "AlignmentHorizontalFill",
|
|
322
|
+
"kebab": "alignment-horizontal-fill",
|
|
323
|
+
"fill": true
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"name": "AlignmentLeftCenterFill",
|
|
327
|
+
"kebab": "alignment-left-center-fill",
|
|
328
|
+
"fill": true
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"name": "AlignmentLeftEndFill",
|
|
332
|
+
"kebab": "alignment-left-end-fill",
|
|
333
|
+
"fill": true
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"name": "AlignmentLeftStartFill",
|
|
337
|
+
"kebab": "alignment-left-start-fill",
|
|
338
|
+
"fill": true
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"name": "AlignmentRightCenterFill",
|
|
342
|
+
"kebab": "alignment-right-center-fill",
|
|
343
|
+
"fill": true
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"name": "AlignmentRightEndFill",
|
|
347
|
+
"kebab": "alignment-right-end-fill",
|
|
348
|
+
"fill": true
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"name": "AlignmentRightStartFill",
|
|
352
|
+
"kebab": "alignment-right-start-fill",
|
|
353
|
+
"fill": true
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
"name": "AlignmentTopCenterFill",
|
|
357
|
+
"kebab": "alignment-top-center-fill",
|
|
358
|
+
"fill": true
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"name": "AlignmentVerticalFill",
|
|
362
|
+
"kebab": "alignment-vertical-fill",
|
|
363
|
+
"fill": true
|
|
364
|
+
},
|
|
280
365
|
{
|
|
281
366
|
"name": "Anchor",
|
|
282
367
|
"kebab": "anchor",
|
|
@@ -1927,6 +2012,11 @@
|
|
|
1927
2012
|
"kebab": "bus-fill",
|
|
1928
2013
|
"fill": true
|
|
1929
2014
|
},
|
|
2015
|
+
{
|
|
2016
|
+
"name": "Button",
|
|
2017
|
+
"kebab": "button",
|
|
2018
|
+
"fill": false
|
|
2019
|
+
},
|
|
1930
2020
|
{
|
|
1931
2021
|
"name": "Calculator",
|
|
1932
2022
|
"kebab": "calculator",
|
|
@@ -2072,6 +2162,11 @@
|
|
|
2072
2162
|
"kebab": "car02-fill",
|
|
2073
2163
|
"fill": true
|
|
2074
2164
|
},
|
|
2165
|
+
{
|
|
2166
|
+
"name": "CartAlert",
|
|
2167
|
+
"kebab": "cart-alert",
|
|
2168
|
+
"fill": false
|
|
2169
|
+
},
|
|
2075
2170
|
{
|
|
2076
2171
|
"name": "Certificate01",
|
|
2077
2172
|
"kebab": "certificate01",
|
|
@@ -2332,6 +2427,11 @@
|
|
|
2332
2427
|
"kebab": "chrome-cast-fill",
|
|
2333
2428
|
"fill": true
|
|
2334
2429
|
},
|
|
2430
|
+
{
|
|
2431
|
+
"name": "Circle",
|
|
2432
|
+
"kebab": "circle",
|
|
2433
|
+
"fill": false
|
|
2434
|
+
},
|
|
2335
2435
|
{
|
|
2336
2436
|
"name": "CircleCut",
|
|
2337
2437
|
"kebab": "circle-cut",
|
|
@@ -2777,6 +2877,11 @@
|
|
|
2777
2877
|
"kebab": "codepen-fill",
|
|
2778
2878
|
"fill": true
|
|
2779
2879
|
},
|
|
2880
|
+
{
|
|
2881
|
+
"name": "CoinStopwatch",
|
|
2882
|
+
"kebab": "coin-stopwatch",
|
|
2883
|
+
"fill": false
|
|
2884
|
+
},
|
|
2780
2885
|
{
|
|
2781
2886
|
"name": "Coins01",
|
|
2782
2887
|
"kebab": "coins01",
|
|
@@ -4732,6 +4837,31 @@
|
|
|
4732
4837
|
"kebab": "dots-vertical-fill",
|
|
4733
4838
|
"fill": true
|
|
4734
4839
|
},
|
|
4840
|
+
{
|
|
4841
|
+
"name": "DottedLine1",
|
|
4842
|
+
"kebab": "dotted-line1",
|
|
4843
|
+
"fill": false
|
|
4844
|
+
},
|
|
4845
|
+
{
|
|
4846
|
+
"name": "DottedLine2",
|
|
4847
|
+
"kebab": "dotted-line2",
|
|
4848
|
+
"fill": false
|
|
4849
|
+
},
|
|
4850
|
+
{
|
|
4851
|
+
"name": "DottedLineArrowBoth",
|
|
4852
|
+
"kebab": "dotted-line-arrow-both",
|
|
4853
|
+
"fill": false
|
|
4854
|
+
},
|
|
4855
|
+
{
|
|
4856
|
+
"name": "DottedLineArrowLeft",
|
|
4857
|
+
"kebab": "dotted-line-arrow-left",
|
|
4858
|
+
"fill": false
|
|
4859
|
+
},
|
|
4860
|
+
{
|
|
4861
|
+
"name": "DottedLineArrowRight",
|
|
4862
|
+
"kebab": "dotted-line-arrow-right",
|
|
4863
|
+
"fill": false
|
|
4864
|
+
},
|
|
4735
4865
|
{
|
|
4736
4866
|
"name": "Download01",
|
|
4737
4867
|
"kebab": "download01",
|
|
@@ -9232,6 +9362,11 @@
|
|
|
9232
9362
|
"kebab": "pilcrow-square-fill",
|
|
9233
9363
|
"fill": true
|
|
9234
9364
|
},
|
|
9365
|
+
{
|
|
9366
|
+
"name": "Pill",
|
|
9367
|
+
"kebab": "pill",
|
|
9368
|
+
"fill": false
|
|
9369
|
+
},
|
|
9235
9370
|
{
|
|
9236
9371
|
"name": "Pin01",
|
|
9237
9372
|
"kebab": "pin01",
|
|
@@ -9452,6 +9587,41 @@
|
|
|
9452
9587
|
"kebab": "qr-code02-fill",
|
|
9453
9588
|
"fill": true
|
|
9454
9589
|
},
|
|
9590
|
+
{
|
|
9591
|
+
"name": "Ratio16By9",
|
|
9592
|
+
"kebab": "ratio16-by9",
|
|
9593
|
+
"fill": false
|
|
9594
|
+
},
|
|
9595
|
+
{
|
|
9596
|
+
"name": "Ratio1By1",
|
|
9597
|
+
"kebab": "ratio1-by1",
|
|
9598
|
+
"fill": false
|
|
9599
|
+
},
|
|
9600
|
+
{
|
|
9601
|
+
"name": "Ratio2By3",
|
|
9602
|
+
"kebab": "ratio2-by3",
|
|
9603
|
+
"fill": false
|
|
9604
|
+
},
|
|
9605
|
+
{
|
|
9606
|
+
"name": "Ratio3By2",
|
|
9607
|
+
"kebab": "ratio3-by2",
|
|
9608
|
+
"fill": false
|
|
9609
|
+
},
|
|
9610
|
+
{
|
|
9611
|
+
"name": "Ratio3By4",
|
|
9612
|
+
"kebab": "ratio3-by4",
|
|
9613
|
+
"fill": false
|
|
9614
|
+
},
|
|
9615
|
+
{
|
|
9616
|
+
"name": "Ratio4By3",
|
|
9617
|
+
"kebab": "ratio4-by3",
|
|
9618
|
+
"fill": false
|
|
9619
|
+
},
|
|
9620
|
+
{
|
|
9621
|
+
"name": "Ratio9By16",
|
|
9622
|
+
"kebab": "ratio9-by16",
|
|
9623
|
+
"fill": false
|
|
9624
|
+
},
|
|
9455
9625
|
{
|
|
9456
9626
|
"name": "Receipt",
|
|
9457
9627
|
"kebab": "receipt",
|
|
@@ -9502,6 +9672,21 @@
|
|
|
9502
9672
|
"kebab": "recording03-fill",
|
|
9503
9673
|
"fill": true
|
|
9504
9674
|
},
|
|
9675
|
+
{
|
|
9676
|
+
"name": "Rectangle",
|
|
9677
|
+
"kebab": "rectangle",
|
|
9678
|
+
"fill": false
|
|
9679
|
+
},
|
|
9680
|
+
{
|
|
9681
|
+
"name": "RectangleRound",
|
|
9682
|
+
"kebab": "rectangle-round",
|
|
9683
|
+
"fill": false
|
|
9684
|
+
},
|
|
9685
|
+
{
|
|
9686
|
+
"name": "RectangleSlider",
|
|
9687
|
+
"kebab": "rectangle-slider",
|
|
9688
|
+
"fill": false
|
|
9689
|
+
},
|
|
9505
9690
|
{
|
|
9506
9691
|
"name": "Reflect01",
|
|
9507
9692
|
"kebab": "reflect01",
|
|
@@ -10022,6 +10207,26 @@
|
|
|
10022
10207
|
"kebab": "search-sm-fill",
|
|
10023
10208
|
"fill": true
|
|
10024
10209
|
},
|
|
10210
|
+
{
|
|
10211
|
+
"name": "Section",
|
|
10212
|
+
"kebab": "section",
|
|
10213
|
+
"fill": false
|
|
10214
|
+
},
|
|
10215
|
+
{
|
|
10216
|
+
"name": "SectionBottom",
|
|
10217
|
+
"kebab": "section-bottom",
|
|
10218
|
+
"fill": false
|
|
10219
|
+
},
|
|
10220
|
+
{
|
|
10221
|
+
"name": "SectionCenter",
|
|
10222
|
+
"kebab": "section-center",
|
|
10223
|
+
"fill": false
|
|
10224
|
+
},
|
|
10225
|
+
{
|
|
10226
|
+
"name": "SectionTop",
|
|
10227
|
+
"kebab": "section-top",
|
|
10228
|
+
"fill": false
|
|
10229
|
+
},
|
|
10025
10230
|
{
|
|
10026
10231
|
"name": "Send01",
|
|
10027
10232
|
"kebab": "send01",
|
|
@@ -10347,6 +10552,21 @@
|
|
|
10347
10552
|
"kebab": "shopping-bag03-fill",
|
|
10348
10553
|
"fill": true
|
|
10349
10554
|
},
|
|
10555
|
+
{
|
|
10556
|
+
"name": "ShoppingBagAlert",
|
|
10557
|
+
"kebab": "shopping-bag-alert",
|
|
10558
|
+
"fill": false
|
|
10559
|
+
},
|
|
10560
|
+
{
|
|
10561
|
+
"name": "ShoppingBagRepeat",
|
|
10562
|
+
"kebab": "shopping-bag-repeat",
|
|
10563
|
+
"fill": false
|
|
10564
|
+
},
|
|
10565
|
+
{
|
|
10566
|
+
"name": "ShoppingBagX",
|
|
10567
|
+
"kebab": "shopping-bag-x",
|
|
10568
|
+
"fill": false
|
|
10569
|
+
},
|
|
10350
10570
|
{
|
|
10351
10571
|
"name": "ShoppingCart01",
|
|
10352
10572
|
"kebab": "shopping-cart01",
|
|
@@ -10567,6 +10787,96 @@
|
|
|
10567
10787
|
"kebab": "snowflake02-fill",
|
|
10568
10788
|
"fill": true
|
|
10569
10789
|
},
|
|
10790
|
+
{
|
|
10791
|
+
"name": "SocialApple",
|
|
10792
|
+
"kebab": "social-apple",
|
|
10793
|
+
"fill": false
|
|
10794
|
+
},
|
|
10795
|
+
{
|
|
10796
|
+
"name": "SocialFacebook",
|
|
10797
|
+
"kebab": "social-facebook",
|
|
10798
|
+
"fill": false
|
|
10799
|
+
},
|
|
10800
|
+
{
|
|
10801
|
+
"name": "SocialGoogle",
|
|
10802
|
+
"kebab": "social-google",
|
|
10803
|
+
"fill": false
|
|
10804
|
+
},
|
|
10805
|
+
{
|
|
10806
|
+
"name": "SocialInstagram",
|
|
10807
|
+
"kebab": "social-instagram",
|
|
10808
|
+
"fill": false
|
|
10809
|
+
},
|
|
10810
|
+
{
|
|
10811
|
+
"name": "SocialKakao",
|
|
10812
|
+
"kebab": "social-kakao",
|
|
10813
|
+
"fill": false
|
|
10814
|
+
},
|
|
10815
|
+
{
|
|
10816
|
+
"name": "SocialNaver",
|
|
10817
|
+
"kebab": "social-naver",
|
|
10818
|
+
"fill": false
|
|
10819
|
+
},
|
|
10820
|
+
{
|
|
10821
|
+
"name": "SocialNaverBlog",
|
|
10822
|
+
"kebab": "social-naver-blog",
|
|
10823
|
+
"fill": false
|
|
10824
|
+
},
|
|
10825
|
+
{
|
|
10826
|
+
"name": "SocialPayco",
|
|
10827
|
+
"kebab": "social-payco",
|
|
10828
|
+
"fill": false
|
|
10829
|
+
},
|
|
10830
|
+
{
|
|
10831
|
+
"name": "SocialTiktok",
|
|
10832
|
+
"kebab": "social-tiktok",
|
|
10833
|
+
"fill": false
|
|
10834
|
+
},
|
|
10835
|
+
{
|
|
10836
|
+
"name": "SocialTistory",
|
|
10837
|
+
"kebab": "social-tistory",
|
|
10838
|
+
"fill": false
|
|
10839
|
+
},
|
|
10840
|
+
{
|
|
10841
|
+
"name": "SocialVemeo",
|
|
10842
|
+
"kebab": "social-vemeo",
|
|
10843
|
+
"fill": false
|
|
10844
|
+
},
|
|
10845
|
+
{
|
|
10846
|
+
"name": "SocialX",
|
|
10847
|
+
"kebab": "social-x",
|
|
10848
|
+
"fill": false
|
|
10849
|
+
},
|
|
10850
|
+
{
|
|
10851
|
+
"name": "SocialYoutube",
|
|
10852
|
+
"kebab": "social-youtube",
|
|
10853
|
+
"fill": false
|
|
10854
|
+
},
|
|
10855
|
+
{
|
|
10856
|
+
"name": "SolidLine1",
|
|
10857
|
+
"kebab": "solid-line1",
|
|
10858
|
+
"fill": false
|
|
10859
|
+
},
|
|
10860
|
+
{
|
|
10861
|
+
"name": "SolidLine2",
|
|
10862
|
+
"kebab": "solid-line2",
|
|
10863
|
+
"fill": false
|
|
10864
|
+
},
|
|
10865
|
+
{
|
|
10866
|
+
"name": "SolidLineArrowBoth",
|
|
10867
|
+
"kebab": "solid-line-arrow-both",
|
|
10868
|
+
"fill": false
|
|
10869
|
+
},
|
|
10870
|
+
{
|
|
10871
|
+
"name": "SolidLineArrowLeft",
|
|
10872
|
+
"kebab": "solid-line-arrow-left",
|
|
10873
|
+
"fill": false
|
|
10874
|
+
},
|
|
10875
|
+
{
|
|
10876
|
+
"name": "SolidLineArrowRight",
|
|
10877
|
+
"kebab": "solid-line-arrow-right",
|
|
10878
|
+
"fill": false
|
|
10879
|
+
},
|
|
10570
10880
|
{
|
|
10571
10881
|
"name": "SpacingHeight01",
|
|
10572
10882
|
"kebab": "spacing-height01",
|
|
@@ -10677,6 +10987,11 @@
|
|
|
10677
10987
|
"kebab": "speedometer04-fill",
|
|
10678
10988
|
"fill": true
|
|
10679
10989
|
},
|
|
10990
|
+
{
|
|
10991
|
+
"name": "Square",
|
|
10992
|
+
"kebab": "square",
|
|
10993
|
+
"fill": false
|
|
10994
|
+
},
|
|
10680
10995
|
{
|
|
10681
10996
|
"name": "SquareFill",
|
|
10682
10997
|
"kebab": "square-fill",
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "block-container",
|
|
3
|
+
"exportName": "BlockContainer",
|
|
4
|
+
"importPath": "@ncds/ui-admin",
|
|
5
|
+
"jsRequired": false,
|
|
6
|
+
"category": "layout",
|
|
7
|
+
"description": "Block은 하나의 UX 목적을 수행하는 독립된 레이아웃 단위입니다.",
|
|
8
|
+
"aliases": [
|
|
9
|
+
"Block",
|
|
10
|
+
"BlockContainer",
|
|
11
|
+
"블록",
|
|
12
|
+
"블록컨테이너",
|
|
13
|
+
"Block Header",
|
|
14
|
+
"Block Body",
|
|
15
|
+
"Default Block",
|
|
16
|
+
"Interactive Block",
|
|
17
|
+
"Collapsible Block",
|
|
18
|
+
"Split Layout",
|
|
19
|
+
"병렬배치",
|
|
20
|
+
"레이아웃",
|
|
21
|
+
"그룹화",
|
|
22
|
+
"위계",
|
|
23
|
+
"고정블록",
|
|
24
|
+
"block-fixed-sm",
|
|
25
|
+
"block-fixed-md",
|
|
26
|
+
"block-fixed-lg",
|
|
27
|
+
"Tree Block",
|
|
28
|
+
"Stepper",
|
|
29
|
+
"Preview",
|
|
30
|
+
"NCDS"
|
|
31
|
+
],
|
|
32
|
+
"hasChildren": true,
|
|
33
|
+
"whenToUse": [
|
|
34
|
+
"하나의 블록은 하나의 UX 목적만 가진다"
|
|
35
|
+
],
|
|
36
|
+
"forbiddenRules": [
|
|
37
|
+
"하나의 Block에 두 개 이상의 목적 혼합 금지",
|
|
38
|
+
"Block 내부에 또 다른 카드 스타일 중첩 지양",
|
|
39
|
+
"Block Border 색상 변경 금지",
|
|
40
|
+
"임의 Shadow 추가 금지",
|
|
41
|
+
"블록 간 구분선 사용 금지",
|
|
42
|
+
"블록 고정 높이 사용 금지",
|
|
43
|
+
"Block Header 생략 금지"
|
|
44
|
+
],
|
|
45
|
+
"seeAlso": [
|
|
46
|
+
"block-header",
|
|
47
|
+
"tooltip",
|
|
48
|
+
"form",
|
|
49
|
+
"table",
|
|
50
|
+
"tab",
|
|
51
|
+
"card",
|
|
52
|
+
"inline-guide"
|
|
53
|
+
],
|
|
54
|
+
"htmlElement": "section",
|
|
55
|
+
"usageExamples": {
|
|
56
|
+
"default": {
|
|
57
|
+
"children": "BlockHeader + BlockContainer.Body 구성"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"props": {
|
|
61
|
+
"children": {
|
|
62
|
+
"type": "ReactNode",
|
|
63
|
+
"required": true
|
|
64
|
+
},
|
|
65
|
+
"className": {
|
|
66
|
+
"type": "string",
|
|
67
|
+
"required": false
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
"subComponents": {
|
|
71
|
+
"BlockContainer.Body": {
|
|
72
|
+
"props": {
|
|
73
|
+
"children": {
|
|
74
|
+
"type": "ReactNode",
|
|
75
|
+
"required": true
|
|
76
|
+
},
|
|
77
|
+
"className": {
|
|
78
|
+
"type": "string",
|
|
79
|
+
"required": false
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"html": {},
|
|
85
|
+
"bemClasses": [
|
|
86
|
+
"ncua-block-container",
|
|
87
|
+
"ncua-block-container__body"
|
|
88
|
+
],
|
|
89
|
+
"usage": {
|
|
90
|
+
"import": "import { BlockContainer } from '@ncds/ui-admin';",
|
|
91
|
+
"react": {
|
|
92
|
+
"default": "<BlockContainer children=\"예시\" />"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|