@fundamental-styles/mcp 0.41.9-rc.9 → 0.41.9

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 (27) hide show
  1. package/data/CHANGELOG.md +69 -3
  2. package/data/components/avatar-product-switch.md +167 -52
  3. package/data/components/container.md +113 -0
  4. package/data/components/dialog-docs-static-settings.md +1490 -130
  5. package/data/components/form-group.md +1 -0
  6. package/data/components/navigation-navigation.md +470 -1088
  7. package/data/components/navigation.md +2269 -489
  8. package/data/examples/BTP/Navigation/horizontal/navigation-horizontal-expander.example.html +3 -228
  9. package/data/examples/BTP/Navigation/horizontal/navigation-horizontal.example.html +3 -209
  10. package/data/examples/BTP/Navigation/vertical/navigation-search.example.html +937 -0
  11. package/data/examples/BTP/Navigation/vertical/navigation-sticky-area.example.html +935 -0
  12. package/data/examples/BTP/Navigation/vertical/navigation-tags.example.html +0 -44
  13. package/data/examples/Components/Forms/form-group/group-header-in-form-grid-display-mode.example.html +106 -0
  14. package/data/examples/Components/product-switch/large.example.html +65 -19
  15. package/data/examples/Components/product-switch/medium.example.html +5 -7
  16. package/data/examples/Components/product-switch/small.example.html +4 -6
  17. package/data/examples/Components/product-switch/two-column.example.html +20 -0
  18. package/data/examples/Components/settings/md.example.html +124 -30
  19. package/data/examples/Components/settings/sm.example.html +64 -27
  20. package/data/examples/Components/settings/xl-appearance.example.html +370 -0
  21. package/data/examples/Components/settings/xl-language-region.example.html +284 -0
  22. package/data/examples/Components/settings/xl-notifications-details.example.html +240 -0
  23. package/data/examples/Components/settings/xl-notifications.example.html +370 -0
  24. package/data/examples/Components/settings/xl-user-account.example.html +114 -0
  25. package/data/examples/Components/settings/xl.example.html +113 -25
  26. package/package.json +1 -1
  27. package/data/examples/Components/settings/xl-default.example.html +0 -108
package/data/examples/BTP/Navigation/horizontal/navigation-horizontal-expander.example.html CHANGED
@@ -27,63 +27,6 @@
27
27
  </div>
28
28
  </li>
29
29
 
30
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
31
- <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
32
- <a class="fd-navigation__link" role="link" href="#">
33
- <span
34
- class="fd-navigation__icon sap-icon--calendar"
35
- role="presentation"
36
- aria-hidden="true"
37
- ></span>
38
- <span class="fd-navigation__text">Appointment</span>
39
- <span
40
- class="fd-navigation__selection-indicator"
41
- role="presentation"
42
- aria-hidden="true"
43
- aria-label="selection indicator"
44
- ></span>
45
- </a>
46
- </div>
47
- </li>
48
-
49
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
50
- <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
51
- <a class="fd-navigation__link" role="link" href="#">
52
- <span
53
- class="fd-navigation__icon sap-icon--database"
54
- role="presentation"
55
- aria-hidden="true"
56
- ></span>
57
- <span class="fd-navigation__text">Data</span>
58
- <span
59
- class="fd-navigation__selection-indicator"
60
- role="presentation"
61
- aria-hidden="true"
62
- aria-label="selection indicator"
63
- ></span>
64
- </a>
65
- </div>
66
- </li>
67
-
68
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
69
- <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
70
- <a class="fd-navigation__link" role="link" href="#">
71
- <span
72
- class="fd-navigation__icon sap-icon--attachment"
73
- role="presentation"
74
- aria-hidden="true"
75
- ></span>
76
- <span class="fd-navigation__text">Attachment</span>
77
- <span
78
- class="fd-navigation__selection-indicator"
79
- role="presentation"
80
- aria-hidden="true"
81
- aria-label="selection indicator"
82
- ></span>
83
- </a>
84
- </div>
85
- </li>
86
-
87
30
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
88
31
  <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
89
32
  <a class="fd-navigation__link" role="link" href="#">
@@ -109,6 +52,7 @@
109
52
  aria-current="false"
110
53
  aria-expanded="true"
111
54
  aria-haspopup="tree"
55
+ aria-selected="true"
112
56
  role="menuitem"
113
57
  >
114
58
  <a class="fd-navigation__link" role="button" tabindex="0">
@@ -285,7 +229,7 @@
285
229
  class="fd-navigation__item fd-navigation__item--with-expander"
286
230
  aria-current="false"
287
231
  aria-expanded="false"
288
- aria-selected="true"
232
+ aria-selected="false"
289
233
  role="menuitem"
290
234
  >
291
235
  <a class="fd-navigation__link" role="link" href="#">
@@ -323,7 +267,7 @@
323
267
  class="fd-navigation__list-item fd-navigation__list-item--overflow"
324
268
  aria-hidden="true"
325
269
  >
326
- <div class="fd-navigation__item" aria-current="false" aria-expanded="true" role="menuitem">
270
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
327
271
  <a class="fd-navigation__link" role="button" tabindex="0">
328
272
  <span
329
273
  class="fd-navigation__icon sap-icon--overflow"
@@ -332,175 +276,6 @@
332
276
  ></span>
333
277
  </a>
334
278
  </div>
335
- <div
336
- class="fd-navigation__list-container fd-navigation__list-container--menu fd-menu"
337
- aria-hidden="false"
338
- id="navMenuOverflow"
339
- >
340
- <div class="fd-navigation__list-wrapper">
341
- <ul
342
- class="fd-navigation__list fd-navigation__list--parent-items fd-menu__list"
343
- role="menu"
344
- aria-roledescription="Navigation List Tree"
345
- tabindex="-1"
346
- >
347
- <li class="fd-navigation__list-item" aria-hidden="true">
348
- <div
349
- class="fd-navigation__item fd-navigation__item--overflow"
350
- role="menuitem"
351
- aria-disabled="false"
352
- aria-posinset="1"
353
- aria-setsize="3"
354
- aria-haspopup="false"
355
- aria-labelledby="txt-1"
356
- aria-expanded="false"
357
- >
358
- <a class="fd-navigation__link" role="link" href="#">
359
- <span
360
- class="fd-navigation__icon sap-icon--notes"
361
- role="presentation"
362
- aria-hidden="true"
363
- ></span>
364
- <span class="fd-navigation__text" id="txt-1">Parent Item</span>
365
- <span class="fd-navigation__selection-indicator"></span>
366
- </a>
367
- </div>
368
- </li>
369
-
370
- <li class="fd-navigation__list-item" aria-hidden="true">
371
- <div
372
- class="fd-navigation__item fd-navigation__item--overflow"
373
- role="menuitem"
374
- aria-disabled="false"
375
- aria-posinset="2"
376
- aria-setsize="3"
377
- aria-haspopup="menu"
378
- aria-labelledby="txt-2"
379
- aria-expanded="true"
380
- aria-owns="children-menu"
381
- >
382
- <a
383
- class="fd-navigation__link"
384
- role="button"
385
- tabindex="0"
386
- aria-controls="navPopover3"
387
- >
388
- <span
389
- class="fd-navigation__icon sap-icon--horizontal-bar-chart"
390
- role="presentation"
391
- aria-hidden="true"
392
- ></span>
393
- <span class="fd-navigation__text" id="txt-2">Parent Item</span>
394
- <span
395
- class="fd-navigation__selection-indicator"
396
- role="presentation"
397
- aria-hidden="true"
398
- aria-label="selection indicator"
399
- ></span>
400
- <span
401
- class="fd-navigation__has-children-indicator"
402
- role="presentation"
403
- aria-hidden="true"
404
- aria-label="has children indicator, expanded"
405
- ></span>
406
- </a>
407
- </div>
408
- <div
409
- class="fd-navigation__list-container fd-navigation__list-container--submenu"
410
- aria-hidden="false"
411
- >
412
- <div class="fd-navigation__list-wrapper">
413
- <ul
414
- class="fd-navigation__list fd-navigation__list--child-items"
415
- id="children-menu"
416
- role="menu"
417
- aria-roledescription="Navigation List Tree - Children Items"
418
- tabindex="-1"
419
- >
420
- <li class="fd-navigation__list-item" aria-hidden="true">
421
- <div
422
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
423
- aria-labelledby="txt-child-1"
424
- role="menuitem"
425
- aria-posinset="1"
426
- aria-setsize="3"
427
- aria-disabled="false"
428
- aria-selected="false"
429
- >
430
- <a class="fd-navigation__link" role="link" href="#">
431
- <span class="fd-navigation__text" id="txt-child-1"
432
- >Child Item</span
433
- >
434
- <span class="fd-navigation__selection-indicator"></span>
435
- </a>
436
- </div>
437
- </li>
438
- <li class="fd-navigation__list-item" aria-hidden="true">
439
- <div
440
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
441
- aria-labelledby="txt-child-2"
442
- role="menuitem"
443
- aria-posinset="2"
444
- aria-setsize="3"
445
- aria-disabled="false"
446
- aria-selected="false"
447
- >
448
- <a class="fd-navigation__link" role="link" href="#">
449
- <span class="fd-navigation__text" id="txt-child-2"
450
- >Child Item</span
451
- >
452
- <span class="fd-navigation__selection-indicator"></span>
453
- </a>
454
- </div>
455
- </li>
456
- <li class="fd-navigation__list-item" aria-hidden="true">
457
- <div
458
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
459
- aria-labelledby="txt-child-3"
460
- role="menuitem"
461
- aria-posinset="3"
462
- aria-setsize="3"
463
- aria-disabled="false"
464
- aria-selected="true"
465
- >
466
- <a class="fd-navigation__link" role="link" href="#">
467
- <span class="fd-navigation__text" id="txt-child-3"
468
- >Child Item</span
469
- >
470
- <span class="fd-navigation__selection-indicator"></span>
471
- </a>
472
- </div>
473
- </li>
474
- </ul>
475
- </div>
476
- </div>
477
- </li>
478
-
479
- <li class="fd-navigation__list-item" aria-hidden="true">
480
- <div
481
- class="fd-navigation__item fd-navigation__item--overflow"
482
- role="menuitem"
483
- aria-disabled="false"
484
- aria-posinset="3"
485
- aria-setsize="3"
486
- aria-haspopup="false"
487
- aria-labelledby="txt-3"
488
- aria-expanded="false"
489
- >
490
- <a class="fd-navigation__link" role="link" href="#">
491
- <span
492
- class="fd-navigation__icon sap-icon--notes"
493
- role="presentation"
494
- aria-hidden="true"
495
- ></span>
496
- <span class="fd-navigation__text" id="txt-3">Parent Item</span>
497
- <span class="fd-navigation__selection-indicator"></span>
498
- </a>
499
- </div>
500
- </li>
501
- </ul>
502
- </div>
503
- </div>
504
279
  </li>
505
280
  </ul>
506
281
  </div>
package/data/examples/BTP/Navigation/horizontal/navigation-horizontal.example.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <div
7
7
  class="fd-navigation__item"
8
8
  aria-current="page"
9
- aria-selected="true"
9
+ aria-selected="false"
10
10
  aria-expanded="false"
11
11
  role="menuitem"
12
12
  >
@@ -27,44 +27,6 @@
27
27
  </div>
28
28
  </li>
29
29
 
30
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
31
- <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
32
- <a class="fd-navigation__link" role="link" href="#">
33
- <span
34
- class="fd-navigation__icon sap-icon--calendar"
35
- role="presentation"
36
- aria-hidden="true"
37
- ></span>
38
- <span class="fd-navigation__text">Appointment</span>
39
- <span
40
- class="fd-navigation__selection-indicator"
41
- role="presentation"
42
- aria-hidden="true"
43
- aria-label="selection indicator"
44
- ></span>
45
- </a>
46
- </div>
47
- </li>
48
-
49
- <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
50
- <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
51
- <a class="fd-navigation__link" role="link" href="#">
52
- <span
53
- class="fd-navigation__icon sap-icon--database"
54
- role="presentation"
55
- aria-hidden="true"
56
- ></span>
57
- <span class="fd-navigation__text">Data</span>
58
- <span
59
- class="fd-navigation__selection-indicator"
60
- role="presentation"
61
- aria-hidden="true"
62
- aria-label="selection indicator"
63
- ></span>
64
- </a>
65
- </div>
66
- </li>
67
-
68
30
  <li role="none" tabindex="-1" class="fd-navigation__list-item" aria-hidden="true">
69
31
  <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
70
32
  <a class="fd-navigation__link" role="link" href="#">
@@ -108,6 +70,7 @@
108
70
  class="fd-navigation__item fd-popover__control"
109
71
  aria-current="false"
110
72
  aria-expanded="true"
73
+ aria-selected="true"
111
74
  aria-haspopup="tree"
112
75
  role="menuitem"
113
76
  >
@@ -316,7 +279,7 @@
316
279
  class="fd-navigation__list-item fd-navigation__list-item--overflow"
317
280
  aria-hidden="true"
318
281
  >
319
- <div class="fd-navigation__item" aria-current="false" aria-expanded="true" role="menuitem">
282
+ <div class="fd-navigation__item" aria-current="false" aria-expanded="false" role="menuitem">
320
283
  <a class="fd-navigation__link" role="button" tabindex="0">
321
284
  <span
322
285
  class="fd-navigation__icon sap-icon--overflow"
@@ -325,175 +288,6 @@
325
288
  ></span>
326
289
  </a>
327
290
  </div>
328
- <div
329
- class="fd-navigation__list-container fd-navigation__list-container--menu fd-menu"
330
- aria-hidden="false"
331
- id="navMenuOverflow"
332
- >
333
- <div class="fd-navigation__list-wrapper">
334
- <ul
335
- class="fd-navigation__list fd-navigation__list--parent-items fd-menu__list"
336
- role="menu"
337
- aria-roledescription="Navigation List Tree"
338
- tabindex="-1"
339
- >
340
- <li class="fd-navigation__list-item" aria-hidden="true">
341
- <div
342
- class="fd-navigation__item fd-navigation__item--overflow"
343
- role="menuitem"
344
- aria-disabled="false"
345
- aria-posinset="1"
346
- aria-setsize="3"
347
- aria-haspopup="false"
348
- aria-labelledby="txt-1"
349
- aria-expanded="false"
350
- >
351
- <a class="fd-navigation__link" role="link" href="#">
352
- <span
353
- class="fd-navigation__icon sap-icon--notes"
354
- role="presentation"
355
- aria-hidden="true"
356
- ></span>
357
- <span class="fd-navigation__text" id="txt-1">Parent Item</span>
358
- <span class="fd-navigation__selection-indicator"></span>
359
- </a>
360
- </div>
361
- </li>
362
-
363
- <li class="fd-navigation__list-item" aria-hidden="true">
364
- <div
365
- class="fd-navigation__item fd-navigation__item--overflow"
366
- role="menuitem"
367
- aria-disabled="false"
368
- aria-posinset="2"
369
- aria-setsize="3"
370
- aria-haspopup="menu"
371
- aria-labelledby="txt-2"
372
- aria-expanded="true"
373
- aria-owns="children-menu"
374
- >
375
- <a
376
- class="fd-navigation__link"
377
- role="button"
378
- tabindex="0"
379
- aria-controls="navPopover3"
380
- >
381
- <span
382
- class="fd-navigation__icon sap-icon--horizontal-bar-chart"
383
- role="presentation"
384
- aria-hidden="true"
385
- ></span>
386
- <span class="fd-navigation__text" id="txt-2">Parent Item</span>
387
- <span
388
- class="fd-navigation__selection-indicator"
389
- role="presentation"
390
- aria-hidden="true"
391
- aria-label="selection indicator"
392
- ></span>
393
- <span
394
- class="fd-navigation__has-children-indicator"
395
- role="presentation"
396
- aria-hidden="true"
397
- aria-label="has children indicator, expanded"
398
- ></span>
399
- </a>
400
- </div>
401
- <div
402
- class="fd-navigation__list-container fd-navigation__list-container--submenu"
403
- aria-hidden="false"
404
- >
405
- <div class="fd-navigation__list-wrapper">
406
- <ul
407
- class="fd-navigation__list fd-navigation__list--child-items"
408
- id="children-menu"
409
- role="menu"
410
- aria-roledescription="Navigation List Tree - Children Items"
411
- tabindex="-1"
412
- >
413
- <li class="fd-navigation__list-item" aria-hidden="true">
414
- <div
415
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
416
- aria-labelledby="txt-child-1"
417
- role="menuitem"
418
- aria-posinset="1"
419
- aria-setsize="3"
420
- aria-disabled="false"
421
- aria-selected="false"
422
- >
423
- <a class="fd-navigation__link" role="link" href="#">
424
- <span class="fd-navigation__text" id="txt-child-1"
425
- >Child Item</span
426
- >
427
- <span class="fd-navigation__selection-indicator"></span>
428
- </a>
429
- </div>
430
- </li>
431
- <li class="fd-navigation__list-item" aria-hidden="true">
432
- <div
433
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
434
- aria-labelledby="txt-child-2"
435
- role="menuitem"
436
- aria-posinset="2"
437
- aria-setsize="3"
438
- aria-disabled="false"
439
- aria-selected="false"
440
- >
441
- <a class="fd-navigation__link" role="link" href="#">
442
- <span class="fd-navigation__text" id="txt-child-2"
443
- >Child Item</span
444
- >
445
- <span class="fd-navigation__selection-indicator"></span>
446
- </a>
447
- </div>
448
- </li>
449
- <li class="fd-navigation__list-item" aria-hidden="true">
450
- <div
451
- class="fd-navigation__item fd-navigation__item--child fd-navigation__item--submenu-child"
452
- aria-labelledby="txt-child-3"
453
- role="menuitem"
454
- aria-posinset="3"
455
- aria-setsize="3"
456
- aria-disabled="false"
457
- aria-selected="true"
458
- >
459
- <a class="fd-navigation__link" role="link" href="#">
460
- <span class="fd-navigation__text" id="txt-child-3"
461
- >Child Item</span
462
- >
463
- <span class="fd-navigation__selection-indicator"></span>
464
- </a>
465
- </div>
466
- </li>
467
- </ul>
468
- </div>
469
- </div>
470
- </li>
471
-
472
- <li class="fd-navigation__list-item" aria-hidden="true">
473
- <div
474
- class="fd-navigation__item fd-navigation__item--overflow"
475
- role="menuitem"
476
- aria-disabled="false"
477
- aria-posinset="3"
478
- aria-setsize="3"
479
- aria-haspopup="false"
480
- aria-labelledby="txt-3"
481
- aria-expanded="false"
482
- >
483
- <a class="fd-navigation__link" role="link" href="#">
484
- <span
485
- class="fd-navigation__icon sap-icon--notes"
486
- role="presentation"
487
- aria-hidden="true"
488
- ></span>
489
- <span class="fd-navigation__text" id="txt-3">Parent Item</span>
490
- <span class="fd-navigation__selection-indicator"></span>
491
- </a>
492
- </div>
493
- </li>
494
- </ul>
495
- </div>
496
- </div>
497
291
  </li>
498
292
  </ul>
499
293
  </div>