@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/ToastManagerProvider.tsx.html CHANGED
@@ -202,8 +202,8 @@
202
202
  <span class="cline-any cline-yes">1x</span>
203
203
  <span class="cline-any cline-yes">1x</span>
204
204
  <span class="cline-any cline-yes">1x</span>
205
- <span class="cline-any cline-yes">244x</span>
206
- <span class="cline-any cline-yes">244x</span>
205
+ <span class="cline-any cline-yes">241x</span>
206
+ <span class="cline-any cline-yes">241x</span>
207
207
  <span class="cline-any cline-yes">1x</span>
208
208
  <span class="cline-any cline-yes">1x</span>
209
209
  <span class="cline-any cline-yes">1x</span>
@@ -226,22 +226,22 @@
226
226
  <span class="cline-any cline-yes">1x</span>
227
227
  <span class="cline-any cline-yes">1x</span>
228
228
  <span class="cline-any cline-yes">1x</span>
229
- <span class="cline-any cline-yes">124x</span>
230
- <span class="cline-any cline-yes">124x</span>
231
- <span class="cline-any cline-yes">124x</span>
232
- <span class="cline-any cline-yes">124x</span>
233
- <span class="cline-any cline-yes">124x</span>
234
- <span class="cline-any cline-yes">124x</span>
235
- <span class="cline-any cline-yes">124x</span>
236
- <span class="cline-any cline-yes">124x</span>
237
- <span class="cline-any cline-yes">124x</span>
238
- <span class="cline-any cline-yes">124x</span>
229
+ <span class="cline-any cline-yes">117x</span>
230
+ <span class="cline-any cline-yes">117x</span>
231
+ <span class="cline-any cline-yes">117x</span>
232
+ <span class="cline-any cline-yes">117x</span>
233
+ <span class="cline-any cline-yes">117x</span>
234
+ <span class="cline-any cline-yes">117x</span>
235
+ <span class="cline-any cline-yes">117x</span>
236
+ <span class="cline-any cline-yes">117x</span>
237
+ <span class="cline-any cline-yes">117x</span>
238
+ <span class="cline-any cline-yes">115x</span>
239
239
  <span class="cline-any cline-no">&nbsp;</span>
240
240
  <span class="cline-any cline-no">&nbsp;</span>
241
- <span class="cline-any cline-yes">124x</span>
242
- <span class="cline-any cline-yes">124x</span>
243
- <span class="cline-any cline-yes">124x</span>
244
- <span class="cline-any cline-yes">124x</span>
241
+ <span class="cline-any cline-yes">115x</span>
242
+ <span class="cline-any cline-yes">115x</span>
243
+ <span class="cline-any cline-yes">117x</span>
244
+ <span class="cline-any cline-yes">117x</span>
245
245
  <span class="cline-any cline-yes">1x</span>
246
246
  <span class="cline-any cline-yes">1x</span>
247
247
  <span class="cline-any cline-yes">1x</span>
@@ -267,12 +267,12 @@
267
267
  <span class="cline-any cline-yes">1x</span>
268
268
  <span class="cline-any cline-yes">1x</span>
269
269
  <span class="cline-any cline-yes">1x</span>
270
- <span class="cline-any cline-yes">24x</span>
271
- <span class="cline-any cline-yes">24x</span>
272
- <span class="cline-any cline-yes">24x</span>
273
- <span class="cline-any cline-yes">24x</span>
274
- <span class="cline-any cline-yes">24x</span>
275
- <span class="cline-any cline-yes">24x</span>
270
+ <span class="cline-any cline-yes">17x</span>
271
+ <span class="cline-any cline-yes">17x</span>
272
+ <span class="cline-any cline-yes">17x</span>
273
+ <span class="cline-any cline-yes">17x</span>
274
+ <span class="cline-any cline-yes">17x</span>
275
+ <span class="cline-any cline-yes">17x</span>
276
276
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
277
277
  &nbsp;
278
278
  import {
@@ -385,7 +385,7 @@ export function ToastManagerProvider(
385
385
  <div class='footer quiet pad2 space-top1 center small'>
386
386
  Code coverage generated by
387
387
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
388
- at 2023-09-23T22:20:30.033Z
388
+ at 2023-11-18T21:34:40.818Z
389
389
  </div>
390
390
  <script src="../prettify.js"></script>
391
391
  <script>
package/coverage/lcov-report/snackbar/index.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">98.67% </span>
26
+ <span class="strong">98.88% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>891/903</span>
28
+ <span class='fraction'>1246/1260</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">95.23% </span>
33
+ <span class="strong">87.5% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>80/84</span>
35
+ <span class='fraction'>91/104</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">93.1% </span>
40
+ <span class="strong">93.75% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>27/29</span>
42
+ <span class='fraction'>30/32</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">98.67% </span>
47
+ <span class="strong">98.88% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>891/903</span>
49
+ <span class='fraction'>1246/1260</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,28 @@
84
84
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
85
  </td>
86
86
  <td data-value="100" class="pct high">100%</td>
87
- <td data-value="189" class="abs high">189/189</td>
87
+ <td data-value="175" class="abs high">175/175</td>
88
88
  <td data-value="100" class="pct high">100%</td>
89
89
  <td data-value="1" class="abs high">1/1</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="1" class="abs high">1/1</td>
92
92
  <td data-value="100" class="pct high">100%</td>
93
- <td data-value="189" class="abs high">189/189</td>
93
+ <td data-value="175" class="abs high">175/175</td>
94
+ </tr>
95
+
96
+ <tr>
97
+ <td class="file high" data-value="Toast.tsx"><a href="Toast.tsx.html">Toast.tsx</a></td>
98
+ <td data-value="99.23" class="pic high">
99
+ <div class="chart"><div class="cover-fill" style="width: 99%"></div><div class="cover-empty" style="width: 1%"></div></div>
100
+ </td>
101
+ <td data-value="99.23" class="pct high">99.23%</td>
102
+ <td data-value="261" class="abs high">259/261</td>
103
+ <td data-value="50" class="pct medium">50%</td>
104
+ <td data-value="12" class="abs medium">6/12</td>
105
+ <td data-value="100" class="pct high">100%</td>
106
+ <td data-value="1" class="abs high">1/1</td>
107
+ <td data-value="99.23" class="pct high">99.23%</td>
108
+ <td data-value="261" class="abs high">259/261</td>
94
109
  </tr>
95
110
 
96
111
  <tr>
@@ -129,13 +144,43 @@
129
144
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
130
145
  </td>
131
146
  <td data-value="100" class="pct high">100%</td>
132
- <td data-value="43" class="abs high">43/43</td>
147
+ <td data-value="18" class="abs high">18/18</td>
148
+ <td data-value="100" class="pct high">100%</td>
149
+ <td data-value="1" class="abs high">1/1</td>
150
+ <td data-value="100" class="pct high">100%</td>
151
+ <td data-value="1" class="abs high">1/1</td>
152
+ <td data-value="100" class="pct high">100%</td>
153
+ <td data-value="18" class="abs high">18/18</td>
154
+ </tr>
155
+
156
+ <tr>
157
+ <td class="file high" data-value="toastStyles.ts"><a href="toastStyles.ts.html">toastStyles.ts</a></td>
158
+ <td data-value="100" class="pic high">
159
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
160
+ </td>
161
+ <td data-value="100" class="pct high">100%</td>
162
+ <td data-value="88" class="abs high">88/88</td>
163
+ <td data-value="66.66" class="pct medium">66.66%</td>
164
+ <td data-value="9" class="abs medium">6/9</td>
165
+ <td data-value="100" class="pct high">100%</td>
166
+ <td data-value="1" class="abs high">1/1</td>
167
+ <td data-value="100" class="pct high">100%</td>
168
+ <td data-value="88" class="abs high">88/88</td>
169
+ </tr>
170
+
171
+ <tr>
172
+ <td class="file high" data-value="useCurrentToastActions.ts"><a href="useCurrentToastActions.ts.html">useCurrentToastActions.ts</a></td>
173
+ <td data-value="100" class="pic high">
174
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
175
+ </td>
176
+ <td data-value="100" class="pct high">100%</td>
177
+ <td data-value="47" class="abs high">47/47</td>
133
178
  <td data-value="100" class="pct high">100%</td>
134
- <td data-value="5" class="abs high">5/5</td>
179
+ <td data-value="3" class="abs high">3/3</td>
135
180
  <td data-value="100" class="pct high">100%</td>
136
181
  <td data-value="1" class="abs high">1/1</td>
137
182
  <td data-value="100" class="pct high">100%</td>
138
- <td data-value="43" class="abs high">43/43</td>
183
+ <td data-value="47" class="abs high">47/47</td>
139
184
  </tr>
140
185
 
141
186
  </tbody>
@@ -146,7 +191,7 @@
146
191
  <div class='footer quiet pad2 space-top1 center small'>
147
192
  Code coverage generated by
148
193
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at 2023-09-23T22:20:30.033Z
194
+ at 2023-11-18T21:34:40.818Z
150
195
  </div>
151
196
  <script src="../prettify.js"></script>
152
197
  <script>
package/coverage/lcov-report/snackbar/snackbarStyles.ts.html CHANGED
@@ -25,14 +25,14 @@
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'>43/43</span>
28
+ <span class='fraction'>18/18</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>5/5</span>
35
+ <span class='fraction'>1/1</span>
36
36
  </div>
37
37
 
38
38
 
@@ -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'>43/43</span>
49
+ <span class='fraction'>18/18</span>
50
50
  </div>
51
51
 
52
52
 
@@ -81,41 +81,7 @@
81
81
  <a name='L16'></a><a href='#L16'>16</a>
82
82
  <a name='L17'></a><a href='#L17'>17</a>
83
83
  <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
110
- <span class="cline-any cline-yes">1x</span>
111
- <span class="cline-any cline-yes">1x</span>
112
- <span class="cline-any cline-yes">1x</span>
113
- <span class="cline-any cline-yes">1x</span>
114
- <span class="cline-any cline-yes">1x</span>
115
- <span class="cline-any cline-yes">1x</span>
116
- <span class="cline-any cline-yes">1x</span>
117
- <span class="cline-any cline-yes">1x</span>
118
- <span class="cline-any cline-yes">1x</span>
84
+ <a name='L19'></a><a href='#L19'>19</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
119
85
  <span class="cline-any cline-yes">1x</span>
120
86
  <span class="cline-any cline-yes">1x</span>
121
87
  <span class="cline-any cline-yes">1x</span>
@@ -129,68 +95,27 @@
129
95
  <span class="cline-any cline-yes">1x</span>
130
96
  <span class="cline-any cline-yes">1x</span>
131
97
  <span class="cline-any cline-yes">1x</span>
132
- <span class="cline-any cline-yes">1x</span>
133
- <span class="cline-any cline-yes">1x</span>
134
- <span class="cline-any cline-yes">1x</span>
135
- <span class="cline-any cline-yes">1x</span>
136
- <span class="cline-any cline-yes">1x</span>
137
- <span class="cline-any cline-yes">1x</span>
138
- <span class="cline-any cline-yes">124x</span>
139
- <span class="cline-any cline-yes">124x</span>
140
- <span class="cline-any cline-yes">124x</span>
141
- <span class="cline-any cline-yes">124x</span>
142
- <span class="cline-any cline-yes">124x</span>
143
- <span class="cline-any cline-yes">124x</span>
144
- <span class="cline-any cline-yes">124x</span>
145
- <span class="cline-any cline-yes">124x</span>
146
- <span class="cline-any cline-yes">124x</span>
147
- <span class="cline-any cline-yes">124x</span>
148
- <span class="cline-any cline-yes">124x</span>
149
- <span class="cline-any cline-yes">124x</span>
150
- <span class="cline-any cline-yes">124x</span>
151
- <span class="cline-any cline-yes">124x</span>
98
+ <span class="cline-any cline-yes">89x</span>
99
+ <span class="cline-any cline-yes">89x</span>
100
+ <span class="cline-any cline-yes">89x</span>
101
+ <span class="cline-any cline-yes">89x</span>
152
102
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
153
103
  import { bem } from "../utils/bem.js";
154
104
  &nbsp;
155
105
  const styles = bem("rmd-snackbar");
156
106
  &nbsp;
157
- /**
158
- * @remarks
159
- * \@since 2.0.0
160
- * \@since 6.0.0 Added the `"top-left"`, `"top-right"`, `"bottom-left"`, and
161
- * `"bottom-right"` positions
162
- */
163
- export type SnackbarPosition =
164
- | "bottom"
165
- | "bottom-left"
166
- | "bottom-right"
167
- | "top"
168
- | "top-left"
169
- | "top-right";
170
- &nbsp;
171
107
  /** @remarks \@since 6.0.0 */
172
108
  export interface SnackbarClassNameOptions {
173
109
  className?: string;
174
- position: SnackbarPosition;
175
110
  }
176
111
  &nbsp;
177
112
  /**
178
113
  * @remarks \@since 6.0.0
179
114
  */
180
- export function snackbar(options: SnackbarClassNameOptions): string {
181
- const { className, position } = options;
182
- const top =
183
- position === "top" || position === "top-left" || position === "top-right";
115
+ export function snackbar(options: SnackbarClassNameOptions = {}): string {
116
+ const { className } = options;
184
117
  &nbsp;
185
- return cnb(
186
- styles({
187
- top,
188
- bottom: !top,
189
- start: position === "top-left" || position === "bottom-left",
190
- end: position === "top-right" || position === "bottom-right",
191
- }),
192
- className
193
- );
118
+ return cnb(styles(), className);
194
119
  }
195
120
  &nbsp;</pre></td></tr></table></pre>
196
121
 
@@ -199,7 +124,7 @@ export function snackbar(options: SnackbarClassNameOptions): string {
199
124
  <div class='footer quiet pad2 space-top1 center small'>
200
125
  Code coverage generated by
201
126
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
202
- at 2023-09-23T22:20:30.033Z
127
+ at 2023-11-18T21:34:40.818Z
203
128
  </div>
204
129
  <script src="../prettify.js"></script>
205
130
  <script>