@react-md/core 1.0.0-next.6 → 1.0.0-next.8

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 (59) hide show
  1. package/.turbo/turbo-build.log +6 -6
  2. package/CHANGELOG.md +12 -0
  3. package/coverage/clover.xml +264 -389
  4. package/coverage/coverage-final.json +2 -3
  5. package/coverage/lcov-report/MenuItemCheckbox.tsx.html +223 -0
  6. package/coverage/lcov-report/MenuItemInputToggle.tsx.html +178 -232
  7. package/coverage/lcov-report/MenuItemRadio.tsx.html +436 -0
  8. package/coverage/lcov-report/SrOnly.tsx.html +328 -0
  9. package/coverage/lcov-report/Typography.tsx.html +1027 -0
  10. package/coverage/lcov-report/index.html +15 -30
  11. package/coverage/lcov-report/menuItemInputToggleStyles.ts.html +319 -0
  12. package/coverage/lcov.info +304 -436
  13. package/dist/_core.scss +49 -43
  14. package/dist/badge/_badge.scss +23 -19
  15. package/dist/form/MenuItemInputToggle.d.ts +2 -15
  16. package/dist/form/MenuItemInputToggle.js +26 -37
  17. package/dist/form/MenuItemInputToggle.js.map +1 -1
  18. package/dist/form/_form.scss +109 -87
  19. package/dist/form/menuItemInputToggleStyles.d.ts +39 -0
  20. package/dist/form/menuItemInputToggleStyles.js +31 -0
  21. package/dist/form/menuItemInputToggleStyles.js.map +1 -0
  22. package/dist/icon/_icon.scss +7 -5
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +1 -0
  25. package/dist/index.js.map +1 -1
  26. package/dist/interaction/_interaction.scss +56 -44
  27. package/dist/list/types.d.ts +10 -1
  28. package/dist/list/types.js.map +1 -1
  29. package/dist/menu/_menu.scss +1 -0
  30. package/dist/theme/_theme.scss +192 -34
  31. package/dist/typography/SrOnly.d.ts +3 -3
  32. package/dist/typography/SrOnly.js +4 -4
  33. package/dist/typography/SrOnly.js.map +1 -1
  34. package/dist/typography/Typography.d.ts +19 -19
  35. package/dist/typography/Typography.js +19 -19
  36. package/dist/typography/Typography.js.map +1 -1
  37. package/dist/typography/_typography.scss +65 -25
  38. package/package.json +11 -11
  39. package/src/_core.scss +49 -43
  40. package/src/badge/_badge.scss +23 -19
  41. package/src/button/__tests__/__snapshots__/Button.tsx.snap +1 -1
  42. package/src/form/MenuItemInputToggle.tsx +46 -64
  43. package/src/form/__tests__/MenuItemCheckbox.tsx +53 -0
  44. package/src/form/__tests__/MenuItemRadio.tsx +53 -0
  45. package/src/form/__tests__/__snapshots__/FileInput.tsx.snap +23 -23
  46. package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap +96 -0
  47. package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap +96 -0
  48. package/src/form/_form.scss +109 -87
  49. package/src/form/menuItemInputToggleStyles.ts +78 -0
  50. package/src/icon/_icon.scss +7 -5
  51. package/src/index.ts +1 -0
  52. package/src/interaction/_interaction.scss +56 -44
  53. package/src/list/types.ts +12 -1
  54. package/src/menu/_menu.scss +1 -0
  55. package/src/theme/_theme.scss +192 -34
  56. package/src/typography/SrOnly.tsx +9 -9
  57. package/src/typography/Typography.tsx +19 -19
  58. package/src/typography/__tests__/__snapshots__/SrOnly.tsx.snap +5 -5
  59. package/src/typography/_typography.scss +65 -25
package/coverage/lcov-report/MenuItemInputToggle.tsx.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">92.28% </span>
26
+ <span class="strong">93.92% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>275/298</span>
28
+ <span class='fraction'>263/280</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">69.23% </span>
33
+ <span class="strong">76.92% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>9/13</span>
35
+ <span class='fraction'>10/13</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>4/4</span>
42
+ <span class='fraction'>3/3</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">92.28% </span>
47
+ <span class="strong">93.92% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>275/298</span>
49
+ <span class='fraction'>263/280</span>
50
50
  </div>
51
51
 
52
52
 
@@ -343,25 +343,7 @@
343
343
  <a name='L278'></a><a href='#L278'>278</a>
344
344
  <a name='L279'></a><a href='#L279'>279</a>
345
345
  <a name='L280'></a><a href='#L280'>280</a>
346
- <a name='L281'></a><a href='#L281'>281</a>
347
- <a name='L282'></a><a href='#L282'>282</a>
348
- <a name='L283'></a><a href='#L283'>283</a>
349
- <a name='L284'></a><a href='#L284'>284</a>
350
- <a name='L285'></a><a href='#L285'>285</a>
351
- <a name='L286'></a><a href='#L286'>286</a>
352
- <a name='L287'></a><a href='#L287'>287</a>
353
- <a name='L288'></a><a href='#L288'>288</a>
354
- <a name='L289'></a><a href='#L289'>289</a>
355
- <a name='L290'></a><a href='#L290'>290</a>
356
- <a name='L291'></a><a href='#L291'>291</a>
357
- <a name='L292'></a><a href='#L292'>292</a>
358
- <a name='L293'></a><a href='#L293'>293</a>
359
- <a name='L294'></a><a href='#L294'>294</a>
360
- <a name='L295'></a><a href='#L295'>295</a>
361
- <a name='L296'></a><a href='#L296'>296</a>
362
- <a name='L297'></a><a href='#L297'>297</a>
363
- <a name='L298'></a><a href='#L298'>298</a>
364
- <a name='L299'></a><a href='#L299'>299</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
346
+ <a name='L281'></a><a href='#L281'>281</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
365
347
  <span class="cline-any cline-yes">1x</span>
366
348
  <span class="cline-any cline-yes">1x</span>
367
349
  <span class="cline-any cline-yes">1x</span>
@@ -388,34 +370,14 @@
388
370
  <span class="cline-any cline-yes">1x</span>
389
371
  <span class="cline-any cline-yes">1x</span>
390
372
  <span class="cline-any cline-yes">1x</span>
391
- <span class="cline-any cline-yes">4x</span>
392
- <span class="cline-any cline-yes">4x</span>
393
- <span class="cline-any cline-yes">1x</span>
394
- <span class="cline-any cline-yes">1x</span>
395
- <span class="cline-any cline-yes">1x</span>
396
- <span class="cline-any cline-yes">1x</span>
397
- <span class="cline-any cline-yes">1x</span>
398
- <span class="cline-any cline-yes">1x</span>
399
- <span class="cline-any cline-yes">1x</span>
400
- <span class="cline-any cline-yes">1x</span>
401
- <span class="cline-any cline-yes">1x</span>
402
373
  <span class="cline-any cline-yes">1x</span>
403
374
  <span class="cline-any cline-yes">1x</span>
404
375
  <span class="cline-any cline-yes">1x</span>
405
- <span class="cline-any cline-yes">24x</span>
406
- <span class="cline-any cline-yes">24x</span>
407
- <span class="cline-any cline-yes">24x</span>
408
- <span class="cline-any cline-yes">24x</span>
409
- <span class="cline-any cline-yes">24x</span>
410
- <span class="cline-any cline-yes">24x</span>
411
- <span class="cline-any cline-yes">24x</span>
412
- <span class="cline-any cline-yes">24x</span>
413
- <span class="cline-any cline-yes">24x</span>
414
- <span class="cline-any cline-yes">1x</span>
415
- <span class="cline-any cline-yes">1x</span>
416
376
  <span class="cline-any cline-yes">1x</span>
417
377
  <span class="cline-any cline-yes">1x</span>
418
378
  <span class="cline-any cline-yes">1x</span>
379
+ <span class="cline-any cline-yes">4x</span>
380
+ <span class="cline-any cline-yes">4x</span>
419
381
  <span class="cline-any cline-yes">1x</span>
420
382
  <span class="cline-any cline-yes">1x</span>
421
383
  <span class="cline-any cline-yes">1x</span>
@@ -525,51 +487,44 @@
525
487
  <span class="cline-any cline-yes">1x</span>
526
488
  <span class="cline-any cline-yes">1x</span>
527
489
  <span class="cline-any cline-yes">1x</span>
528
- <span class="cline-any cline-yes">24x</span>
529
- <span class="cline-any cline-yes">24x</span>
530
- <span class="cline-any cline-yes">24x</span>
531
- <span class="cline-any cline-yes">24x</span>
532
- <span class="cline-any cline-yes">24x</span>
533
- <span class="cline-any cline-yes">24x</span>
534
- <span class="cline-any cline-yes">24x</span>
535
- <span class="cline-any cline-yes">24x</span>
536
- <span class="cline-any cline-yes">24x</span>
537
- <span class="cline-any cline-yes">24x</span>
538
- <span class="cline-any cline-yes">24x</span>
539
- <span class="cline-any cline-yes">24x</span>
540
- <span class="cline-any cline-yes">24x</span>
541
- <span class="cline-any cline-yes">24x</span>
542
- <span class="cline-any cline-yes">24x</span>
543
- <span class="cline-any cline-yes">24x</span>
544
- <span class="cline-any cline-yes">24x</span>
545
- <span class="cline-any cline-yes">24x</span>
546
- <span class="cline-any cline-yes">24x</span>
547
- <span class="cline-any cline-yes">24x</span>
548
- <span class="cline-any cline-yes">24x</span>
549
- <span class="cline-any cline-yes">24x</span>
550
- <span class="cline-any cline-yes">24x</span>
551
- <span class="cline-any cline-yes">24x</span>
552
- <span class="cline-any cline-yes">24x</span>
553
- <span class="cline-any cline-yes">24x</span>
554
- <span class="cline-any cline-yes">24x</span>
555
- <span class="cline-any cline-yes">24x</span>
556
- <span class="cline-any cline-yes">24x</span>
557
- <span class="cline-any cline-yes">24x</span>
558
- <span class="cline-any cline-yes">24x</span>
559
- <span class="cline-any cline-yes">24x</span>
560
- <span class="cline-any cline-yes">24x</span>
561
- <span class="cline-any cline-yes">24x</span>
562
- <span class="cline-any cline-yes">24x</span>
563
- <span class="cline-any cline-yes">24x</span>
564
- <span class="cline-any cline-yes">24x</span>
565
- <span class="cline-any cline-yes">24x</span>
566
- <span class="cline-any cline-yes">24x</span>
567
- <span class="cline-any cline-no">&nbsp;</span>
568
- <span class="cline-any cline-no">&nbsp;</span>
569
- <span class="cline-any cline-no">&nbsp;</span>
570
- <span class="cline-any cline-no">&nbsp;</span>
571
- <span class="cline-any cline-no">&nbsp;</span>
572
- <span class="cline-any cline-no">&nbsp;</span>
490
+ <span class="cline-any cline-yes">32x</span>
491
+ <span class="cline-any cline-yes">32x</span>
492
+ <span class="cline-any cline-yes">32x</span>
493
+ <span class="cline-any cline-yes">32x</span>
494
+ <span class="cline-any cline-yes">32x</span>
495
+ <span class="cline-any cline-yes">32x</span>
496
+ <span class="cline-any cline-yes">32x</span>
497
+ <span class="cline-any cline-yes">32x</span>
498
+ <span class="cline-any cline-yes">32x</span>
499
+ <span class="cline-any cline-yes">32x</span>
500
+ <span class="cline-any cline-yes">32x</span>
501
+ <span class="cline-any cline-yes">32x</span>
502
+ <span class="cline-any cline-yes">32x</span>
503
+ <span class="cline-any cline-yes">32x</span>
504
+ <span class="cline-any cline-yes">32x</span>
505
+ <span class="cline-any cline-yes">32x</span>
506
+ <span class="cline-any cline-yes">32x</span>
507
+ <span class="cline-any cline-yes">32x</span>
508
+ <span class="cline-any cline-yes">32x</span>
509
+ <span class="cline-any cline-yes">32x</span>
510
+ <span class="cline-any cline-yes">32x</span>
511
+ <span class="cline-any cline-yes">32x</span>
512
+ <span class="cline-any cline-yes">32x</span>
513
+ <span class="cline-any cline-yes">32x</span>
514
+ <span class="cline-any cline-yes">32x</span>
515
+ <span class="cline-any cline-yes">32x</span>
516
+ <span class="cline-any cline-yes">32x</span>
517
+ <span class="cline-any cline-yes">32x</span>
518
+ <span class="cline-any cline-yes">32x</span>
519
+ <span class="cline-any cline-yes">32x</span>
520
+ <span class="cline-any cline-yes">32x</span>
521
+ <span class="cline-any cline-yes">32x</span>
522
+ <span class="cline-any cline-yes">32x</span>
523
+ <span class="cline-any cline-yes">32x</span>
524
+ <span class="cline-any cline-yes">32x</span>
525
+ <span class="cline-any cline-yes">32x</span>
526
+ <span class="cline-any cline-yes">32x</span>
527
+ <span class="cline-any cline-yes">32x</span>
573
528
  <span class="cline-any cline-no">&nbsp;</span>
574
529
  <span class="cline-any cline-no">&nbsp;</span>
575
530
  <span class="cline-any cline-no">&nbsp;</span>
@@ -579,60 +534,69 @@
579
534
  <span class="cline-any cline-no">&nbsp;</span>
580
535
  <span class="cline-any cline-no">&nbsp;</span>
581
536
  <span class="cline-any cline-no">&nbsp;</span>
582
- <span class="cline-any cline-yes">24x</span>
583
- <span class="cline-any cline-yes">24x</span>
584
- <span class="cline-any cline-yes">24x</span>
585
- <span class="cline-any cline-yes">24x</span>
586
- <span class="cline-any cline-yes">24x</span>
587
- <span class="cline-any cline-yes">24x</span>
588
- <span class="cline-any cline-yes">24x</span>
589
- <span class="cline-any cline-yes">24x</span>
590
- <span class="cline-any cline-yes">24x</span>
591
- <span class="cline-any cline-yes">24x</span>
592
- <span class="cline-any cline-yes">24x</span>
593
- <span class="cline-any cline-yes">24x</span>
594
- <span class="cline-any cline-yes">24x</span>
595
- <span class="cline-any cline-yes">24x</span>
596
- <span class="cline-any cline-yes">24x</span>
597
- <span class="cline-any cline-yes">24x</span>
598
- <span class="cline-any cline-yes">24x</span>
599
- <span class="cline-any cline-yes">24x</span>
600
- <span class="cline-any cline-yes">24x</span>
601
- <span class="cline-any cline-yes">24x</span>
602
- <span class="cline-any cline-yes">24x</span>
603
- <span class="cline-any cline-yes">24x</span>
604
- <span class="cline-any cline-yes">24x</span>
605
- <span class="cline-any cline-yes">24x</span>
606
- <span class="cline-any cline-yes">24x</span>
607
- <span class="cline-any cline-yes">24x</span>
608
- <span class="cline-any cline-yes">24x</span>
609
- <span class="cline-any cline-yes">24x</span>
610
- <span class="cline-any cline-yes">24x</span>
611
- <span class="cline-any cline-yes">24x</span>
612
- <span class="cline-any cline-yes">24x</span>
613
537
  <span class="cline-any cline-no">&nbsp;</span>
614
538
  <span class="cline-any cline-no">&nbsp;</span>
615
539
  <span class="cline-any cline-no">&nbsp;</span>
616
540
  <span class="cline-any cline-no">&nbsp;</span>
617
541
  <span class="cline-any cline-no">&nbsp;</span>
618
542
  <span class="cline-any cline-no">&nbsp;</span>
619
- <span class="cline-any cline-yes">24x</span>
620
- <span class="cline-any cline-yes">24x</span>
621
- <span class="cline-any cline-yes">24x</span>
622
- <span class="cline-any cline-yes">24x</span>
623
- <span class="cline-any cline-yes">24x</span>
624
- <span class="cline-any cline-yes">24x</span>
625
- <span class="cline-any cline-yes">24x</span>
626
- <span class="cline-any cline-yes">24x</span>
627
- <span class="cline-any cline-yes">24x</span>
628
- <span class="cline-any cline-yes">24x</span>
629
- <span class="cline-any cline-yes">24x</span>
630
- <span class="cline-any cline-yes">24x</span>
631
- <span class="cline-any cline-yes">24x</span>
632
- <span class="cline-any cline-yes">24x</span>
633
- <span class="cline-any cline-yes">24x</span>
634
- <span class="cline-any cline-yes">24x</span>
635
- <span class="cline-any cline-yes">24x</span>
543
+ <span class="cline-any cline-yes">32x</span>
544
+ <span class="cline-any cline-yes">32x</span>
545
+ <span class="cline-any cline-yes">32x</span>
546
+ <span class="cline-any cline-yes">32x</span>
547
+ <span class="cline-any cline-yes">32x</span>
548
+ <span class="cline-any cline-yes">32x</span>
549
+ <span class="cline-any cline-yes">32x</span>
550
+ <span class="cline-any cline-yes">32x</span>
551
+ <span class="cline-any cline-yes">32x</span>
552
+ <span class="cline-any cline-yes">32x</span>
553
+ <span class="cline-any cline-yes">32x</span>
554
+ <span class="cline-any cline-yes">32x</span>
555
+ <span class="cline-any cline-yes">32x</span>
556
+ <span class="cline-any cline-yes">32x</span>
557
+ <span class="cline-any cline-yes">32x</span>
558
+ <span class="cline-any cline-yes">32x</span>
559
+ <span class="cline-any cline-yes">32x</span>
560
+ <span class="cline-any cline-yes">32x</span>
561
+ <span class="cline-any cline-yes">32x</span>
562
+ <span class="cline-any cline-yes">32x</span>
563
+ <span class="cline-any cline-yes">32x</span>
564
+ <span class="cline-any cline-yes">32x</span>
565
+ <span class="cline-any cline-yes">32x</span>
566
+ <span class="cline-any cline-yes">32x</span>
567
+ <span class="cline-any cline-yes">32x</span>
568
+ <span class="cline-any cline-yes">32x</span>
569
+ <span class="cline-any cline-yes">32x</span>
570
+ <span class="cline-any cline-yes">32x</span>
571
+ <span class="cline-any cline-yes">32x</span>
572
+ <span class="cline-any cline-yes">32x</span>
573
+ <span class="cline-any cline-yes">32x</span>
574
+ <span class="cline-any cline-yes">32x</span>
575
+ <span class="cline-any cline-yes">32x</span>
576
+ <span class="cline-any cline-yes">32x</span>
577
+ <span class="cline-any cline-yes">4x</span>
578
+ <span class="cline-any cline-yes">4x</span>
579
+ <span class="cline-any cline-yes">4x</span>
580
+ <span class="cline-any cline-yes">4x</span>
581
+ <span class="cline-any cline-yes">4x</span>
582
+ <span class="cline-any cline-yes">4x</span>
583
+ <span class="cline-any cline-yes">28x</span>
584
+ <span class="cline-any cline-yes">28x</span>
585
+ <span class="cline-any cline-yes">28x</span>
586
+ <span class="cline-any cline-yes">28x</span>
587
+ <span class="cline-any cline-yes">28x</span>
588
+ <span class="cline-any cline-yes">28x</span>
589
+ <span class="cline-any cline-yes">28x</span>
590
+ <span class="cline-any cline-yes">28x</span>
591
+ <span class="cline-any cline-yes">32x</span>
592
+ <span class="cline-any cline-yes">32x</span>
593
+ <span class="cline-any cline-yes">32x</span>
594
+ <span class="cline-any cline-yes">32x</span>
595
+ <span class="cline-any cline-yes">32x</span>
596
+ <span class="cline-any cline-yes">32x</span>
597
+ <span class="cline-any cline-yes">32x</span>
598
+ <span class="cline-any cline-yes">32x</span>
599
+ <span class="cline-any cline-yes">32x</span>
636
600
  <span class="cline-any cline-yes">4x</span>
637
601
  <span class="cline-any cline-yes">4x</span>
638
602
  <span class="cline-any cline-yes">4x</span>
@@ -640,25 +604,25 @@
640
604
  <span class="cline-any cline-no">&nbsp;</span>
641
605
  <span class="cline-any cline-no">&nbsp;</span>
642
606
  <span class="cline-any cline-yes">4x</span>
643
- <span class="cline-any cline-yes">24x</span>
644
- <span class="cline-any cline-yes">24x</span>
645
- <span class="cline-any cline-yes">24x</span>
646
- <span class="cline-any cline-yes">24x</span>
647
- <span class="cline-any cline-yes">24x</span>
648
- <span class="cline-any cline-yes">24x</span>
649
- <span class="cline-any cline-yes">24x</span>
650
- <span class="cline-any cline-yes">24x</span>
651
- <span class="cline-any cline-yes">24x</span>
652
- <span class="cline-any cline-yes">24x</span>
653
- <span class="cline-any cline-yes">24x</span>
654
- <span class="cline-any cline-yes">24x</span>
655
- <span class="cline-any cline-yes">24x</span>
656
- <span class="cline-any cline-yes">24x</span>
657
- <span class="cline-any cline-yes">24x</span>
658
- <span class="cline-any cline-yes">24x</span>
659
- <span class="cline-any cline-yes">24x</span>
660
- <span class="cline-any cline-yes">24x</span>
661
- <span class="cline-any cline-yes">24x</span>
607
+ <span class="cline-any cline-yes">32x</span>
608
+ <span class="cline-any cline-yes">32x</span>
609
+ <span class="cline-any cline-yes">32x</span>
610
+ <span class="cline-any cline-yes">32x</span>
611
+ <span class="cline-any cline-yes">32x</span>
612
+ <span class="cline-any cline-yes">32x</span>
613
+ <span class="cline-any cline-yes">32x</span>
614
+ <span class="cline-any cline-yes">32x</span>
615
+ <span class="cline-any cline-yes">32x</span>
616
+ <span class="cline-any cline-yes">32x</span>
617
+ <span class="cline-any cline-yes">32x</span>
618
+ <span class="cline-any cline-yes">32x</span>
619
+ <span class="cline-any cline-yes">32x</span>
620
+ <span class="cline-any cline-yes">32x</span>
621
+ <span class="cline-any cline-yes">32x</span>
622
+ <span class="cline-any cline-yes">32x</span>
623
+ <span class="cline-any cline-yes">32x</span>
624
+ <span class="cline-any cline-yes">32x</span>
625
+ <span class="cline-any cline-yes">32x</span>
662
626
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
663
627
  import { cnb } from "cnbuilder";
664
628
  import {
@@ -672,11 +636,11 @@ import { ListItem } from "../list/ListItem.js";
672
636
  import {
673
637
  type ListItemAddonPosition,
674
638
  type ListItemAddonType,
639
+ type ListItemChildrenTextProps,
675
640
  type ListItemHeight,
676
641
  } from "../list/types.js";
677
642
  import { type PropsWithRef } from "../types.js";
678
643
  import { useEnsuredId } from "../useEnsuredId.js";
679
- import { bem } from "../utils/bem.js";
680
644
  import {
681
645
  type IndeterminateCheckboxProps,
682
646
  type InputToggleIconProps,
@@ -684,31 +648,16 @@ import {
684
648
  import { InputToggleIcon } from "./InputToggleIcon.js";
685
649
  import { SwitchTrack } from "./SwitchTrack.js";
686
650
  import { type InputToggleSize } from "./inputToggleStyles.js";
651
+ import {
652
+ menuItemInputToggle,
653
+ menuItemInputToggleBall,
654
+ menuItemInputToggleIcon,
655
+ menuItemInputToggleTrack,
656
+ } from "./menuItemInputToggleStyles.js";
687
657
  &nbsp;
688
658
  const noop = (): void =&gt; {
689
659
  // do nothing
690
660
  };
691
- const styles = bem("rmd-menu-item-input-toggle");
692
- &nbsp;
693
- /** @remarks \@since 6.0.0 */
694
- export interface MenuItemInputToggleClassNameOptions {
695
- className?: string;
696
- type: "radio" | "checkbox" | "switch";
697
- }
698
- &nbsp;
699
- /**
700
- * @remarks \@since 6.0.0
701
- */
702
- export function menuItemInputToggle(
703
- options: MenuItemInputToggleClassNameOptions
704
- ): string {
705
- const { className, type } = options;
706
- return cnb(
707
- `rmd-${type}-menu-item`,
708
- styles({ switch: type === "switch" }),
709
- className
710
- );
711
- }
712
661
  &nbsp;
713
662
  /**
714
663
  * @remarks \@since 6.0.0
@@ -721,7 +670,8 @@ export type MenuItemInputToggleCheckedCallback = (
721
670
  /** @remarks \@since 2.8.0 */
722
671
  export interface BaseMenuItemInputToggleProps
723
672
  extends HTMLAttributes&lt;HTMLLIElement&gt;,
724
- InputToggleIconProps {
673
+ InputToggleIconProps,
674
+ ListItemChildrenTextProps {
725
675
  checked: boolean;
726
676
  onCheckedChange: MenuItemInputToggleCheckedCallback;
727
677
  &nbsp;
@@ -755,12 +705,6 @@ export interface BaseMenuItemInputToggleProps
755
705
  &nbsp;
756
706
  /** @defaultValue `"auto"` */
757
707
  height?: ListItemHeight;
758
- &nbsp;
759
- /** @defaultValue `false` */
760
- threeLines?: boolean;
761
- &nbsp;
762
- /** @defaultValue `false` */
763
- disableTextChildren?: boolean;
764
708
  &nbsp;
765
709
  /** @defaultValue `false` */
766
710
  iconAfter?: boolean;
@@ -860,41 +804,43 @@ export const MenuItemInputToggle = forwardRef&lt;
860
804
  const id = useEnsuredId(propId, "menu-item");
861
805
  &nbsp;
862
806
  let icon = propIcon;
863
- if (typeof propIcon === "undefined") {
864
- if (type === "switch") <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
865
- <span class="cstat-no" title="statement not covered" > icon = (</span>
866
- <span class="cstat-no" title="statement not covered" > &lt;SwitchTrack</span>
867
- <span class="cstat-no" title="statement not covered" > style={trackStyle}</span>
868
- <span class="cstat-no" title="statement not covered" > {...trackProps}</span>
869
- <span class="cstat-no" title="statement not covered" > className={cnb(</span>
870
- <span class="cstat-no" title="statement not covered" > styles("track"),</span>
871
- <span class="cstat-no" title="statement not covered" > trackClassName,</span>
872
- <span class="cstat-no" title="statement not covered" > trackProps?.className</span>
873
- <span class="cstat-no" title="statement not covered" > )}</span>
874
- <span class="cstat-no" title="statement not covered" > active={checked}</span>
875
- <span class="cstat-no" title="statement not covered" > ballProps={ballProps}</span>
876
- <span class="cstat-no" title="statement not covered" > ballStyle={ballStyle}</span>
877
- <span class="cstat-no" title="statement not covered" > ballClassName={cnb(styles("ball"), ballClassName)}</span>
878
- <span class="cstat-no" title="statement not covered" > /&gt;</span>
879
- <span class="cstat-no" title="statement not covered" > );</span>
880
- } else {
881
- icon = (
882
- &lt;InputToggleIcon
883
- style={iconStyle}
884
- disableEm
885
- {...iconProps}
886
- className={cnb(styles("icon"), iconClassName, <span class="branch-0 cbranch-no" title="branch not covered" >iconProps?.className)}</span>
887
- size={size}
888
- type={type}
889
- checked={checked}
890
- disabled={disabled}
891
- icon={propIcon}
892
- checkedIcon={checkedIcon}
893
- indeterminate={indeterminate}
894
- indeterminateIcon={indeterminateIcon}
895
- /&gt;
896
- );
897
- }
807
+ if (type === "switch") <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
808
+ <span class="cstat-no" title="statement not covered" > icon = (</span>
809
+ <span class="cstat-no" title="statement not covered" > &lt;SwitchTrack</span>
810
+ <span class="cstat-no" title="statement not covered" > style={trackStyle}</span>
811
+ <span class="cstat-no" title="statement not covered" > {...trackProps}</span>
812
+ <span class="cstat-no" title="statement not covered" > className={cnb(</span>
813
+ <span class="cstat-no" title="statement not covered" > menuItemInputToggleTrack(),</span>
814
+ <span class="cstat-no" title="statement not covered" > trackClassName,</span>
815
+ <span class="cstat-no" title="statement not covered" > trackProps?.className</span>
816
+ <span class="cstat-no" title="statement not covered" > )}</span>
817
+ <span class="cstat-no" title="statement not covered" > active={checked}</span>
818
+ <span class="cstat-no" title="statement not covered" > ballProps={ballProps}</span>
819
+ <span class="cstat-no" title="statement not covered" > ballStyle={ballStyle}</span>
820
+ <span class="cstat-no" title="statement not covered" > ballClassName={cnb(menuItemInputToggleBall(), ballClassName)}</span>
821
+ <span class="cstat-no" title="statement not covered" > /&gt;</span>
822
+ <span class="cstat-no" title="statement not covered" > );</span>
823
+ } else {
824
+ icon = (
825
+ &lt;InputToggleIcon
826
+ style={iconStyle}
827
+ disableEm
828
+ {...iconProps}
829
+ className={cnb(
830
+ menuItemInputToggleIcon(),
831
+ iconClassName,
832
+ <span class="branch-0 cbranch-no" title="branch not covered" > iconProps?.className</span>
833
+ )}
834
+ size={size}
835
+ type={type}
836
+ checked={checked}
837
+ disabled={disabled}
838
+ icon={propIcon}
839
+ checkedIcon={checkedIcon}
840
+ indeterminate={indeterminate}
841
+ indeterminateIcon={indeterminateIcon}
842
+ /&gt;
843
+ );
898
844
  }
899
845
  &nbsp;
900
846
  let leftAddon: ReactNode;
@@ -907,13 +853,13 @@ export const MenuItemInputToggle = forwardRef&lt;
907
853
  let rightAddonPosition: ListItemAddonPosition | undefined;
908
854
  let rightAddonForceWrap: boolean | undefined;
909
855
  let disableRightAddonCenteredMedia: boolean | undefined;
910
- if (iconAfter) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
911
- <span class="cstat-no" title="statement not covered" > leftAddon = addon;</span>
912
- <span class="cstat-no" title="statement not covered" > leftAddonType = addonType;</span>
913
- <span class="cstat-no" title="statement not covered" > leftAddonPosition = addonPosition;</span>
914
- <span class="cstat-no" title="statement not covered" > leftAddonForceWrap = addonForceWrap;</span>
915
- <span class="cstat-no" title="statement not covered" > disableLeftAddonCenteredMedia = disableAddonCenteredMedia;</span>
916
- <span class="cstat-no" title="statement not covered" > rightAddon = icon;</span>
856
+ if (iconAfter) {
857
+ leftAddon = addon;
858
+ leftAddonType = addonType;
859
+ leftAddonPosition = addonPosition;
860
+ leftAddonForceWrap = addonForceWrap;
861
+ disableLeftAddonCenteredMedia = disableAddonCenteredMedia;
862
+ rightAddon = icon;
917
863
  } else {
918
864
  leftAddon = icon;
919
865
  rightAddon = addon;
@@ -964,7 +910,7 @@ export const MenuItemInputToggle = forwardRef&lt;
964
910
  <div class='footer quiet pad2 space-top1 center small'>
965
911
  Code coverage generated by
966
912
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
967
- at 2023-11-09T02:41:23.866Z
913
+ at 2024-01-26T22:08:58.185Z
968
914
  </div>
969
915
  <script src="prettify.js"></script>
970
916
  <script>