@react-md/core 1.0.0-next.1 → 1.0.0-next.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 (138) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +8 -0
  3. package/coverage/clover.xml +2 -2
  4. package/coverage/lcov-report/DefaultToastRenderer.tsx.html +166 -112
  5. package/coverage/lcov-report/Snackbar.tsx.html +360 -402
  6. package/coverage/lcov-report/Toast.tsx.html +868 -0
  7. package/coverage/lcov-report/ToastManager.tsx.html +1783 -0
  8. package/coverage/lcov-report/ToastManagerProvider.tsx.html +216 -216
  9. package/coverage/lcov-report/icon/FontIcon.tsx.html +28 -28
  10. package/coverage/lcov-report/icon/index.html +1 -1
  11. package/coverage/lcov-report/index.html +1 -1
  12. package/coverage/lcov-report/snackbar/Snackbar.tsx.html +55 -97
  13. package/coverage/lcov-report/snackbar/Toast.tsx.html +546 -501
  14. package/coverage/lcov-report/snackbar/ToastManager.tsx.html +269 -269
  15. package/coverage/lcov-report/snackbar/ToastManagerProvider.tsx.html +23 -23
  16. package/coverage/lcov-report/snackbar/index.html +59 -14
  17. package/coverage/lcov-report/snackbar/snackbarStyles.ts.html +12 -87
  18. package/coverage/lcov-report/snackbar/toastStyles.ts.html +206 -146
  19. package/coverage/lcov-report/snackbar/useCurrentToastActions.ts.html +226 -0
  20. package/coverage/lcov-report/snackbarStyles.ts.html +46 -121
  21. package/coverage/lcov-report/transition/config.ts.html +5 -5
  22. package/coverage/lcov-report/transition/index.html +1 -1
  23. package/coverage/lcov-report/typography/Typography.tsx.html +108 -402
  24. package/coverage/lcov-report/typography/index.html +10 -10
  25. package/dist/_core.scss +34 -1
  26. package/dist/_utils.scss +57 -0
  27. package/dist/app-bar/_app-bar.scss +15 -23
  28. package/dist/avatar/_avatar.scss +25 -34
  29. package/dist/badge/_badge.scss +71 -44
  30. package/dist/box/_box.scss +18 -29
  31. package/dist/button/_button.scss +50 -62
  32. package/dist/card/_card.scss +14 -23
  33. package/dist/chip/_chip.scss +33 -46
  34. package/dist/dialog/_dialog.scss +95 -93
  35. package/dist/divider/Divider.d.ts +0 -1
  36. package/dist/divider/Divider.js.map +1 -1
  37. package/dist/divider/_divider.scss +33 -43
  38. package/dist/form/Label.d.ts +5 -5
  39. package/dist/form/Label.js.map +1 -1
  40. package/dist/form/TextArea.js +1 -1
  41. package/dist/form/TextArea.js.map +1 -1
  42. package/dist/form/TextFieldContainerStyles.d.ts +7 -7
  43. package/dist/form/TextFieldContainerStyles.js.map +1 -1
  44. package/dist/form/_form.scss +200 -203
  45. package/dist/form/textAreaStyles.d.ts +2 -2
  46. package/dist/form/textAreaStyles.js.map +1 -1
  47. package/dist/form/types.d.ts +0 -2
  48. package/dist/form/types.js.map +1 -1
  49. package/dist/icon/_icon.scss +31 -47
  50. package/dist/interaction/_interaction.scss +47 -57
  51. package/dist/layout/_layout.scss +14 -19
  52. package/dist/link/_link.scss +15 -23
  53. package/dist/list/_list.scss +53 -63
  54. package/dist/menu/_menu.scss +16 -27
  55. package/dist/overlay/_overlay.scss +14 -19
  56. package/dist/progress/_progress.scss +25 -30
  57. package/dist/segmented-button/_segmented-button.scss +32 -43
  58. package/dist/sheet/_sheet.scss +24 -42
  59. package/dist/snackbar/DefaultToastRenderer.js +1 -1
  60. package/dist/snackbar/DefaultToastRenderer.js.map +1 -1
  61. package/dist/snackbar/Snackbar.d.ts +1 -3
  62. package/dist/snackbar/Snackbar.js +2 -3
  63. package/dist/snackbar/Snackbar.js.map +1 -1
  64. package/dist/snackbar/Toast.d.ts +1 -1
  65. package/dist/snackbar/Toast.js +5 -1
  66. package/dist/snackbar/Toast.js.map +1 -1
  67. package/dist/snackbar/ToastManager.d.ts +2 -1
  68. package/dist/snackbar/ToastManager.js +1 -1
  69. package/dist/snackbar/ToastManager.js.map +1 -1
  70. package/dist/snackbar/_snackbar.scss +15 -23
  71. package/dist/table/_table.scss +55 -70
  72. package/dist/tabs/_tabs.scss +25 -30
  73. package/dist/theme/_theme.scss +31 -89
  74. package/dist/tooltip/_tooltip.scss +16 -25
  75. package/dist/transition/_transition.scss +38 -37
  76. package/dist/tree/_tree.scss +102 -109
  77. package/dist/typography/_typography.scss +17 -22
  78. package/dist/window-splitter/_window-splitter.scss +19 -45
  79. package/package.json +1 -1
  80. package/src/_core.scss +34 -1
  81. package/src/_utils.scss +57 -0
  82. package/src/app-bar/_app-bar.scss +15 -23
  83. package/src/avatar/_avatar.scss +25 -34
  84. package/src/badge/_badge.scss +71 -44
  85. package/src/box/_box.scss +18 -29
  86. package/src/button/_button.scss +50 -62
  87. package/src/card/_card.scss +14 -23
  88. package/src/chip/_chip.scss +33 -46
  89. package/src/dialog/_dialog.scss +95 -93
  90. package/src/divider/Divider.tsx +0 -1
  91. package/src/divider/_divider.scss +33 -43
  92. package/src/form/Label.tsx +5 -5
  93. package/src/form/TextArea.tsx +1 -1
  94. package/src/form/TextFieldContainerStyles.ts +7 -7
  95. package/src/form/_form.scss +200 -203
  96. package/src/form/textAreaStyles.ts +2 -2
  97. package/src/form/types.ts +0 -2
  98. package/src/icon/_icon.scss +31 -47
  99. package/src/interaction/_interaction.scss +47 -57
  100. package/src/layout/_layout.scss +14 -19
  101. package/src/link/_link.scss +15 -23
  102. package/src/list/_list.scss +53 -63
  103. package/src/menu/_menu.scss +16 -27
  104. package/src/overlay/_overlay.scss +14 -19
  105. package/src/progress/_progress.scss +25 -30
  106. package/src/segmented-button/_segmented-button.scss +32 -43
  107. package/src/sheet/_sheet.scss +24 -42
  108. package/src/snackbar/DefaultToastRenderer.tsx +1 -1
  109. package/src/snackbar/Snackbar.tsx +17 -25
  110. package/src/snackbar/Toast.tsx +7 -2
  111. package/src/snackbar/ToastManager.tsx +3 -2
  112. package/src/snackbar/__tests__/Snackbar.tsx +12 -11
  113. package/src/snackbar/__tests__/ToastManagerProvider.tsx +20 -42
  114. package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +127 -27
  115. package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +23 -8
  116. package/src/snackbar/_snackbar.scss +15 -23
  117. package/src/table/_table.scss +55 -70
  118. package/src/tabs/_tabs.scss +25 -30
  119. package/src/theme/_theme.scss +31 -89
  120. package/src/tooltip/_tooltip.scss +16 -25
  121. package/src/transition/_transition.scss +38 -37
  122. package/src/tree/_tree.scss +102 -109
  123. package/src/typography/_typography.scss +17 -22
  124. package/src/window-splitter/_window-splitter.scss +19 -45
  125. package/.turbo/turbo-lint.log +0 -12
  126. package/.turbo/turbo-test.log +0 -166
  127. package/.turbo/turbo-typecheck.log +0 -4
  128. package/dist/divider/VerticalDivider.d.ts +0 -32
  129. package/dist/divider/useVerticalDividerHeight.d.ts +0 -37
  130. package/dist/icon/MaterialIconsProvider.d.ts +0 -12
  131. package/dist/icon/MaterialIconsProvider.js +0 -17
  132. package/dist/icon/MaterialIconsProvider.js.map +0 -1
  133. package/dist/icon/MaterialSymbolsProvider.d.ts +0 -145
  134. package/dist/icon/MaterialSymbolsProvider.js +0 -60
  135. package/dist/icon/MaterialSymbolsProvider.js.map +0 -1
  136. package/dist/link/LinkProvider.d.ts +0 -29
  137. package/dist/menu/menuConfig.d.ts +0 -60
  138. package/dist/tooltip/useOverflowTooltip.d.ts +0 -61
package/coverage/lcov-report/snackbar/Snackbar.tsx.html CHANGED
@@ -25,7 +25,7 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>189/189</span>
28
+ <span class='fraction'>175/175</span>
29
29
  </div>
30
30
 
31
31
 
@@ -46,7 +46,7 @@
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>189/189</span>
49
+ <span class='fraction'>175/175</span>
50
50
  </div>
51
51
 
52
52
 
@@ -238,21 +238,7 @@
238
238
  <a name='L173'></a><a href='#L173'>173</a>
239
239
  <a name='L174'></a><a href='#L174'>174</a>
240
240
  <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a>
247
- <a name='L182'></a><a href='#L182'>182</a>
248
- <a name='L183'></a><a href='#L183'>183</a>
249
- <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a>
251
- <a name='L186'></a><a href='#L186'>186</a>
252
- <a name='L187'></a><a href='#L187'>187</a>
253
- <a name='L188'></a><a href='#L188'>188</a>
254
- <a name='L189'></a><a href='#L189'>189</a>
255
- <a name='L190'></a><a href='#L190'>190</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
241
+ <a name='L176'></a><a href='#L176'>176</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
256
242
  <span class="cline-any cline-yes">1x</span>
257
243
  <span class="cline-any cline-yes">1x</span>
258
244
  <span class="cline-any cline-yes">1x</span>
@@ -393,61 +379,42 @@
393
379
  <span class="cline-any cline-yes">1x</span>
394
380
  <span class="cline-any cline-yes">1x</span>
395
381
  <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
- <span class="cline-any cline-yes">1x</span>
403
- <span class="cline-any cline-yes">1x</span>
404
- <span class="cline-any cline-yes">1x</span>
405
- <span class="cline-any cline-yes">1x</span>
406
- <span class="cline-any cline-yes">1x</span>
407
- <span class="cline-any cline-yes">1x</span>
408
- <span class="cline-any cline-yes">1x</span>
409
- <span class="cline-any cline-yes">124x</span>
410
- <span class="cline-any cline-yes">124x</span>
411
- <span class="cline-any cline-yes">124x</span>
412
- <span class="cline-any cline-yes">124x</span>
413
- <span class="cline-any cline-yes">124x</span>
414
- <span class="cline-any cline-yes">124x</span>
415
- <span class="cline-any cline-yes">124x</span>
416
- <span class="cline-any cline-yes">124x</span>
417
- <span class="cline-any cline-yes">124x</span>
418
- <span class="cline-any cline-yes">124x</span>
419
- <span class="cline-any cline-yes">124x</span>
420
- <span class="cline-any cline-yes">124x</span>
421
- <span class="cline-any cline-yes">124x</span>
422
- <span class="cline-any cline-yes">124x</span>
423
- <span class="cline-any cline-yes">124x</span>
424
- <span class="cline-any cline-yes">124x</span>
425
- <span class="cline-any cline-yes">124x</span>
426
- <span class="cline-any cline-yes">124x</span>
427
- <span class="cline-any cline-yes">124x</span>
428
- <span class="cline-any cline-yes">124x</span>
429
- <span class="cline-any cline-yes">124x</span>
430
- <span class="cline-any cline-yes">124x</span>
431
- <span class="cline-any cline-yes">124x</span>
432
- <span class="cline-any cline-yes">124x</span>
433
- <span class="cline-any cline-yes">124x</span>
434
- <span class="cline-any cline-yes">124x</span>
435
- <span class="cline-any cline-yes">124x</span>
436
- <span class="cline-any cline-yes">124x</span>
437
- <span class="cline-any cline-yes">124x</span>
438
- <span class="cline-any cline-yes">124x</span>
439
- <span class="cline-any cline-yes">124x</span>
440
- <span class="cline-any cline-yes">124x</span>
441
- <span class="cline-any cline-yes">124x</span>
442
- <span class="cline-any cline-yes">124x</span>
382
+ <span class="cline-any cline-yes">117x</span>
383
+ <span class="cline-any cline-yes">117x</span>
384
+ <span class="cline-any cline-yes">117x</span>
385
+ <span class="cline-any cline-yes">117x</span>
386
+ <span class="cline-any cline-yes">117x</span>
387
+ <span class="cline-any cline-yes">117x</span>
388
+ <span class="cline-any cline-yes">117x</span>
389
+ <span class="cline-any cline-yes">117x</span>
390
+ <span class="cline-any cline-yes">117x</span>
391
+ <span class="cline-any cline-yes">117x</span>
392
+ <span class="cline-any cline-yes">117x</span>
393
+ <span class="cline-any cline-yes">117x</span>
394
+ <span class="cline-any cline-yes">117x</span>
395
+ <span class="cline-any cline-yes">117x</span>
396
+ <span class="cline-any cline-yes">117x</span>
397
+ <span class="cline-any cline-yes">117x</span>
398
+ <span class="cline-any cline-yes">117x</span>
399
+ <span class="cline-any cline-yes">117x</span>
400
+ <span class="cline-any cline-yes">117x</span>
401
+ <span class="cline-any cline-yes">117x</span>
402
+ <span class="cline-any cline-yes">117x</span>
403
+ <span class="cline-any cline-yes">117x</span>
404
+ <span class="cline-any cline-yes">117x</span>
405
+ <span class="cline-any cline-yes">117x</span>
406
+ <span class="cline-any cline-yes">117x</span>
407
+ <span class="cline-any cline-yes">117x</span>
408
+ <span class="cline-any cline-yes">117x</span>
409
+ <span class="cline-any cline-yes">117x</span>
410
+ <span class="cline-any cline-yes">117x</span>
411
+ <span class="cline-any cline-yes">117x</span>
412
+ <span class="cline-any cline-yes">117x</span>
413
+ <span class="cline-any cline-yes">117x</span>
414
+ <span class="cline-any cline-yes">117x</span>
443
415
  <span class="cline-any cline-yes">1x</span>
444
416
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
445
- import {
446
- forwardRef,
447
- type AriaRole,
448
- type ComponentType,
449
- type HTMLAttributes,
450
- } from "react";
417
+ import { forwardRef, type ComponentType, type HTMLAttributes } from "react";
451
418
  import { Portal } from "../portal/Portal.js";
452
419
  import { useEnsuredId } from "../useEnsuredId.js";
453
420
  import {
@@ -456,7 +423,7 @@ import {
456
423
  } from "./DefaultToastRenderer.js";
457
424
  import { type ConfigurableToastProps } from "./Toast.js";
458
425
  import { useToastQueue } from "./ToastManagerProvider.js";
459
- import { snackbar, type SnackbarPosition } from "./snackbarStyles.js";
426
+ import { snackbar } from "./snackbarStyles.js";
460
427
  &nbsp;
461
428
  /**
462
429
  * @remarks \@since 6.0.0 The `id` prop is optional
@@ -466,9 +433,6 @@ export interface SnackbarProps extends HTMLAttributes&lt;HTMLDivElement&gt; {
466
433
  * @defaultValue `"snackbar-" + useId()`
467
434
  */
468
435
  id?: string;
469
- &nbsp;
470
- /** @defaultValue `"status"` */
471
- role?: AriaRole;
472
436
  &nbsp;
473
437
  /**
474
438
  * Set this to the number of toasts that can be visible within the snackbar at
@@ -478,11 +442,6 @@ export interface SnackbarProps extends HTMLAttributes&lt;HTMLDivElement&gt; {
478
442
  * @defaultValue `1`
479
443
  */
480
444
  limit?: number;
481
- &nbsp;
482
- /**
483
- * @defaultValue `"bottom"`
484
- */
485
- position?: SnackbarPosition;
486
445
  &nbsp;
487
446
  /**
488
447
  * @defaultValue `false`
@@ -597,10 +556,8 @@ export const Snackbar = forwardRef&lt;HTMLDivElement, SnackbarProps&gt;(
597
556
  function Snackbar(props, ref) {
598
557
  const {
599
558
  id: propId,
600
- role = "status",
601
559
  className,
602
560
  limit = 1,
603
- position = "bottom",
604
561
  renderToast: RenderToast = DefaultToastRenderer,
605
562
  disablePortal,
606
563
  toastDefaults,
@@ -611,21 +568,22 @@ export const Snackbar = forwardRef&lt;HTMLDivElement, SnackbarProps&gt;(
611
568
  &nbsp;
612
569
  return (
613
570
  &lt;Portal disabled={disablePortal}&gt;
614
- &lt;div
615
- {...remaining}
616
- id={id}
617
- ref={ref}
618
- role={role}
619
- className={snackbar({ position, className })}
620
- &gt;
621
- {queue.map((toast) =&gt; (
622
- &lt;RenderToast
623
- {...toast}
624
- key={toast.toastId}
625
- toastDefaults={toastDefaults}
626
- /&gt;
627
- ))}
628
- &lt;/div&gt;
571
+ {queue.length &gt; 0 &amp;&amp; (
572
+ &lt;div
573
+ {...remaining}
574
+ id={id}
575
+ ref={ref}
576
+ className={snackbar({ className })}
577
+ &gt;
578
+ {queue.map((toast) =&gt; (
579
+ &lt;RenderToast
580
+ {...toast}
581
+ key={toast.toastId}
582
+ toastDefaults={toastDefaults}
583
+ /&gt;
584
+ ))}
585
+ &lt;/div&gt;
586
+ )}
629
587
  &lt;/Portal&gt;
630
588
  );
631
589
  }
@@ -637,7 +595,7 @@ export const Snackbar = forwardRef&lt;HTMLDivElement, SnackbarProps&gt;(
637
595
  <div class='footer quiet pad2 space-top1 center small'>
638
596
  Code coverage generated by
639
597
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
640
- at 2023-09-23T22:20:30.033Z
598
+ at 2023-11-18T21:34:40.818Z
641
599
  </div>
642
600
  <script src="../prettify.js"></script>
643
601
  <script>