@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/toastStyles.ts.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">0% </span>
26
+ <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/68</span>
28
+ <span class='fraction'>88/88</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
33
+ <span class="strong">66.66% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/1</span>
35
+ <span class='fraction'>6/9</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
40
+ <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>0/1</span>
42
+ <span class='fraction'>1/1</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/68</span>
49
+ <span class='fraction'>88/88</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line low'></div>
64
+ <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -131,142 +131,202 @@
131
131
  <a name='L66'></a><a href='#L66'>66</a>
132
132
  <a name='L67'></a><a href='#L67'>67</a>
133
133
  <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
135
- <span class="cline-any cline-no">&nbsp;</span>
136
- <span class="cline-any cline-no">&nbsp;</span>
137
- <span class="cline-any cline-no">&nbsp;</span>
138
- <span class="cline-any cline-no">&nbsp;</span>
139
- <span class="cline-any cline-no">&nbsp;</span>
140
- <span class="cline-any cline-no">&nbsp;</span>
141
- <span class="cline-any cline-no">&nbsp;</span>
142
- <span class="cline-any cline-no">&nbsp;</span>
143
- <span class="cline-any cline-no">&nbsp;</span>
144
- <span class="cline-any cline-no">&nbsp;</span>
145
- <span class="cline-any cline-no">&nbsp;</span>
146
- <span class="cline-any cline-no">&nbsp;</span>
147
- <span class="cline-any cline-no">&nbsp;</span>
148
- <span class="cline-any cline-no">&nbsp;</span>
149
- <span class="cline-any cline-no">&nbsp;</span>
150
- <span class="cline-any cline-no">&nbsp;</span>
151
- <span class="cline-any cline-no">&nbsp;</span>
152
- <span class="cline-any cline-no">&nbsp;</span>
153
- <span class="cline-any cline-no">&nbsp;</span>
154
- <span class="cline-any cline-no">&nbsp;</span>
155
- <span class="cline-any cline-no">&nbsp;</span>
156
- <span class="cline-any cline-no">&nbsp;</span>
157
- <span class="cline-any cline-no">&nbsp;</span>
158
- <span class="cline-any cline-no">&nbsp;</span>
159
- <span class="cline-any cline-no">&nbsp;</span>
160
- <span class="cline-any cline-no">&nbsp;</span>
161
- <span class="cline-any cline-no">&nbsp;</span>
162
- <span class="cline-any cline-no">&nbsp;</span>
163
- <span class="cline-any cline-no">&nbsp;</span>
164
- <span class="cline-any cline-no">&nbsp;</span>
165
- <span class="cline-any cline-no">&nbsp;</span>
166
- <span class="cline-any cline-no">&nbsp;</span>
167
- <span class="cline-any cline-no">&nbsp;</span>
168
- <span class="cline-any cline-no">&nbsp;</span>
169
- <span class="cline-any cline-no">&nbsp;</span>
170
- <span class="cline-any cline-no">&nbsp;</span>
171
- <span class="cline-any cline-no">&nbsp;</span>
172
- <span class="cline-any cline-no">&nbsp;</span>
173
- <span class="cline-any cline-no">&nbsp;</span>
174
- <span class="cline-any cline-no">&nbsp;</span>
175
- <span class="cline-any cline-no">&nbsp;</span>
176
- <span class="cline-any cline-no">&nbsp;</span>
177
- <span class="cline-any cline-no">&nbsp;</span>
178
- <span class="cline-any cline-no">&nbsp;</span>
179
- <span class="cline-any cline-no">&nbsp;</span>
180
- <span class="cline-any cline-no">&nbsp;</span>
181
- <span class="cline-any cline-no">&nbsp;</span>
182
- <span class="cline-any cline-no">&nbsp;</span>
183
- <span class="cline-any cline-no">&nbsp;</span>
184
- <span class="cline-any cline-no">&nbsp;</span>
185
- <span class="cline-any cline-no">&nbsp;</span>
186
- <span class="cline-any cline-no">&nbsp;</span>
187
- <span class="cline-any cline-no">&nbsp;</span>
188
- <span class="cline-any cline-no">&nbsp;</span>
189
- <span class="cline-any cline-no">&nbsp;</span>
190
- <span class="cline-any cline-no">&nbsp;</span>
191
- <span class="cline-any cline-no">&nbsp;</span>
192
- <span class="cline-any cline-no">&nbsp;</span>
193
- <span class="cline-any cline-no">&nbsp;</span>
194
- <span class="cline-any cline-no">&nbsp;</span>
195
- <span class="cline-any cline-no">&nbsp;</span>
196
- <span class="cline-any cline-no">&nbsp;</span>
197
- <span class="cline-any cline-no">&nbsp;</span>
198
- <span class="cline-any cline-no">&nbsp;</span>
199
- <span class="cline-any cline-no">&nbsp;</span>
200
- <span class="cline-any cline-no">&nbsp;</span>
201
- <span class="cline-any cline-no">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >import { cnb } from "cnbuilder";</span></span></span>
203
- <span class="cstat-no" title="statement not covered" >import { bem } from "../utils/bem.js";</span>
204
- <span class="cstat-no" title="statement not covered" ></span>
205
- <span class="cstat-no" title="statement not covered" >declare module "react" {</span>
206
- <span class="cstat-no" title="statement not covered" > interface CSSProperties {</span>
207
- <span class="cstat-no" title="statement not covered" > "--rmd-toast-color"?: string;</span>
208
- <span class="cstat-no" title="statement not covered" > "--rmd-toast-background-color"?: string;</span>
209
- <span class="cstat-no" title="statement not covered" > "--rmd-toast-offset"?: string | number;</span>
210
- <span class="cstat-no" title="statement not covered" > }</span>
211
- <span class="cstat-no" title="statement not covered" >}</span>
212
- <span class="cstat-no" title="statement not covered" ></span>
213
- <span class="cstat-no" title="statement not covered" >const styles = bem("rmd-toast");</span>
214
- <span class="cstat-no" title="statement not covered" ></span>
215
- <span class="cstat-no" title="statement not covered" >/**</span>
216
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
217
- <span class="cstat-no" title="statement not covered" > */</span>
218
- <span class="cstat-no" title="statement not covered" >export type ToastTheme =</span>
219
- <span class="cstat-no" title="statement not covered" > | "surface"</span>
220
- <span class="cstat-no" title="statement not covered" > | "primary"</span>
221
- <span class="cstat-no" title="statement not covered" > | "secondary"</span>
222
- <span class="cstat-no" title="statement not covered" > | "warning"</span>
223
- <span class="cstat-no" title="statement not covered" > | "error"</span>
224
- <span class="cstat-no" title="statement not covered" > | "success";</span>
225
- <span class="cstat-no" title="statement not covered" ></span>
226
- <span class="cstat-no" title="statement not covered" >/** @remarks \@since 6.0.0 */</span>
227
- <span class="cstat-no" title="statement not covered" >export interface ToastClassNameOptions {</span>
228
- <span class="cstat-no" title="statement not covered" > className?: string;</span>
229
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `"surface"` */</span>
230
- <span class="cstat-no" title="statement not covered" > theme?: ToastTheme;</span>
231
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `false` */</span>
232
- <span class="cstat-no" title="statement not covered" > action?: boolean;</span>
233
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `false` */</span>
234
- <span class="cstat-no" title="statement not covered" > paused?: boolean;</span>
235
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `false` */</span>
236
- <span class="cstat-no" title="statement not covered" > stacked?: boolean;</span>
237
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `false` */</span>
238
- <span class="cstat-no" title="statement not covered" > reordered?: boolean;</span>
239
- <span class="cstat-no" title="statement not covered" > /** @defaultValue `false` */</span>
240
- <span class="cstat-no" title="statement not covered" > closeButton?: boolean;</span>
241
- <span class="cstat-no" title="statement not covered" >}</span>
242
- <span class="cstat-no" title="statement not covered" ></span>
243
- <span class="cstat-no" title="statement not covered" >/**</span>
244
- <span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
245
- <span class="cstat-no" title="statement not covered" > */</span>
246
- <span class="cstat-no" title="statement not covered" >export function toast(options: ToastClassNameOptions = {}): string {</span>
247
- <span class="cstat-no" title="statement not covered" > const {</span>
248
- <span class="cstat-no" title="statement not covered" > className,</span>
249
- <span class="cstat-no" title="statement not covered" > theme = "surface",</span>
250
- <span class="cstat-no" title="statement not covered" > action,</span>
251
- <span class="cstat-no" title="statement not covered" > paused,</span>
252
- <span class="cstat-no" title="statement not covered" > stacked,</span>
253
- <span class="cstat-no" title="statement not covered" > reordered,</span>
254
- <span class="cstat-no" title="statement not covered" > closeButton,</span>
255
- <span class="cstat-no" title="statement not covered" > } = options;</span>
256
- <span class="cstat-no" title="statement not covered" ></span>
257
- <span class="cstat-no" title="statement not covered" > return cnb(</span>
258
- <span class="cstat-no" title="statement not covered" > styles({</span>
259
- <span class="cstat-no" title="statement not covered" > [theme]: true,</span>
260
- <span class="cstat-no" title="statement not covered" > x: closeButton,</span>
261
- <span class="cstat-no" title="statement not covered" > action,</span>
262
- <span class="cstat-no" title="statement not covered" > paused,</span>
263
- <span class="cstat-no" title="statement not covered" > "small-gap": closeButton &amp;&amp; action,</span>
264
- <span class="cstat-no" title="statement not covered" > stacked,</span>
265
- <span class="cstat-no" title="statement not covered" > reordered: stacked &amp;&amp; reordered,</span>
266
- <span class="cstat-no" title="statement not covered" > }),</span>
267
- <span class="cstat-no" title="statement not covered" > className</span>
268
- <span class="cstat-no" title="statement not covered" > );</span>
269
- <span class="cstat-no" title="statement not covered" >}</span>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
155
+ <span class="cline-any cline-yes">1x</span>
156
+ <span class="cline-any cline-yes">1x</span>
157
+ <span class="cline-any cline-yes">1x</span>
158
+ <span class="cline-any cline-yes">1x</span>
159
+ <span class="cline-any cline-yes">1x</span>
160
+ <span class="cline-any cline-yes">1x</span>
161
+ <span class="cline-any cline-yes">1x</span>
162
+ <span class="cline-any cline-yes">1x</span>
163
+ <span class="cline-any cline-yes">1x</span>
164
+ <span class="cline-any cline-yes">1x</span>
165
+ <span class="cline-any cline-yes">1x</span>
166
+ <span class="cline-any cline-yes">1x</span>
167
+ <span class="cline-any cline-yes">1x</span>
168
+ <span class="cline-any cline-yes">1x</span>
169
+ <span class="cline-any cline-yes">1x</span>
170
+ <span class="cline-any cline-yes">1x</span>
171
+ <span class="cline-any cline-yes">1x</span>
172
+ <span class="cline-any cline-yes">1x</span>
173
+ <span class="cline-any cline-yes">1x</span>
174
+ <span class="cline-any cline-yes">1x</span>
175
+ <span class="cline-any cline-yes">1x</span>
176
+ <span class="cline-any cline-yes">1x</span>
177
+ <span class="cline-any cline-yes">1x</span>
178
+ <span class="cline-any cline-yes">1x</span>
179
+ <span class="cline-any cline-yes">1x</span>
180
+ <span class="cline-any cline-yes">1x</span>
181
+ <span class="cline-any cline-yes">1x</span>
182
+ <span class="cline-any cline-yes">1x</span>
183
+ <span class="cline-any cline-yes">1x</span>
184
+ <span class="cline-any cline-yes">1x</span>
185
+ <span class="cline-any cline-yes">1x</span>
186
+ <span class="cline-any cline-yes">1x</span>
187
+ <span class="cline-any cline-yes">1x</span>
188
+ <span class="cline-any cline-yes">1x</span>
189
+ <span class="cline-any cline-yes">1x</span>
190
+ <span class="cline-any cline-yes">1x</span>
191
+ <span class="cline-any cline-yes">1x</span>
192
+ <span class="cline-any cline-yes">1x</span>
193
+ <span class="cline-any cline-yes">1x</span>
194
+ <span class="cline-any cline-yes">1x</span>
195
+ <span class="cline-any cline-yes">1x</span>
196
+ <span class="cline-any cline-yes">1x</span>
197
+ <span class="cline-any cline-yes">1x</span>
198
+ <span class="cline-any cline-yes">1x</span>
199
+ <span class="cline-any cline-yes">1x</span>
200
+ <span class="cline-any cline-yes">1x</span>
201
+ <span class="cline-any cline-yes">1x</span>
202
+ <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-yes">1x</span>
204
+ <span class="cline-any cline-yes">1x</span>
205
+ <span class="cline-any cline-yes">1x</span>
206
+ <span class="cline-any cline-yes">1x</span>
207
+ <span class="cline-any cline-yes">1x</span>
208
+ <span class="cline-any cline-yes">273x</span>
209
+ <span class="cline-any cline-yes">273x</span>
210
+ <span class="cline-any cline-yes">273x</span>
211
+ <span class="cline-any cline-yes">273x</span>
212
+ <span class="cline-any cline-yes">273x</span>
213
+ <span class="cline-any cline-yes">273x</span>
214
+ <span class="cline-any cline-yes">273x</span>
215
+ <span class="cline-any cline-yes">273x</span>
216
+ <span class="cline-any cline-yes">273x</span>
217
+ <span class="cline-any cline-yes">273x</span>
218
+ <span class="cline-any cline-yes">273x</span>
219
+ <span class="cline-any cline-yes">273x</span>
220
+ <span class="cline-any cline-yes">5x</span>
221
+ <span class="cline-any cline-yes">4x</span>
222
+ <span class="cline-any cline-yes">273x</span>
223
+ <span class="cline-any cline-yes">273x</span>
224
+ <span class="cline-any cline-yes">273x</span>
225
+ <span class="cline-any cline-yes">273x</span>
226
+ <span class="cline-any cline-yes">273x</span>
227
+ <span class="cline-any cline-yes">273x</span>
228
+ <span class="cline-any cline-yes">273x</span>
229
+ <span class="cline-any cline-yes">273x</span>
230
+ <span class="cline-any cline-yes">273x</span>
231
+ <span class="cline-any cline-yes">273x</span>
232
+ <span class="cline-any cline-yes">273x</span>
233
+ <span class="cline-any cline-yes">273x</span>
234
+ <span class="cline-any cline-yes">273x</span>
235
+ <span class="cline-any cline-yes">273x</span>
236
+ <span class="cline-any cline-yes">273x</span>
237
+ <span class="cline-any cline-yes">273x</span>
238
+ <span class="cline-any cline-yes">273x</span>
239
+ <span class="cline-any cline-yes">273x</span>
240
+ <span class="cline-any cline-yes">273x</span>
241
+ <span class="cline-any cline-yes">273x</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
243
+ import { cssUtils, type BackgroundColor } from "../cssUtils.js";
244
+ import { bem } from "../utils/bem.js";
245
+ &nbsp;
246
+ declare module "react" {
247
+ interface CSSProperties {
248
+ "--rmd-toast-color"?: string;
249
+ "--rmd-toast-background-color"?: string;
250
+ "--rmd-toast-offset"?: string | number;
251
+ }
252
+ }
253
+ &nbsp;
254
+ const styles = bem("rmd-toast");
255
+ &nbsp;
256
+ /**
257
+ * @remarks
258
+ * \@since 2.0.0
259
+ * \@since 6.0.0 Added the `"top-left"`, `"top-right"`, `"bottom-left"`, and
260
+ * `"bottom-right"` positions
261
+ * \@since 6.0.0 Renamed from `SnackbarPosition` to `ToastPosition` so that each
262
+ * individual toast can have a separate position... even though it isn't really
263
+ * recommended.
264
+ */
265
+ export type ToastPosition =
266
+ | "bottom"
267
+ | "bottom-left"
268
+ | "bottom-right"
269
+ | "top"
270
+ | "top-left"
271
+ | "top-right";
272
+ &nbsp;
273
+ /** @remarks \@since 6.0.0 */
274
+ export interface ToastClassNameOptions {
275
+ className?: string;
276
+ /** @defaultValue `"surface"` */
277
+ theme?: BackgroundColor;
278
+ /** @defaultValue `false` */
279
+ action?: boolean;
280
+ /** @defaultValue `false` */
281
+ paused?: boolean;
282
+ /** @defaultValue `false` */
283
+ stacked?: boolean;
284
+ /** @defaultValue `"bottom"` */
285
+ position?: ToastPosition;
286
+ /** @defaultValue `false` */
287
+ reordered?: boolean;
288
+ /** @defaultValue `false` */
289
+ closeButton?: boolean;
290
+ }
291
+ &nbsp;
292
+ /**
293
+ * @remarks \@since 6.0.0
294
+ */
295
+ export function toast(options: ToastClassNameOptions = {}): string {
296
+ const {
297
+ className,
298
+ theme = "surface",
299
+ action,
300
+ paused,
301
+ stacked,
302
+ position = "bottom",
303
+ reordered,
304
+ closeButton,
305
+ } = options;
306
+ const bottom =
307
+ position === "bottom" ||
308
+ position === "bottom-left" ||
309
+ position === "bottom-right";
310
+ &nbsp;
311
+ return cnb(
312
+ styles({
313
+ x: closeButton,
314
+ action,
315
+ paused,
316
+ "small-gap": closeButton &amp;&amp; action,
317
+ stacked,
318
+ reordered: <span class="branch-0 cbranch-no" title="branch not covered" >stacked &amp;&amp; reordered,</span>
319
+ bottom,
320
+ start: position === "top-left" || position === "bottom-left",
321
+ end: position === "top-right" || position === "bottom-right",
322
+ }),
323
+ cssUtils({
324
+ backgroundColor:
325
+ theme !== <span class="branch-0 cbranch-no" title="branch not covered" >"surface" &amp;&amp; theme !== <span class="branch-0 cbranch-no" title="branch not covered" >"current-color" ? t</span>heme : u</span>ndefined,
326
+ }),
327
+ className
328
+ );
329
+ }
270
330
  &nbsp;</pre></td></tr></table></pre>
271
331
 
272
332
  <div class='push'></div><!-- for sticky footer -->
@@ -274,7 +334,7 @@
274
334
  <div class='footer quiet pad2 space-top1 center small'>
275
335
  Code coverage generated by
276
336
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
277
- at 2023-09-23T21:43:31.437Z
337
+ at 2023-11-18T21:34:40.818Z
278
338
  </div>
279
339
  <script src="../prettify.js"></script>
280
340
  <script>