@react-md/core 1.0.0-next.15 → 1.0.0-next.17

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 (1344) hide show
  1. package/dist/RootHtml.d.ts +0 -2
  2. package/dist/RootHtml.js +0 -2
  3. package/dist/RootHtml.js.map +1 -1
  4. package/dist/_box-shadows.scss +76 -0
  5. package/dist/_colors.scss +279 -277
  6. package/dist/_core.scss +107 -16
  7. package/dist/_object-fit.scss +86 -0
  8. package/dist/_utils.scss +246 -72
  9. package/dist/app-bar/AppBar.d.ts +1 -92
  10. package/dist/app-bar/AppBar.js +1 -42
  11. package/dist/app-bar/AppBar.js.map +1 -1
  12. package/dist/app-bar/AppBarTitle.d.ts +1 -30
  13. package/dist/app-bar/AppBarTitle.js +1 -17
  14. package/dist/app-bar/AppBarTitle.js.map +1 -1
  15. package/dist/app-bar/_app-bar.scss +156 -25
  16. package/dist/app-bar/styles.d.ts +117 -0
  17. package/dist/app-bar/styles.js +55 -0
  18. package/dist/app-bar/styles.js.map +1 -0
  19. package/dist/autocomplete/Autocomplete.d.ts +8 -79
  20. package/dist/autocomplete/Autocomplete.js +112 -83
  21. package/dist/autocomplete/Autocomplete.js.map +1 -1
  22. package/dist/autocomplete/AutocompleteChip.d.ts +8 -0
  23. package/dist/autocomplete/AutocompleteChip.js +34 -0
  24. package/dist/autocomplete/AutocompleteChip.js.map +1 -0
  25. package/dist/autocomplete/AutocompleteCircularProgress.d.ts +5 -11
  26. package/dist/autocomplete/AutocompleteCircularProgress.js +4 -0
  27. package/dist/autocomplete/AutocompleteCircularProgress.js.map +1 -1
  28. package/dist/autocomplete/AutocompleteClearButton.d.ts +9 -0
  29. package/dist/autocomplete/AutocompleteClearButton.js +29 -0
  30. package/dist/autocomplete/AutocompleteClearButton.js.map +1 -0
  31. package/dist/autocomplete/AutocompleteDropdownButton.d.ts +4 -26
  32. package/dist/autocomplete/AutocompleteDropdownButton.js +5 -1
  33. package/dist/autocomplete/AutocompleteDropdownButton.js.map +1 -1
  34. package/dist/autocomplete/AutocompleteListboxChildren.d.ts +22 -0
  35. package/dist/autocomplete/AutocompleteListboxChildren.js +37 -0
  36. package/dist/autocomplete/AutocompleteListboxChildren.js.map +1 -0
  37. package/dist/autocomplete/_autocomplete.scss +362 -34
  38. package/dist/autocomplete/autocompleteStyles.d.ts +22 -0
  39. package/dist/autocomplete/autocompleteStyles.js +17 -8
  40. package/dist/autocomplete/autocompleteStyles.js.map +1 -1
  41. package/dist/autocomplete/defaults.d.ts +9 -9
  42. package/dist/autocomplete/defaults.js +13 -13
  43. package/dist/autocomplete/defaults.js.map +1 -1
  44. package/dist/autocomplete/types.d.ts +554 -56
  45. package/dist/autocomplete/types.js.map +1 -1
  46. package/dist/autocomplete/useAutocomplete.d.ts +22 -0
  47. package/dist/autocomplete/useAutocomplete.js +281 -0
  48. package/dist/autocomplete/useAutocomplete.js.map +1 -0
  49. package/dist/autocomplete/utils.d.ts +81 -0
  50. package/dist/autocomplete/utils.js +108 -0
  51. package/dist/autocomplete/utils.js.map +1 -0
  52. package/dist/avatar/Avatar.d.ts +0 -2
  53. package/dist/avatar/Avatar.js +0 -2
  54. package/dist/avatar/Avatar.js.map +1 -1
  55. package/dist/avatar/_avatar.scss +93 -2
  56. package/dist/badge/Badge.d.ts +2 -23
  57. package/dist/badge/Badge.js +1 -16
  58. package/dist/badge/Badge.js.map +1 -1
  59. package/dist/badge/_badge.scss +90 -3
  60. package/dist/badge/styles.d.ts +26 -0
  61. package/dist/badge/styles.js +18 -0
  62. package/dist/badge/styles.js.map +1 -0
  63. package/dist/box/Box.d.ts +0 -2
  64. package/dist/box/Box.js +2 -3
  65. package/dist/box/Box.js.map +1 -1
  66. package/dist/box/_box.scss +130 -17
  67. package/dist/box/styles.d.ts +6 -0
  68. package/dist/box/styles.js +2 -1
  69. package/dist/box/styles.js.map +1 -1
  70. package/dist/button/AsyncButton.d.ts +1 -1
  71. package/dist/button/AsyncButton.js.map +1 -1
  72. package/dist/button/Button.d.ts +2 -1
  73. package/dist/button/Button.js +2 -1
  74. package/dist/button/Button.js.map +1 -1
  75. package/dist/button/ButtonUnstyled.d.ts +0 -2
  76. package/dist/button/ButtonUnstyled.js +0 -2
  77. package/dist/button/ButtonUnstyled.js.map +1 -1
  78. package/dist/button/_button.scss +157 -25
  79. package/dist/card/Card.d.ts +16 -2
  80. package/dist/card/Card.js +11 -5
  81. package/dist/card/Card.js.map +1 -1
  82. package/dist/card/CardContent.d.ts +0 -2
  83. package/dist/card/CardContent.js +0 -2
  84. package/dist/card/CardContent.js.map +1 -1
  85. package/dist/card/CardFooter.d.ts +0 -3
  86. package/dist/card/CardFooter.js +0 -2
  87. package/dist/card/CardFooter.js.map +1 -1
  88. package/dist/card/CardHeader.d.ts +0 -2
  89. package/dist/card/CardHeader.js +0 -2
  90. package/dist/card/CardHeader.js.map +1 -1
  91. package/dist/card/CardSubtitle.d.ts +0 -3
  92. package/dist/card/CardSubtitle.js +0 -2
  93. package/dist/card/CardSubtitle.js.map +1 -1
  94. package/dist/card/CardTitle.d.ts +0 -3
  95. package/dist/card/CardTitle.js +0 -2
  96. package/dist/card/CardTitle.js.map +1 -1
  97. package/dist/card/ClickableCard.d.ts +2 -1
  98. package/dist/card/ClickableCard.js +5 -2
  99. package/dist/card/ClickableCard.js.map +1 -1
  100. package/dist/card/_card.scss +90 -19
  101. package/dist/card/styles.d.ts +0 -7
  102. package/dist/card/styles.js +2 -3
  103. package/dist/card/styles.js.map +1 -1
  104. package/dist/chip/Chip.d.ts +2 -3
  105. package/dist/chip/Chip.js +2 -3
  106. package/dist/chip/Chip.js.map +1 -1
  107. package/dist/chip/_chip.scss +42 -20
  108. package/dist/chip/styles.d.ts +12 -10
  109. package/dist/chip/styles.js.map +1 -1
  110. package/dist/cssUtils.js.map +1 -1
  111. package/dist/delegateEvent.d.ts +2 -2
  112. package/dist/delegateEvent.js.map +1 -1
  113. package/dist/dialog/Dialog.d.ts +8 -21
  114. package/dist/dialog/Dialog.js +27 -27
  115. package/dist/dialog/Dialog.js.map +1 -1
  116. package/dist/dialog/DialogContent.d.ts +3 -3
  117. package/dist/dialog/DialogContent.js +3 -3
  118. package/dist/dialog/DialogContent.js.map +1 -1
  119. package/dist/dialog/DialogFooter.d.ts +2 -3
  120. package/dist/dialog/DialogFooter.js +2 -3
  121. package/dist/dialog/DialogFooter.js.map +1 -1
  122. package/dist/dialog/DialogHeader.d.ts +3 -3
  123. package/dist/dialog/DialogHeader.js +3 -3
  124. package/dist/dialog/DialogHeader.js.map +1 -1
  125. package/dist/dialog/DialogTitle.d.ts +3 -4
  126. package/dist/dialog/DialogTitle.js +3 -3
  127. package/dist/dialog/DialogTitle.js.map +1 -1
  128. package/dist/dialog/FixedDialog.d.ts +1 -3
  129. package/dist/dialog/FixedDialog.js +0 -8
  130. package/dist/dialog/FixedDialog.js.map +1 -1
  131. package/dist/dialog/NestedDialogProvider.d.ts +0 -1
  132. package/dist/dialog/_dialog.scss +67 -13
  133. package/dist/dialog/styles.d.ts +56 -0
  134. package/dist/dialog/styles.js +29 -2
  135. package/dist/dialog/styles.js.map +1 -1
  136. package/dist/divider/Divider.d.ts +0 -13
  137. package/dist/divider/Divider.js +0 -2
  138. package/dist/divider/Divider.js.map +1 -1
  139. package/dist/divider/_divider.scss +7 -1
  140. package/dist/divider/styles.d.ts +11 -0
  141. package/dist/divider/styles.js.map +1 -1
  142. package/dist/draggable/useDraggable.d.ts +6 -6
  143. package/dist/draggable/useDraggable.js.map +1 -1
  144. package/dist/draggable/utils.d.ts +3 -3
  145. package/dist/draggable/utils.js.map +1 -1
  146. package/dist/expansion-panel/ExpansionList.d.ts +1 -1
  147. package/dist/expansion-panel/ExpansionList.js +1 -1
  148. package/dist/expansion-panel/ExpansionList.js.map +1 -1
  149. package/dist/expansion-panel/ExpansionPanel.d.ts +9 -25
  150. package/dist/expansion-panel/ExpansionPanel.js +1 -12
  151. package/dist/expansion-panel/ExpansionPanel.js.map +1 -1
  152. package/dist/expansion-panel/ExpansionPanelHeader.d.ts +0 -1
  153. package/dist/expansion-panel/ExpansionPanelHeader.js +0 -1
  154. package/dist/expansion-panel/ExpansionPanelHeader.js.map +1 -1
  155. package/dist/expansion-panel/_expansion-panel.scss +5 -1
  156. package/dist/expansion-panel/expansionPanelStyles.d.ts +19 -0
  157. package/dist/expansion-panel/expansionPanelStyles.js +14 -0
  158. package/dist/expansion-panel/expansionPanelStyles.js.map +1 -0
  159. package/dist/expansion-panel/useExpansionPanels.js +12 -24
  160. package/dist/expansion-panel/useExpansionPanels.js.map +1 -1
  161. package/dist/{form → files}/FileInput.d.ts +3 -6
  162. package/dist/{form → files}/FileInput.js +3 -6
  163. package/dist/files/FileInput.js.map +1 -0
  164. package/dist/files/_files.scss +22 -0
  165. package/dist/files/styles.d.ts +5 -0
  166. package/dist/files/styles.js +7 -0
  167. package/dist/files/styles.js.map +1 -0
  168. package/dist/{form → files}/useFileUpload.d.ts +7 -9
  169. package/dist/{form → files}/useFileUpload.js +5 -7
  170. package/dist/files/useFileUpload.js.map +1 -0
  171. package/dist/files/utils.d.ts +169 -0
  172. package/dist/files/utils.js +114 -0
  173. package/dist/files/utils.js.map +1 -0
  174. package/dist/{form/fileUtils.d.ts → files/validation.d.ts} +9 -174
  175. package/dist/{form/fileUtils.js → files/validation.js} +9 -134
  176. package/dist/files/validation.js.map +1 -0
  177. package/dist/focus/useFocusContainer.d.ts +2 -2
  178. package/dist/focus/useFocusContainer.js.map +1 -1
  179. package/dist/focus/utils.js.map +1 -1
  180. package/dist/form/Checkbox.d.ts +0 -1
  181. package/dist/form/Fieldset.d.ts +0 -2
  182. package/dist/form/Fieldset.js.map +1 -1
  183. package/dist/form/FormMessage.d.ts +0 -3
  184. package/dist/form/FormMessage.js +0 -2
  185. package/dist/form/FormMessage.js.map +1 -1
  186. package/dist/form/FormMessageContainer.d.ts +0 -1
  187. package/dist/form/FormMessageContainer.js +4 -3
  188. package/dist/form/FormMessageContainer.js.map +1 -1
  189. package/dist/form/FormMessageCounter.d.ts +0 -2
  190. package/dist/form/FormMessageCounter.js +0 -2
  191. package/dist/form/FormMessageCounter.js.map +1 -1
  192. package/dist/form/InputToggle.d.ts +2 -1
  193. package/dist/form/InputToggle.js +2 -1
  194. package/dist/form/InputToggle.js.map +1 -1
  195. package/dist/form/InputToggleIcon.d.ts +0 -2
  196. package/dist/form/InputToggleIcon.js +0 -2
  197. package/dist/form/InputToggleIcon.js.map +1 -1
  198. package/dist/form/Label.d.ts +0 -3
  199. package/dist/form/Label.js +2 -4
  200. package/dist/form/Label.js.map +1 -1
  201. package/dist/form/Legend.d.ts +0 -3
  202. package/dist/form/Legend.js +0 -2
  203. package/dist/form/Legend.js.map +1 -1
  204. package/dist/form/Listbox.d.ts +24 -0
  205. package/dist/form/Listbox.js +46 -0
  206. package/dist/form/Listbox.js.map +1 -0
  207. package/dist/form/ListboxProvider.d.ts +21 -0
  208. package/dist/form/{useListboxProvider.js → ListboxProvider.js} +1 -1
  209. package/dist/form/ListboxProvider.js.map +1 -0
  210. package/dist/form/MenuItemCheckbox.d.ts +0 -1
  211. package/dist/form/MenuItemRadio.d.ts +0 -1
  212. package/dist/form/MenuItemSwitch.d.ts +0 -1
  213. package/dist/form/MenuItemTextField.js +1 -2
  214. package/dist/form/MenuItemTextField.js.map +1 -1
  215. package/dist/form/NativeSelect.d.ts +0 -2
  216. package/dist/form/NativeSelect.js +7 -6
  217. package/dist/form/NativeSelect.js.map +1 -1
  218. package/dist/form/Option.d.ts +49 -10
  219. package/dist/form/Option.js +11 -9
  220. package/dist/form/Option.js.map +1 -1
  221. package/dist/form/Password.js.map +1 -1
  222. package/dist/form/Radio.d.ts +0 -1
  223. package/dist/form/Select.d.ts +2 -2
  224. package/dist/form/Select.js +81 -85
  225. package/dist/form/Select.js.map +1 -1
  226. package/dist/form/SelectedOption.d.ts +0 -2
  227. package/dist/form/SelectedOption.js +0 -2
  228. package/dist/form/SelectedOption.js.map +1 -1
  229. package/dist/form/Slider.d.ts +4 -4
  230. package/dist/form/Slider.js +6 -2
  231. package/dist/form/Slider.js.map +1 -1
  232. package/dist/form/SliderContainer.d.ts +0 -2
  233. package/dist/form/SliderContainer.js +0 -2
  234. package/dist/form/SliderContainer.js.map +1 -1
  235. package/dist/form/SliderMark.d.ts +0 -2
  236. package/dist/form/SliderMark.js +0 -2
  237. package/dist/form/SliderMark.js.map +1 -1
  238. package/dist/form/SliderMarkLabel.d.ts +0 -2
  239. package/dist/form/SliderMarkLabel.js +0 -2
  240. package/dist/form/SliderMarkLabel.js.map +1 -1
  241. package/dist/form/SliderThumb.d.ts +3 -3
  242. package/dist/form/SliderThumb.js.map +1 -1
  243. package/dist/form/SliderTrack.d.ts +0 -2
  244. package/dist/form/SliderTrack.js +0 -2
  245. package/dist/form/SliderTrack.js.map +1 -1
  246. package/dist/form/SliderValueMarks.d.ts +2 -4
  247. package/dist/form/SliderValueMarks.js +0 -2
  248. package/dist/form/SliderValueMarks.js.map +1 -1
  249. package/dist/form/SliderValueTooltip.js.map +1 -1
  250. package/dist/form/Switch.d.ts +0 -2
  251. package/dist/form/Switch.js +0 -2
  252. package/dist/form/Switch.js.map +1 -1
  253. package/dist/form/SwitchTrack.d.ts +2 -1
  254. package/dist/form/SwitchTrack.js +2 -1
  255. package/dist/form/SwitchTrack.js.map +1 -1
  256. package/dist/form/TextArea.js +1 -2
  257. package/dist/form/TextArea.js.map +1 -1
  258. package/dist/form/TextField.d.ts +0 -2
  259. package/dist/form/TextField.js +1 -4
  260. package/dist/form/TextField.js.map +1 -1
  261. package/dist/form/TextFieldAddon.d.ts +1 -4
  262. package/dist/form/TextFieldAddon.js +1 -3
  263. package/dist/form/TextFieldAddon.js.map +1 -1
  264. package/dist/form/TextFieldContainer.js +1 -2
  265. package/dist/form/TextFieldContainer.js.map +1 -1
  266. package/dist/form/_form.scss +186 -121
  267. package/dist/form/formMessageContainerStyles.d.ts +10 -0
  268. package/dist/form/formMessageContainerStyles.js +11 -0
  269. package/dist/form/formMessageContainerStyles.js.map +1 -0
  270. package/dist/form/inputToggleStyles.js.map +1 -1
  271. package/dist/form/optionStyles.d.ts +1 -0
  272. package/dist/form/optionStyles.js +2 -2
  273. package/dist/form/optionStyles.js.map +1 -1
  274. package/dist/form/selectUtils.js.map +1 -1
  275. package/dist/form/sliderUtils.d.ts +1 -1
  276. package/dist/form/sliderUtils.js.map +1 -1
  277. package/dist/form/textFieldContainerStyles.d.ts +0 -2
  278. package/dist/form/textFieldContainerStyles.js +1 -2
  279. package/dist/form/textFieldContainerStyles.js.map +1 -1
  280. package/dist/form/types.d.ts +3 -10
  281. package/dist/form/types.js.map +1 -1
  282. package/dist/form/useCheckboxGroup.d.ts +17 -17
  283. package/dist/form/useCheckboxGroup.js +9 -17
  284. package/dist/form/useCheckboxGroup.js.map +1 -1
  285. package/dist/form/useCombobox.d.ts +56 -21
  286. package/dist/form/useCombobox.js +19 -4
  287. package/dist/form/useCombobox.js.map +1 -1
  288. package/dist/form/useEditableCombobox.d.ts +24 -4
  289. package/dist/form/useEditableCombobox.js +5 -0
  290. package/dist/form/useEditableCombobox.js.map +1 -1
  291. package/dist/form/useNumberField.js.map +1 -1
  292. package/dist/form/useRadioGroup.d.ts +6 -6
  293. package/dist/form/useRadioGroup.js.map +1 -1
  294. package/dist/form/useResizingTextArea.js.map +1 -1
  295. package/dist/form/useSelectCombobox.d.ts +3 -4
  296. package/dist/form/useSelectCombobox.js.map +1 -1
  297. package/dist/form/useTextField.d.ts +1 -1
  298. package/dist/form/useTextField.js.map +1 -1
  299. package/dist/form/useTextFieldContainerAddons.js.map +1 -1
  300. package/dist/hoverMode/useHoverMode.d.ts +3 -3
  301. package/dist/hoverMode/useHoverMode.js.map +1 -1
  302. package/dist/hoverMode/useHoverModeProvider.d.ts +4 -4
  303. package/dist/hoverMode/useHoverModeProvider.js.map +1 -1
  304. package/dist/icon/FontIcon.d.ts +0 -2
  305. package/dist/icon/FontIcon.js +0 -2
  306. package/dist/icon/FontIcon.js.map +1 -1
  307. package/dist/icon/IconRotator.d.ts +0 -2
  308. package/dist/icon/IconRotator.js +0 -2
  309. package/dist/icon/IconRotator.js.map +1 -1
  310. package/dist/icon/MaterialIcon.d.ts +0 -2
  311. package/dist/icon/MaterialIcon.js +0 -2
  312. package/dist/icon/MaterialIcon.js.map +1 -1
  313. package/dist/icon/MaterialSymbol.d.ts +0 -1
  314. package/dist/icon/MaterialSymbol.js +0 -1
  315. package/dist/icon/MaterialSymbol.js.map +1 -1
  316. package/dist/icon/SVGIcon.d.ts +0 -2
  317. package/dist/icon/SVGIcon.js +0 -2
  318. package/dist/icon/SVGIcon.js.map +1 -1
  319. package/dist/icon/TextIconSpacing.d.ts +0 -2
  320. package/dist/icon/TextIconSpacing.js +0 -2
  321. package/dist/icon/TextIconSpacing.js.map +1 -1
  322. package/dist/icon/_icon.scss +153 -4
  323. package/dist/icon/iconConfig.d.ts +10 -0
  324. package/dist/icon/iconConfig.js +7 -0
  325. package/dist/icon/iconConfig.js.map +1 -1
  326. package/dist/icon/materialConfig.js.map +1 -1
  327. package/dist/icon/styles.js +1 -1
  328. package/dist/icon/styles.js.map +1 -1
  329. package/dist/interaction/RippleContainer.d.ts +0 -2
  330. package/dist/interaction/RippleContainer.js +0 -2
  331. package/dist/interaction/RippleContainer.js.map +1 -1
  332. package/dist/interaction/UserInteractionModeProvider.d.ts +5 -5
  333. package/dist/interaction/UserInteractionModeProvider.js +12 -8
  334. package/dist/interaction/UserInteractionModeProvider.js.map +1 -1
  335. package/dist/interaction/types.d.ts +20 -2
  336. package/dist/interaction/types.js.map +1 -1
  337. package/dist/interaction/useElementInteraction.d.ts +7 -1
  338. package/dist/interaction/useElementInteraction.js +1 -2
  339. package/dist/interaction/useElementInteraction.js.map +1 -1
  340. package/dist/interaction/utils.d.ts +2 -2
  341. package/dist/interaction/utils.js +2 -2
  342. package/dist/interaction/utils.js.map +1 -1
  343. package/dist/layout/LayoutAppBar.d.ts +0 -1
  344. package/dist/layout/LayoutNav.js +1 -2
  345. package/dist/layout/LayoutNav.js.map +1 -1
  346. package/dist/layout/LayoutWindowSplitter.d.ts +0 -1
  347. package/dist/layout/LayoutWindowSplitter.js.map +1 -1
  348. package/dist/layout/_layout.scss +23 -10
  349. package/dist/layout/useExpandableLayout.d.ts +3 -3
  350. package/dist/layout/useExpandableLayout.js.map +1 -1
  351. package/dist/layout/useHorizontalLayoutTransition.js +1 -1
  352. package/dist/layout/useHorizontalLayoutTransition.js.map +1 -1
  353. package/dist/layout/useLayoutAppBarHeight.d.ts +2 -3
  354. package/dist/layout/useLayoutAppBarHeight.js.map +1 -1
  355. package/dist/layout/useLayoutTree.d.ts +2 -2
  356. package/dist/layout/useLayoutTree.js.map +1 -1
  357. package/dist/layout/useTemporaryLayout.d.ts +2 -2
  358. package/dist/layout/useTemporaryLayout.js.map +1 -1
  359. package/dist/link/Link.d.ts +0 -2
  360. package/dist/link/Link.js +0 -2
  361. package/dist/link/Link.js.map +1 -1
  362. package/dist/link/SkipToMainContent.js.map +1 -1
  363. package/dist/list/List.d.ts +0 -20
  364. package/dist/list/List.js +1 -14
  365. package/dist/list/List.js.map +1 -1
  366. package/dist/list/ListItem.d.ts +2 -17
  367. package/dist/list/ListItem.js +2 -1
  368. package/dist/list/ListItem.js.map +1 -1
  369. package/dist/list/ListItemAddon.d.ts +0 -2
  370. package/dist/list/ListItemAddon.js +0 -2
  371. package/dist/list/ListItemAddon.js.map +1 -1
  372. package/dist/list/ListItemChildren.d.ts +0 -2
  373. package/dist/list/ListItemChildren.js +0 -2
  374. package/dist/list/ListItemChildren.js.map +1 -1
  375. package/dist/list/ListItemLink.d.ts +2 -1
  376. package/dist/list/ListItemLink.js +2 -1
  377. package/dist/list/ListItemLink.js.map +1 -1
  378. package/dist/list/ListItemText.d.ts +0 -2
  379. package/dist/list/ListItemText.js +0 -2
  380. package/dist/list/ListItemText.js.map +1 -1
  381. package/dist/list/ListSubheader.d.ts +3 -2
  382. package/dist/list/ListSubheader.js +0 -2
  383. package/dist/list/ListSubheader.js.map +1 -1
  384. package/dist/list/_list.scss +6 -5
  385. package/dist/list/getListItemHeight.d.ts +2 -2
  386. package/dist/list/getListItemHeight.js +2 -2
  387. package/dist/list/getListItemHeight.js.map +1 -1
  388. package/dist/list/listItemStyles.d.ts +17 -1
  389. package/dist/list/listItemStyles.js.map +1 -1
  390. package/dist/list/listStyles.d.ts +18 -0
  391. package/dist/list/listStyles.js +14 -0
  392. package/dist/list/listStyles.js.map +1 -0
  393. package/dist/list/types.d.ts +9 -3
  394. package/dist/list/types.js +6 -1
  395. package/dist/list/types.js.map +1 -1
  396. package/dist/media-queries/AppSizeProvider.d.ts +8 -0
  397. package/dist/media-queries/AppSizeProvider.js +2 -0
  398. package/dist/media-queries/AppSizeProvider.js.map +1 -1
  399. package/dist/media-queries/_media-queries.scss +12 -0
  400. package/dist/media-queries/appSize.d.ts +5 -5
  401. package/dist/media-queries/appSize.js.map +1 -1
  402. package/dist/media-queries/useMediaQuery.d.ts +1 -1
  403. package/dist/media-queries/useMediaQuery.js +4 -2
  404. package/dist/media-queries/useMediaQuery.js.map +1 -1
  405. package/dist/menu/DropdownMenu.js.map +1 -1
  406. package/dist/menu/Menu.d.ts +8 -3
  407. package/dist/menu/Menu.js +2 -1
  408. package/dist/menu/Menu.js.map +1 -1
  409. package/dist/menu/MenuBar.d.ts +0 -1
  410. package/dist/menu/MenuButton.d.ts +0 -1
  411. package/dist/menu/MenuConfigurationProvider.js.map +1 -1
  412. package/dist/menu/MenuItem.d.ts +0 -1
  413. package/dist/menu/MenuItemButton.d.ts +0 -1
  414. package/dist/menu/MenuItemButton.js +6 -2
  415. package/dist/menu/MenuItemButton.js.map +1 -1
  416. package/dist/menu/useContextMenu.d.ts +3 -3
  417. package/dist/menu/useContextMenu.js.map +1 -1
  418. package/dist/menu/useMenuBarProvider.d.ts +0 -1
  419. package/dist/movement/types.d.ts +5 -5
  420. package/dist/movement/types.js.map +1 -1
  421. package/dist/movement/useKeyboardMovementProvider.d.ts +0 -1
  422. package/dist/navigation/CollapsibleNavGroup.d.ts +5 -3
  423. package/dist/navigation/CollapsibleNavGroup.js +3 -4
  424. package/dist/navigation/CollapsibleNavGroup.js.map +1 -1
  425. package/dist/navigation/DefaultNavigationRenderer.d.ts +1 -2
  426. package/dist/navigation/DefaultNavigationRenderer.js +6 -2
  427. package/dist/navigation/DefaultNavigationRenderer.js.map +1 -1
  428. package/dist/navigation/NavGroup.d.ts +0 -2
  429. package/dist/navigation/NavGroup.js +0 -2
  430. package/dist/navigation/NavGroup.js.map +1 -1
  431. package/dist/navigation/NavItem.d.ts +0 -2
  432. package/dist/navigation/NavItem.js +0 -2
  433. package/dist/navigation/NavItem.js.map +1 -1
  434. package/dist/navigation/NavItemButton.d.ts +1 -1
  435. package/dist/navigation/NavItemButton.js +1 -0
  436. package/dist/navigation/NavItemButton.js.map +1 -1
  437. package/dist/navigation/NavItemLink.d.ts +3 -2
  438. package/dist/navigation/NavItemLink.js +6 -2
  439. package/dist/navigation/NavItemLink.js.map +1 -1
  440. package/dist/navigation/NavSubheader.d.ts +2 -6
  441. package/dist/navigation/NavSubheader.js +0 -2
  442. package/dist/navigation/NavSubheader.js.map +1 -1
  443. package/dist/navigation/Navigation.d.ts +1 -1
  444. package/dist/navigation/Navigation.js.map +1 -1
  445. package/dist/navigation/_navigation.scss +6 -5
  446. package/dist/navigation/types.d.ts +54 -6
  447. package/dist/navigation/types.js.map +1 -1
  448. package/dist/navigation/useActiveHeadingId.d.ts +1 -1
  449. package/dist/navigation/useActiveHeadingId.js.map +1 -1
  450. package/dist/navigation/useNavigationExpansion.d.ts +104 -0
  451. package/dist/navigation/useNavigationExpansion.js +77 -0
  452. package/dist/navigation/useNavigationExpansion.js.map +1 -0
  453. package/dist/navigation/utils.d.ts +13 -0
  454. package/dist/navigation/utils.js +36 -0
  455. package/dist/navigation/utils.js.map +1 -0
  456. package/dist/objectFit.d.ts +69 -0
  457. package/dist/objectFit.js +52 -0
  458. package/dist/objectFit.js.map +1 -0
  459. package/dist/overlay/_overlay.scss +2 -1
  460. package/dist/positioning/useFixedPositioning.d.ts +17 -4
  461. package/dist/positioning/useFixedPositioning.js +10 -5
  462. package/dist/positioning/useFixedPositioning.js.map +1 -1
  463. package/dist/positioning/utils.js.map +1 -1
  464. package/dist/progress/CircularProgress.d.ts +0 -2
  465. package/dist/progress/CircularProgress.js +0 -2
  466. package/dist/progress/CircularProgress.js.map +1 -1
  467. package/dist/progress/LinearProgress.d.ts +0 -2
  468. package/dist/progress/LinearProgress.js +0 -2
  469. package/dist/progress/LinearProgress.js.map +1 -1
  470. package/dist/progress/_progress.scss +20 -14
  471. package/dist/responsive-item/ResponsiveItem.d.ts +64 -0
  472. package/dist/responsive-item/ResponsiveItem.js +68 -0
  473. package/dist/responsive-item/ResponsiveItem.js.map +1 -0
  474. package/dist/responsive-item/ResponsiveItemOverlay.d.ts +1 -21
  475. package/dist/responsive-item/ResponsiveItemOverlay.js +1 -14
  476. package/dist/responsive-item/ResponsiveItemOverlay.js.map +1 -1
  477. package/dist/responsive-item/_responsive-item.scss +110 -133
  478. package/dist/responsive-item/responsiveItemOverlayStyles.d.ts +19 -0
  479. package/dist/responsive-item/responsiveItemOverlayStyles.js +14 -0
  480. package/dist/responsive-item/responsiveItemOverlayStyles.js.map +1 -0
  481. package/dist/responsive-item/responsiveItemStyles.d.ts +52 -0
  482. package/dist/responsive-item/responsiveItemStyles.js +15 -0
  483. package/dist/responsive-item/responsiveItemStyles.js.map +1 -0
  484. package/dist/scroll/useScrollLock.d.ts +5 -0
  485. package/dist/scroll/useScrollLock.js.map +1 -1
  486. package/dist/searching/utils.d.ts +2 -2
  487. package/dist/searching/utils.js.map +1 -1
  488. package/dist/segmented-button/SegmentedButton.d.ts +2 -1
  489. package/dist/segmented-button/SegmentedButton.js +2 -1
  490. package/dist/segmented-button/SegmentedButton.js.map +1 -1
  491. package/dist/segmented-button/SegmentedButtonContainer.d.ts +0 -2
  492. package/dist/segmented-button/SegmentedButtonContainer.js +0 -2
  493. package/dist/segmented-button/SegmentedButtonContainer.js.map +1 -1
  494. package/dist/segmented-button/_segmented-button.scss +6 -6
  495. package/dist/sheet/Sheet.d.ts +30 -16
  496. package/dist/sheet/Sheet.js +24 -14
  497. package/dist/sheet/Sheet.js.map +1 -1
  498. package/dist/sheet/_sheet.scss +18 -6
  499. package/dist/sheet/styles.d.ts +29 -0
  500. package/dist/sheet/styles.js +13 -0
  501. package/dist/sheet/styles.js.map +1 -1
  502. package/dist/snackbar/ToastActionButton.d.ts +0 -1
  503. package/dist/snackbar/ToastCloseButton.d.ts +0 -1
  504. package/dist/snackbar/ToastManager.js +15 -5
  505. package/dist/snackbar/ToastManager.js.map +1 -1
  506. package/dist/snackbar/_snackbar.scss +30 -17
  507. package/dist/snackbar/useCurrentToastActions.d.ts +5 -6
  508. package/dist/snackbar/useCurrentToastActions.js.map +1 -1
  509. package/dist/suspense/CircularProgressSuspense.d.ts +0 -2
  510. package/dist/suspense/CircularProgressSuspense.js +0 -2
  511. package/dist/suspense/CircularProgressSuspense.js.map +1 -1
  512. package/dist/suspense/NullSuspense.d.ts +0 -2
  513. package/dist/suspense/NullSuspense.js +0 -2
  514. package/dist/suspense/NullSuspense.js.map +1 -1
  515. package/dist/table/TableCellContent.d.ts +0 -3
  516. package/dist/table/TableCellContent.js +0 -3
  517. package/dist/table/TableCellContent.js.map +1 -1
  518. package/dist/table/TableConfigurationProvider.d.ts +0 -1
  519. package/dist/table/_table.scss +15 -3
  520. package/dist/table/tableCellStyles.d.ts +7 -3
  521. package/dist/table/tableCellStyles.js +2 -2
  522. package/dist/table/tableCellStyles.js.map +1 -1
  523. package/dist/tabs/Tab.d.ts +5 -1
  524. package/dist/tabs/Tab.js +2 -1
  525. package/dist/tabs/Tab.js.map +1 -1
  526. package/dist/tabs/TabList.d.ts +2 -2
  527. package/dist/tabs/TabList.js.map +1 -1
  528. package/dist/tabs/TabListScrollButton.d.ts +1 -1
  529. package/dist/tabs/TabListScrollButton.js +6 -2
  530. package/dist/tabs/TabListScrollButton.js.map +1 -1
  531. package/dist/tabs/_tabs.scss +48 -9
  532. package/dist/tabs/getTabListScrollToOptions.d.ts +18 -0
  533. package/dist/tabs/getTabListScrollToOptions.js +19 -0
  534. package/dist/tabs/getTabListScrollToOptions.js.map +1 -0
  535. package/dist/tabs/tabListScrollButtonStyles.d.ts +2 -0
  536. package/dist/tabs/tabListScrollButtonStyles.js +9 -5
  537. package/dist/tabs/tabListScrollButtonStyles.js.map +1 -1
  538. package/dist/tabs/tabStyles.d.ts +3 -0
  539. package/dist/tabs/tabStyles.js.map +1 -1
  540. package/dist/tabs/useTabList.d.ts +3 -8
  541. package/dist/tabs/useTabList.js +5 -2
  542. package/dist/tabs/useTabList.js.map +1 -1
  543. package/dist/tabs/useTabs.d.ts +39 -17
  544. package/dist/tabs/useTabs.js +9 -3
  545. package/dist/tabs/useTabs.js.map +1 -1
  546. package/dist/tabs/utils.d.ts +0 -18
  547. package/dist/tabs/utils.js +0 -15
  548. package/dist/tabs/utils.js.map +1 -1
  549. package/dist/test-utils/IntersectionObserver.js.map +1 -1
  550. package/dist/test-utils/data-testid.d.ts +0 -1
  551. package/dist/test-utils/matchMedia.d.ts +1 -1
  552. package/dist/test-utils/matchMedia.js +4 -4
  553. package/dist/test-utils/matchMedia.js.map +1 -1
  554. package/dist/test-utils/polyfills/TextDecoder.js +0 -1
  555. package/dist/test-utils/polyfills/TextDecoder.js.map +1 -1
  556. package/dist/test-utils/timers.d.ts +9 -5
  557. package/dist/test-utils/timers.js +5 -5
  558. package/dist/test-utils/timers.js.map +1 -1
  559. package/dist/theme/LocalStorageColorSchemeProvider.d.ts +1 -1
  560. package/dist/theme/LocalStorageColorSchemeProvider.js +2 -1
  561. package/dist/theme/LocalStorageColorSchemeProvider.js.map +1 -1
  562. package/dist/theme/ThemeProvider.js +3 -1
  563. package/dist/theme/ThemeProvider.js.map +1 -1
  564. package/dist/theme/_a11y.scss +77 -13
  565. package/dist/theme/_colors.scss +279 -277
  566. package/dist/theme/_theme.scss +308 -37
  567. package/dist/theme/isColorScheme.d.ts +16 -0
  568. package/dist/theme/isColorScheme.js +19 -0
  569. package/dist/theme/isColorScheme.js.map +1 -0
  570. package/dist/theme/types.d.ts +53 -1
  571. package/dist/theme/types.js +1 -23
  572. package/dist/theme/types.js.map +1 -1
  573. package/dist/theme/useCSSVariables.d.ts +2 -19
  574. package/dist/theme/useCSSVariables.js.map +1 -1
  575. package/dist/theme/useColorScheme.d.ts +1 -36
  576. package/dist/theme/useColorScheme.js.map +1 -1
  577. package/dist/theme/useColorSchemeMetaTag.d.ts +1 -1
  578. package/dist/theme/useColorSchemeMetaTag.js.map +1 -1
  579. package/dist/theme/useColorSchemeProvider.d.ts +1 -1
  580. package/dist/theme/useColorSchemeProvider.js +1 -1
  581. package/dist/theme/useColorSchemeProvider.js.map +1 -1
  582. package/dist/theme/{usePrefersColorScheme.js → usePrefersDarkScheme.js} +1 -1
  583. package/dist/theme/usePrefersDarkScheme.js.map +1 -0
  584. package/dist/theme/utils.js.map +1 -1
  585. package/dist/tooltip/useTooltip.d.ts +14 -9
  586. package/dist/tooltip/useTooltip.js +2 -1
  587. package/dist/tooltip/useTooltip.js.map +1 -1
  588. package/dist/transition/SlideContainer.d.ts +2 -48
  589. package/dist/transition/SlideContainer.js +2 -48
  590. package/dist/transition/SlideContainer.js.map +1 -1
  591. package/dist/transition/_transition.scss +16 -9
  592. package/dist/transition/skeletonPlaceholderUtils.js.map +1 -1
  593. package/dist/transition/types.d.ts +1 -1
  594. package/dist/transition/types.js.map +1 -1
  595. package/dist/transition/useCarousel.d.ts +3 -3
  596. package/dist/transition/useCarousel.js.map +1 -1
  597. package/dist/transition/useCollapseTransition.js.map +1 -1
  598. package/dist/transition/useTransition.js +1 -0
  599. package/dist/transition/useTransition.js.map +1 -1
  600. package/dist/transition/utils.js.map +1 -1
  601. package/dist/tree/DefaultTreeItemRenderer.d.ts +2 -3
  602. package/dist/tree/DefaultTreeItemRenderer.js +1 -1
  603. package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
  604. package/dist/tree/Tree.d.ts +3 -4
  605. package/dist/tree/Tree.js.map +1 -1
  606. package/dist/tree/TreeItem.d.ts +12 -4
  607. package/dist/tree/TreeItem.js +9 -5
  608. package/dist/tree/TreeItem.js.map +1 -1
  609. package/dist/tree/TreeItemExpander.js.map +1 -1
  610. package/dist/tree/_tree.scss +8 -6
  611. package/dist/tree/types.d.ts +11 -6
  612. package/dist/tree/types.js +1 -26
  613. package/dist/tree/types.js.map +1 -1
  614. package/dist/tree/useTree.d.ts +3 -3
  615. package/dist/tree/useTree.js.map +1 -1
  616. package/dist/tree/useTreeExpansion.d.ts +4 -4
  617. package/dist/tree/useTreeExpansion.js +6 -18
  618. package/dist/tree/useTreeExpansion.js.map +1 -1
  619. package/dist/tree/useTreeSelection.d.ts +4 -4
  620. package/dist/tree/useTreeSelection.js +7 -25
  621. package/dist/tree/useTreeSelection.js.map +1 -1
  622. package/dist/tree/utils.d.ts +1 -1
  623. package/dist/tree/utils.js.map +1 -1
  624. package/dist/types.d.ts +12 -4
  625. package/dist/types.js.map +1 -1
  626. package/dist/typography/SrOnly.d.ts +2 -1
  627. package/dist/typography/SrOnly.js +2 -1
  628. package/dist/typography/SrOnly.js.map +1 -1
  629. package/dist/typography/TextContainer.d.ts +0 -2
  630. package/dist/typography/TextContainer.js +0 -2
  631. package/dist/typography/TextContainer.js.map +1 -1
  632. package/dist/typography/Typography.d.ts +0 -2
  633. package/dist/typography/Typography.js +0 -2
  634. package/dist/typography/Typography.js.map +1 -1
  635. package/dist/typography/WritingDirectionProvider.d.ts +3 -3
  636. package/dist/typography/WritingDirectionProvider.js +2 -2
  637. package/dist/typography/WritingDirectionProvider.js.map +1 -1
  638. package/dist/typography/_typography.scss +94 -37
  639. package/dist/typography/typographyStyles.js.map +1 -1
  640. package/dist/useDebouncedFunction.d.ts +1 -5
  641. package/dist/useDebouncedFunction.js +3 -1
  642. package/dist/useDebouncedFunction.js.map +1 -1
  643. package/dist/useDropzone.d.ts +4 -4
  644. package/dist/useDropzone.js.map +1 -1
  645. package/dist/useEnsuredId.js.map +1 -1
  646. package/dist/useIntersectionObserver.d.ts +5 -5
  647. package/dist/useIntersectionObserver.js.map +1 -1
  648. package/dist/useLocalStorage.d.ts +3 -3
  649. package/dist/useLocalStorage.js +1 -1
  650. package/dist/useLocalStorage.js.map +1 -1
  651. package/dist/useMutationObserver.d.ts +1 -1
  652. package/dist/useMutationObserver.js.map +1 -1
  653. package/dist/useOrientation.js +3 -1
  654. package/dist/useOrientation.js.map +1 -1
  655. package/dist/usePageInactive.d.ts +2 -2
  656. package/dist/usePageInactive.js.map +1 -1
  657. package/dist/useReadonlySet.d.ts +76 -0
  658. package/dist/useReadonlySet.js +72 -0
  659. package/dist/useReadonlySet.js.map +1 -0
  660. package/dist/useResizeListener.d.ts +8 -2
  661. package/dist/useResizeListener.js.map +1 -1
  662. package/dist/useResizeObserver.d.ts +3 -3
  663. package/dist/useResizeObserver.js.map +1 -1
  664. package/dist/useThrottledFunction.d.ts +1 -5
  665. package/dist/useThrottledFunction.js +3 -1
  666. package/dist/useThrottledFunction.js.map +1 -1
  667. package/dist/useToggle.d.ts +7 -7
  668. package/dist/useToggle.js +1 -1
  669. package/dist/useToggle.js.map +1 -1
  670. package/dist/utils/RenderRecursively.d.ts +1 -1
  671. package/dist/utils/RenderRecursively.js.map +1 -1
  672. package/dist/utils/alphaNumericSort.d.ts +1 -1
  673. package/dist/utils/alphaNumericSort.js.map +1 -1
  674. package/dist/utils/bem.js.map +1 -1
  675. package/dist/utils/debounce.d.ts +5 -0
  676. package/dist/utils/debounce.js +17 -0
  677. package/dist/utils/debounce.js.map +1 -0
  678. package/dist/utils/nearest.js.map +1 -1
  679. package/dist/utils/parseCssLengthUnit.js.map +1 -1
  680. package/dist/utils/throttle.d.ts +5 -0
  681. package/dist/utils/throttle.js +30 -0
  682. package/dist/utils/throttle.js.map +1 -0
  683. package/dist/utils/wait.js +3 -1
  684. package/dist/utils/wait.js.map +1 -1
  685. package/dist/window-splitter/WindowSplitter.d.ts +39 -17
  686. package/dist/window-splitter/WindowSplitter.js +40 -19
  687. package/dist/window-splitter/WindowSplitter.js.map +1 -1
  688. package/dist/window-splitter/_window-splitter.scss +32 -14
  689. package/dist/window-splitter/styles.d.ts +14 -0
  690. package/dist/window-splitter/styles.js +18 -0
  691. package/dist/window-splitter/styles.js.map +1 -0
  692. package/package.json +27 -26
  693. package/src/RootHtml.tsx +0 -2
  694. package/src/app-bar/AppBar.tsx +1 -172
  695. package/src/app-bar/AppBarTitle.tsx +1 -46
  696. package/src/app-bar/styles.ts +206 -0
  697. package/src/autocomplete/Autocomplete.tsx +194 -211
  698. package/src/autocomplete/AutocompleteChip.tsx +48 -0
  699. package/src/autocomplete/AutocompleteCircularProgress.tsx +6 -17
  700. package/src/autocomplete/AutocompleteClearButton.tsx +44 -0
  701. package/src/autocomplete/AutocompleteDropdownButton.tsx +16 -37
  702. package/src/autocomplete/AutocompleteListboxChildren.tsx +68 -0
  703. package/src/autocomplete/autocompleteStyles.ts +48 -9
  704. package/src/autocomplete/defaults.ts +26 -17
  705. package/src/autocomplete/types.ts +744 -61
  706. package/src/autocomplete/useAutocomplete.ts +428 -0
  707. package/src/autocomplete/utils.ts +211 -0
  708. package/src/avatar/Avatar.tsx +0 -2
  709. package/src/badge/Badge.tsx +2 -42
  710. package/src/badge/styles.ts +45 -0
  711. package/src/box/Box.tsx +11 -11
  712. package/src/box/styles.ts +14 -5
  713. package/src/button/AsyncButton.tsx +1 -1
  714. package/src/button/Button.tsx +5 -1
  715. package/src/button/ButtonUnstyled.tsx +0 -2
  716. package/src/card/Card.tsx +35 -6
  717. package/src/card/CardContent.tsx +0 -2
  718. package/src/card/CardFooter.tsx +0 -2
  719. package/src/card/CardHeader.tsx +0 -2
  720. package/src/card/CardSubtitle.tsx +0 -2
  721. package/src/card/CardTitle.tsx +0 -2
  722. package/src/card/ClickableCard.tsx +9 -2
  723. package/src/card/styles.ts +1 -10
  724. package/src/chip/Chip.tsx +6 -3
  725. package/src/chip/styles.ts +12 -10
  726. package/src/delegateEvent.ts +5 -5
  727. package/src/dialog/Dialog.tsx +48 -61
  728. package/src/dialog/DialogContent.tsx +3 -3
  729. package/src/dialog/DialogFooter.tsx +2 -3
  730. package/src/dialog/DialogHeader.tsx +3 -3
  731. package/src/dialog/DialogTitle.tsx +3 -3
  732. package/src/dialog/FixedDialog.tsx +1 -11
  733. package/src/dialog/styles.ts +97 -0
  734. package/src/divider/Divider.tsx +0 -14
  735. package/src/divider/styles.ts +12 -0
  736. package/src/draggable/useDraggable.ts +17 -10
  737. package/src/draggable/utils.ts +3 -3
  738. package/src/expansion-panel/ExpansionList.tsx +1 -1
  739. package/src/expansion-panel/ExpansionPanel.tsx +10 -39
  740. package/src/expansion-panel/ExpansionPanelHeader.tsx +0 -1
  741. package/src/expansion-panel/expansionPanelStyles.ts +33 -0
  742. package/src/expansion-panel/useExpansionPanels.ts +18 -27
  743. package/src/{form → files}/FileInput.tsx +7 -15
  744. package/src/files/styles.ts +10 -0
  745. package/src/{form → files}/useFileUpload.ts +30 -34
  746. package/src/files/utils.ts +234 -0
  747. package/src/{form/fileUtils.ts → files/validation.ts} +13 -242
  748. package/src/focus/useFocusContainer.ts +16 -8
  749. package/src/form/Fieldset.tsx +0 -2
  750. package/src/form/FormMessage.tsx +0 -2
  751. package/src/form/FormMessageContainer.tsx +2 -3
  752. package/src/form/FormMessageCounter.tsx +0 -2
  753. package/src/form/InputToggle.tsx +6 -2
  754. package/src/form/InputToggleIcon.tsx +0 -2
  755. package/src/form/Label.tsx +18 -20
  756. package/src/form/Legend.tsx +0 -2
  757. package/src/form/Listbox.tsx +87 -0
  758. package/src/form/ListboxProvider.ts +37 -0
  759. package/src/form/MenuItemTextField.tsx +1 -2
  760. package/src/form/NativeSelect.tsx +14 -12
  761. package/src/form/Option.tsx +74 -22
  762. package/src/form/Select.tsx +89 -85
  763. package/src/form/SelectedOption.tsx +0 -2
  764. package/src/form/Slider.tsx +14 -11
  765. package/src/form/SliderContainer.tsx +0 -2
  766. package/src/form/SliderMark.tsx +0 -2
  767. package/src/form/SliderMarkLabel.tsx +0 -2
  768. package/src/form/SliderThumb.tsx +4 -4
  769. package/src/form/SliderTrack.tsx +0 -2
  770. package/src/form/SliderValueMarks.tsx +4 -6
  771. package/src/form/Switch.tsx +0 -2
  772. package/src/form/SwitchTrack.tsx +2 -1
  773. package/src/form/TextArea.tsx +6 -8
  774. package/src/form/TextField.tsx +0 -4
  775. package/src/form/TextFieldAddon.tsx +1 -3
  776. package/src/form/TextFieldContainer.tsx +9 -11
  777. package/src/form/formMessageContainerStyles.ts +22 -0
  778. package/src/form/optionStyles.ts +7 -2
  779. package/src/form/sliderUtils.ts +1 -1
  780. package/src/form/textFieldContainerStyles.ts +9 -14
  781. package/src/form/types.ts +3 -11
  782. package/src/form/useCheckboxGroup.ts +28 -36
  783. package/src/form/useCombobox.ts +86 -38
  784. package/src/form/useEditableCombobox.ts +43 -8
  785. package/src/form/useRadioGroup.ts +6 -6
  786. package/src/form/useSelectCombobox.ts +4 -4
  787. package/src/form/useTextField.ts +1 -1
  788. package/src/hoverMode/useHoverMode.ts +3 -3
  789. package/src/hoverMode/useHoverModeProvider.ts +4 -4
  790. package/src/icon/FontIcon.tsx +0 -2
  791. package/src/icon/IconRotator.tsx +0 -2
  792. package/src/icon/MaterialIcon.tsx +0 -2
  793. package/src/icon/MaterialSymbol.tsx +0 -1
  794. package/src/icon/SVGIcon.tsx +0 -2
  795. package/src/icon/TextIconSpacing.tsx +0 -2
  796. package/src/icon/iconConfig.tsx +12 -0
  797. package/src/icon/styles.ts +1 -1
  798. package/src/interaction/RippleContainer.tsx +0 -2
  799. package/src/interaction/UserInteractionModeProvider.tsx +12 -8
  800. package/src/interaction/types.ts +21 -2
  801. package/src/interaction/useElementInteraction.tsx +9 -2
  802. package/src/interaction/utils.ts +7 -7
  803. package/src/layout/LayoutNav.tsx +3 -2
  804. package/src/layout/useExpandableLayout.ts +3 -3
  805. package/src/layout/useHorizontalLayoutTransition.ts +1 -1
  806. package/src/layout/useLayoutAppBarHeight.ts +3 -4
  807. package/src/layout/useLayoutTree.ts +2 -2
  808. package/src/layout/useTemporaryLayout.ts +2 -2
  809. package/src/link/Link.tsx +0 -2
  810. package/src/list/List.tsx +1 -33
  811. package/src/list/ListItem.tsx +5 -18
  812. package/src/list/ListItemAddon.tsx +0 -2
  813. package/src/list/ListItemChildren.tsx +0 -2
  814. package/src/list/ListItemLink.tsx +5 -1
  815. package/src/list/ListItemText.tsx +0 -2
  816. package/src/list/ListSubheader.tsx +3 -2
  817. package/src/list/getListItemHeight.ts +2 -2
  818. package/src/list/listItemStyles.ts +21 -4
  819. package/src/list/listStyles.ts +31 -0
  820. package/src/list/types.ts +9 -3
  821. package/src/media-queries/AppSizeProvider.tsx +8 -0
  822. package/src/media-queries/useMediaQuery.ts +3 -2
  823. package/src/menu/Menu.tsx +11 -3
  824. package/src/menu/MenuConfigurationProvider.tsx +2 -2
  825. package/src/menu/MenuItemButton.tsx +7 -1
  826. package/src/menu/useContextMenu.ts +3 -3
  827. package/src/movement/types.ts +5 -5
  828. package/src/navigation/CollapsibleNavGroup.tsx +16 -8
  829. package/src/navigation/DefaultNavigationRenderer.tsx +8 -6
  830. package/src/navigation/NavGroup.tsx +0 -2
  831. package/src/navigation/NavItem.tsx +0 -2
  832. package/src/navigation/NavItemButton.tsx +2 -1
  833. package/src/navigation/NavItemLink.tsx +11 -3
  834. package/src/navigation/NavSubheader.tsx +1 -3
  835. package/src/navigation/Navigation.tsx +1 -1
  836. package/src/navigation/types.ts +60 -10
  837. package/src/navigation/useActiveHeadingId.ts +1 -1
  838. package/src/navigation/useNavigationExpansion.ts +170 -0
  839. package/src/navigation/utils.ts +47 -0
  840. package/src/objectFit.ts +88 -0
  841. package/src/positioning/useFixedPositioning.ts +34 -11
  842. package/src/progress/CircularProgress.tsx +0 -2
  843. package/src/progress/LinearProgress.tsx +0 -2
  844. package/src/responsive-item/ResponsiveItem.tsx +96 -0
  845. package/src/responsive-item/ResponsiveItemOverlay.tsx +6 -48
  846. package/src/responsive-item/responsiveItemOverlayStyles.ts +46 -0
  847. package/src/responsive-item/responsiveItemStyles.ts +81 -0
  848. package/src/scroll/useScrollLock.ts +6 -0
  849. package/src/searching/utils.ts +3 -3
  850. package/src/segmented-button/SegmentedButton.tsx +5 -1
  851. package/src/segmented-button/SegmentedButtonContainer.tsx +0 -2
  852. package/src/sheet/Sheet.tsx +36 -33
  853. package/src/sheet/styles.ts +50 -0
  854. package/src/snackbar/ToastManager.tsx +16 -5
  855. package/src/snackbar/useCurrentToastActions.ts +5 -5
  856. package/src/suspense/CircularProgressSuspense.tsx +0 -2
  857. package/src/suspense/NullSuspense.tsx +0 -2
  858. package/src/table/TableCellContent.tsx +0 -3
  859. package/src/table/tableCellStyles.ts +10 -6
  860. package/src/tabs/Tab.tsx +7 -1
  861. package/src/tabs/TabList.tsx +2 -2
  862. package/src/tabs/TabListScrollButton.tsx +13 -6
  863. package/src/tabs/getTabListScrollToOptions.ts +37 -0
  864. package/src/tabs/tabListScrollButtonStyles.ts +9 -5
  865. package/src/tabs/tabStyles.ts +4 -0
  866. package/src/tabs/useTabList.ts +6 -9
  867. package/src/tabs/useTabs.ts +67 -20
  868. package/src/tabs/utils.ts +0 -38
  869. package/src/test-utils/IntersectionObserver.ts +1 -1
  870. package/src/test-utils/matchMedia.ts +5 -5
  871. package/src/test-utils/polyfills/TextDecoder.ts +0 -1
  872. package/src/test-utils/timers.ts +10 -7
  873. package/src/theme/LocalStorageColorSchemeProvider.tsx +4 -4
  874. package/src/theme/ThemeProvider.tsx +3 -3
  875. package/src/theme/isColorScheme.ts +22 -0
  876. package/src/theme/types.ts +67 -1
  877. package/src/theme/useCSSVariables.ts +7 -30
  878. package/src/theme/useColorScheme.ts +1 -40
  879. package/src/theme/useColorSchemeMetaTag.ts +1 -1
  880. package/src/theme/useColorSchemeProvider.ts +2 -2
  881. package/src/tooltip/useTooltip.ts +17 -9
  882. package/src/transition/SlideContainer.tsx +2 -48
  883. package/src/transition/types.ts +1 -1
  884. package/src/transition/useCarousel.ts +3 -3
  885. package/src/transition/useTransition.ts +1 -0
  886. package/src/tree/DefaultTreeItemRenderer.tsx +3 -4
  887. package/src/tree/Tree.tsx +4 -6
  888. package/src/tree/TreeItem.tsx +18 -5
  889. package/src/tree/TreeItemExpander.tsx +1 -1
  890. package/src/tree/types.ts +16 -6
  891. package/src/tree/useTree.ts +3 -3
  892. package/src/tree/useTreeExpansion.ts +10 -28
  893. package/src/tree/useTreeSelection.ts +11 -35
  894. package/src/tree/utils.ts +6 -2
  895. package/src/types.ts +20 -4
  896. package/src/typography/SrOnly.tsx +2 -1
  897. package/src/typography/TextContainer.tsx +0 -2
  898. package/src/typography/Typography.tsx +0 -2
  899. package/src/typography/WritingDirectionProvider.tsx +3 -3
  900. package/src/useDebouncedFunction.ts +4 -9
  901. package/src/useDropzone.ts +4 -4
  902. package/src/useIntersectionObserver.ts +5 -5
  903. package/src/useLocalStorage.ts +6 -6
  904. package/src/useMutationObserver.ts +1 -1
  905. package/src/useOrientation.ts +3 -1
  906. package/src/usePageInactive.ts +2 -2
  907. package/src/useReadonlySet.ts +122 -0
  908. package/src/useResizeListener.ts +8 -2
  909. package/src/useResizeObserver.ts +3 -3
  910. package/src/useThrottledFunction.ts +6 -9
  911. package/src/useToggle.ts +7 -7
  912. package/src/utils/RenderRecursively.tsx +1 -1
  913. package/src/utils/alphaNumericSort.ts +1 -1
  914. package/src/utils/debounce.ts +22 -0
  915. package/src/utils/throttle.ts +38 -0
  916. package/src/utils/wait.ts +5 -1
  917. package/src/window-splitter/WindowSplitter.tsx +40 -45
  918. package/src/window-splitter/styles.ts +42 -0
  919. package/.eslintrc.cjs +0 -34
  920. package/.stylelintrc.json +0 -14
  921. package/.swcrc +0 -17
  922. package/.turbo/turbo-build.log +0 -22
  923. package/.turbo/turbo-lint.log +0 -12
  924. package/.turbo/turbo-test.log +0 -5516
  925. package/.turbo/turbo-typecheck.log +0 -4
  926. package/CHANGELOG.md +0 -323
  927. package/coverage/clover.xml +0 -842
  928. package/coverage/coverage-final.json +0 -6
  929. package/coverage/lcov-report/autocomplete/Autocomplete.tsx.html +0 -1033
  930. package/coverage/lcov-report/autocomplete/AutocompleteClearButton.tsx.html +0 -262
  931. package/coverage/lcov-report/autocomplete/FilterAutocompleteOptions.tsx.html +0 -364
  932. package/coverage/lcov-report/autocomplete/index.html +0 -146
  933. package/coverage/lcov-report/base.css +0 -224
  934. package/coverage/lcov-report/block-navigation.js +0 -87
  935. package/coverage/lcov-report/button/Button.tsx.html +0 -676
  936. package/coverage/lcov-report/button/index.html +0 -116
  937. package/coverage/lcov-report/card/Card.tsx.html +0 -349
  938. package/coverage/lcov-report/card/CardSubtitle.tsx.html +0 -265
  939. package/coverage/lcov-report/card/index.html +0 -146
  940. package/coverage/lcov-report/card/styles.ts.html +0 -682
  941. package/coverage/lcov-report/createHorizontalPosition.ts.html +0 -1075
  942. package/coverage/lcov-report/createVerticalPosition.ts.html +0 -997
  943. package/coverage/lcov-report/favicon.png +0 -0
  944. package/coverage/lcov-report/form/Option.tsx.html +0 -727
  945. package/coverage/lcov-report/form/index.html +0 -131
  946. package/coverage/lcov-report/form/useListboxProvider.ts.html +0 -253
  947. package/coverage/lcov-report/index.html +0 -146
  948. package/coverage/lcov-report/prettify.css +0 -1
  949. package/coverage/lcov-report/prettify.js +0 -2
  950. package/coverage/lcov-report/searching/fuzzy.ts.html +0 -607
  951. package/coverage/lcov-report/searching/index.html +0 -116
  952. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  953. package/coverage/lcov-report/sorter.js +0 -196
  954. package/coverage/lcov-report/src/card/Card.tsx.html +0 -349
  955. package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +0 -277
  956. package/coverage/lcov-report/src/card/index.html +0 -146
  957. package/coverage/lcov-report/src/card/styles.ts.html +0 -682
  958. package/coverage/lcov-report/src/cssUtils.ts.html +0 -787
  959. package/coverage/lcov-report/src/index.html +0 -116
  960. package/coverage/lcov-report/src/transition/index.html +0 -116
  961. package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +0 -766
  962. package/coverage/lcov-report/transition/index.html +0 -116
  963. package/coverage/lcov-report/transition/useCSSTransition.ts.html +0 -766
  964. package/coverage/lcov-report/typography/SrOnly.tsx.html +0 -325
  965. package/coverage/lcov-report/typography/index.html +0 -116
  966. package/coverage/lcov-report/utils.ts.html +0 -1225
  967. package/coverage/lcov.info +0 -952
  968. package/dist/autocomplete/FilterAutocompleteOptions.d.ts +0 -8
  969. package/dist/autocomplete/FilterAutocompleteOptions.js +0 -57
  970. package/dist/autocomplete/FilterAutocompleteOptions.js.map +0 -1
  971. package/dist/dialog/DialogContainer.d.ts +0 -16
  972. package/dist/dialog/DialogContainer.js +0 -22
  973. package/dist/dialog/DialogContainer.js.map +0 -1
  974. package/dist/form/FileInput.js.map +0 -1
  975. package/dist/form/fileUtils.js.map +0 -1
  976. package/dist/form/useFileUpload.js.map +0 -1
  977. package/dist/form/useListboxProvider.d.ts +0 -31
  978. package/dist/form/useListboxProvider.js.map +0 -1
  979. package/dist/navigation/getHrefFromParents.d.ts +0 -5
  980. package/dist/navigation/getHrefFromParents.js +0 -13
  981. package/dist/navigation/getHrefFromParents.js.map +0 -1
  982. package/dist/responsive-item/ResponsiveItemContainer.d.ts +0 -117
  983. package/dist/responsive-item/ResponsiveItemContainer.js +0 -82
  984. package/dist/responsive-item/ResponsiveItemContainer.js.map +0 -1
  985. package/dist/responsive-item/styles.d.ts +0 -34
  986. package/dist/responsive-item/styles.js +0 -17
  987. package/dist/responsive-item/styles.js.map +0 -1
  988. package/dist/theme/usePrefersColorScheme.js.map +0 -1
  989. package/jest.config.ts +0 -68
  990. package/jest.setup.ts +0 -3
  991. package/scripts/copySassFiles.ts +0 -70
  992. package/scripts/getExportMap.ts +0 -66
  993. package/scripts/tsconfig.json +0 -18
  994. package/src/__tests__/NoSsr.node.tsx +0 -26
  995. package/src/__tests__/NoSsr.tsx +0 -89
  996. package/src/__tests__/RootHtml.node.tsx +0 -46
  997. package/src/__tests__/__snapshots__/RootHtml.node.tsx.snap +0 -19
  998. package/src/__tests__/useAsyncFunction.tsx +0 -124
  999. package/src/__tests__/useDebouncedFunction.tsx +0 -108
  1000. package/src/__tests__/useDropzone.tsx +0 -131
  1001. package/src/__tests__/useElementSize.tsx +0 -181
  1002. package/src/__tests__/useEnsuredId.tsx +0 -25
  1003. package/src/__tests__/useEnsuredState.tsx +0 -74
  1004. package/src/__tests__/useHtmlClassName.tsx +0 -54
  1005. package/src/__tests__/useLocalStorage.tsx +0 -377
  1006. package/src/__tests__/useOrientation.node.tsx +0 -20
  1007. package/src/__tests__/useOrientation.tsx +0 -63
  1008. package/src/__tests__/useResizeObserver.tsx +0 -258
  1009. package/src/__tests__/useThrottledFunction.tsx +0 -226
  1010. package/src/__tests__/useToggle.tsx +0 -78
  1011. package/src/__tests__/useWindowSize.node.tsx +0 -56
  1012. package/src/__tests__/useWindowSize.tsx +0 -155
  1013. package/src/_box-shadows.scss +0 -219
  1014. package/src/_core.scss +0 -432
  1015. package/src/_utils.scss +0 -348
  1016. package/src/app-bar/__tests__/AppBar.tsx +0 -121
  1017. package/src/app-bar/__tests__/AppBarTitle.tsx +0 -39
  1018. package/src/app-bar/__tests__/__snapshots__/AppBar.tsx.snap +0 -186
  1019. package/src/app-bar/__tests__/__snapshots__/AppBarTitle.tsx.snap +0 -47
  1020. package/src/app-bar/_app-bar.scss +0 -248
  1021. package/src/autocomplete/FilterAutocompleteOptions.tsx +0 -86
  1022. package/src/autocomplete/__tests__/Autocomplete.tsx +0 -458
  1023. package/src/autocomplete/__tests__/__snapshots__/Autocomplete.tsx.snap +0 -144
  1024. package/src/autocomplete/_autocomplete.scss +0 -75
  1025. package/src/avatar/__tests__/Avatar.tsx +0 -75
  1026. package/src/avatar/__tests__/__snapshots__/Avatar.tsx.snap +0 -73
  1027. package/src/avatar/_avatar.scss +0 -157
  1028. package/src/badge/__tests__/Badge.tsx +0 -42
  1029. package/src/badge/__tests__/__snapshots__/Badge.tsx.snap +0 -54
  1030. package/src/badge/_badge.scss +0 -145
  1031. package/src/box/__tests__/Box.tsx +0 -158
  1032. package/src/box/__tests__/__snapshots__/Box.tsx.snap +0 -544
  1033. package/src/box/_box.scss +0 -168
  1034. package/src/button/__tests__/AsyncButton.tsx +0 -211
  1035. package/src/button/__tests__/Button.tsx +0 -198
  1036. package/src/button/__tests__/ButtonUnstyled.tsx +0 -37
  1037. package/src/button/__tests__/TooltippedButton.tsx +0 -60
  1038. package/src/button/__tests__/__snapshots__/AsyncButton.tsx.snap +0 -418
  1039. package/src/button/__tests__/__snapshots__/Button.tsx.snap +0 -573
  1040. package/src/button/__tests__/__snapshots__/ButtonUnstyled.tsx.snap +0 -22
  1041. package/src/button/__tests__/__snapshots__/TooltippedButton.tsx.snap +0 -26
  1042. package/src/button/__tests__/__snapshots__/buttonStyles.ts.snap +0 -11
  1043. package/src/button/__tests__/buttonStyles.ts +0 -15
  1044. package/src/button/_button.scss +0 -330
  1045. package/src/card/__tests__/Card.tsx +0 -37
  1046. package/src/card/__tests__/CardContent.tsx +0 -40
  1047. package/src/card/__tests__/CardFooter.tsx +0 -34
  1048. package/src/card/__tests__/CardHeader.tsx +0 -66
  1049. package/src/card/__tests__/CardSubtitle.tsx +0 -30
  1050. package/src/card/__tests__/CardTitle.tsx +0 -30
  1051. package/src/card/__tests__/ClickableCard.tsx +0 -66
  1052. package/src/card/__tests__/__snapshots__/Card.tsx.snap +0 -40
  1053. package/src/card/__tests__/__snapshots__/CardContent.tsx.snap +0 -50
  1054. package/src/card/__tests__/__snapshots__/CardFooter.tsx.snap +0 -30
  1055. package/src/card/__tests__/__snapshots__/CardHeader.tsx.snap +0 -74
  1056. package/src/card/__tests__/__snapshots__/CardSubtitle.tsx.snap +0 -18
  1057. package/src/card/__tests__/__snapshots__/CardTitle.tsx.snap +0 -18
  1058. package/src/card/__tests__/__snapshots__/ClickableCard.tsx.snap +0 -20
  1059. package/src/card/__tests__/__snapshots__/styles.ts.snap +0 -13
  1060. package/src/card/__tests__/styles.ts +0 -45
  1061. package/src/card/_card.scss +0 -189
  1062. package/src/chip/__tests__/Chip.tsx +0 -327
  1063. package/src/chip/__tests__/__snapshots__/Chip.tsx.snap +0 -597
  1064. package/src/chip/__tests__/__snapshots__/styles.ts.snap +0 -5
  1065. package/src/chip/__tests__/styles.ts +0 -14
  1066. package/src/chip/_chip.scss +0 -324
  1067. package/src/dialog/DialogContainer.tsx +0 -30
  1068. package/src/dialog/__tests__/Dialog.tsx +0 -316
  1069. package/src/dialog/__tests__/DialogContent.tsx +0 -53
  1070. package/src/dialog/__tests__/DialogFooter.tsx +0 -70
  1071. package/src/dialog/__tests__/DialogHeader.tsx +0 -37
  1072. package/src/dialog/__tests__/DialogTitle.tsx +0 -41
  1073. package/src/dialog/__tests__/__snapshots__/Dialog.tsx.snap +0 -84
  1074. package/src/dialog/__tests__/__snapshots__/DialogContent.tsx.snap +0 -36
  1075. package/src/dialog/__tests__/__snapshots__/DialogFooter.tsx.snap +0 -186
  1076. package/src/dialog/__tests__/__snapshots__/DialogHeader.tsx.snap +0 -18
  1077. package/src/dialog/__tests__/__snapshots__/DialogTitle.tsx.snap +0 -26
  1078. package/src/dialog/_dialog.scss +0 -273
  1079. package/src/divider/__tests__/Divider.tsx +0 -36
  1080. package/src/divider/__tests__/__snapshots__/Divider.tsx.snap +0 -26
  1081. package/src/divider/_divider.scss +0 -124
  1082. package/src/draggable/__tests__/__snapshots__/useDraggable.tsx.snap +0 -49
  1083. package/src/draggable/__tests__/useDraggable.tsx +0 -540
  1084. package/src/draggable/_draggable.scss +0 -29
  1085. package/src/expansion-panel/__tests__/ExpansionPanel.tsx +0 -290
  1086. package/src/expansion-panel/__tests__/__snapshots__/ExpansionPanel.tsx.snap +0 -197
  1087. package/src/expansion-panel/_expansion-panel.scss +0 -107
  1088. package/src/focus/__tests__/useFocusContainer.tsx +0 -280
  1089. package/src/form/__tests__/Checkbox.tsx +0 -42
  1090. package/src/form/__tests__/Fieldset.tsx +0 -44
  1091. package/src/form/__tests__/FileInput.tsx +0 -120
  1092. package/src/form/__tests__/Label.tsx +0 -69
  1093. package/src/form/__tests__/Legend.tsx +0 -34
  1094. package/src/form/__tests__/MenuItemCheckbox.tsx +0 -53
  1095. package/src/form/__tests__/MenuItemRadio.tsx +0 -53
  1096. package/src/form/__tests__/Radio.tsx +0 -35
  1097. package/src/form/__tests__/Select.tsx +0 -439
  1098. package/src/form/__tests__/Switch.tsx +0 -152
  1099. package/src/form/__tests__/TextArea.tsx +0 -433
  1100. package/src/form/__tests__/TextField.tsx +0 -195
  1101. package/src/form/__tests__/__snapshots__/Checkbox.tsx.snap +0 -99
  1102. package/src/form/__tests__/__snapshots__/Fieldset.tsx.snap +0 -58
  1103. package/src/form/__tests__/__snapshots__/FileInput.tsx.snap +0 -612
  1104. package/src/form/__tests__/__snapshots__/Label.tsx.snap +0 -140
  1105. package/src/form/__tests__/__snapshots__/Legend.tsx.snap +0 -30
  1106. package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap +0 -96
  1107. package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap +0 -96
  1108. package/src/form/__tests__/__snapshots__/Radio.tsx.snap +0 -99
  1109. package/src/form/__tests__/__snapshots__/Select.tsx.snap +0 -492
  1110. package/src/form/__tests__/__snapshots__/Switch.tsx.snap +0 -428
  1111. package/src/form/__tests__/__snapshots__/TextArea.tsx.snap +0 -548
  1112. package/src/form/__tests__/__snapshots__/TextField.tsx.snap +0 -279
  1113. package/src/form/__tests__/__snapshots__/useCheckboxGroup.tsx.snap +0 -481
  1114. package/src/form/__tests__/__snapshots__/useRadioGroup.tsx.snap +0 -704
  1115. package/src/form/__tests__/useCheckboxGroup.tsx +0 -292
  1116. package/src/form/__tests__/useFileUpload.tsx +0 -289
  1117. package/src/form/__tests__/useFormReset.tsx +0 -194
  1118. package/src/form/__tests__/useRadioGroup.tsx +0 -227
  1119. package/src/form/__tests__/utils.ts +0 -247
  1120. package/src/form/_form.scss +0 -2190
  1121. package/src/form/useListboxProvider.ts +0 -45
  1122. package/src/icon/__tests__/FontIcon.tsx +0 -45
  1123. package/src/icon/__tests__/IconRotator.tsx +0 -120
  1124. package/src/icon/__tests__/MaterialIcon.tsx +0 -79
  1125. package/src/icon/__tests__/MaterialSymbol.tsx +0 -100
  1126. package/src/icon/__tests__/SVGIcon.tsx +0 -40
  1127. package/src/icon/__tests__/TextIconSpacing.tsx +0 -108
  1128. package/src/icon/__tests__/__snapshots__/FontIcon.tsx.snap +0 -35
  1129. package/src/icon/__tests__/__snapshots__/IconRotator.tsx.snap +0 -165
  1130. package/src/icon/__tests__/__snapshots__/MaterialIcon.tsx.snap +0 -82
  1131. package/src/icon/__tests__/__snapshots__/MaterialSymbol.tsx.snap +0 -42
  1132. package/src/icon/__tests__/__snapshots__/SVGIcon.tsx.snap +0 -47
  1133. package/src/icon/__tests__/__snapshots__/TextIconSpacing.tsx.snap +0 -101
  1134. package/src/icon/__tests__/__snapshots__/styles.ts.snap +0 -29
  1135. package/src/icon/__tests__/styles.ts +0 -28
  1136. package/src/icon/_icon.scss +0 -213
  1137. package/src/interaction/__tests__/UserInteractionModeProvider.tsx +0 -121
  1138. package/src/interaction/__tests__/__snapshots__/useHigherContrastChildren.tsx.snap +0 -79
  1139. package/src/interaction/__tests__/useHigherContrastChildren.tsx +0 -97
  1140. package/src/interaction/_interaction.scss +0 -436
  1141. package/src/layout/__tests__/LayoutAppBar.tsx +0 -117
  1142. package/src/layout/__tests__/LayoutNav.tsx +0 -78
  1143. package/src/layout/__tests__/LayoutWindowSplitter.tsx +0 -63
  1144. package/src/layout/__tests__/Main.tsx +0 -51
  1145. package/src/layout/__tests__/__snapshots__/LayoutAppBar.tsx.snap +0 -78
  1146. package/src/layout/__tests__/__snapshots__/LayoutNav.tsx.snap +0 -31
  1147. package/src/layout/__tests__/__snapshots__/LayoutWindowSplitter.tsx.snap +0 -60
  1148. package/src/layout/__tests__/__snapshots__/Main.tsx.snap +0 -32
  1149. package/src/layout/__tests__/__snapshots__/useExpandableLayout.tsx.snap +0 -116
  1150. package/src/layout/__tests__/__snapshots__/useLayoutTree.tsx.snap +0 -676
  1151. package/src/layout/__tests__/__snapshots__/useResizableLayout.tsx.snap +0 -95
  1152. package/src/layout/__tests__/__snapshots__/useTemporaryLayout.tsx.snap +0 -141
  1153. package/src/layout/__tests__/useExpandableLayout.tsx +0 -279
  1154. package/src/layout/__tests__/useLayoutTree.tsx +0 -212
  1155. package/src/layout/__tests__/useResizableLayout.tsx +0 -170
  1156. package/src/layout/__tests__/useTemporaryLayout.tsx +0 -109
  1157. package/src/layout/_layout.scss +0 -163
  1158. package/src/link/__tests__/Link.tsx +0 -31
  1159. package/src/link/__tests__/SkipToMainContent.tsx +0 -125
  1160. package/src/link/__tests__/__snapshots__/Link.tsx.snap +0 -20
  1161. package/src/link/__tests__/__snapshots__/SkipToMainContent.tsx.snap +0 -22
  1162. package/src/link/_link.scss +0 -149
  1163. package/src/list/__tests__/List.tsx +0 -58
  1164. package/src/list/__tests__/ListItem.tsx +0 -280
  1165. package/src/list/__tests__/ListItemLink.tsx +0 -89
  1166. package/src/list/__tests__/ListSubheader.tsx +0 -81
  1167. package/src/list/__tests__/__snapshots__/List.tsx.snap +0 -41
  1168. package/src/list/__tests__/__snapshots__/ListItem.tsx.snap +0 -414
  1169. package/src/list/__tests__/__snapshots__/ListItemLink.tsx.snap +0 -73
  1170. package/src/list/__tests__/__snapshots__/ListSubheader.tsx.snap +0 -99
  1171. package/src/list/__tests__/getListItemHeight.ts +0 -176
  1172. package/src/list/_list.scss +0 -322
  1173. package/src/media-queries/__tests__/AppSizeProvider.node.tsx +0 -37
  1174. package/src/media-queries/__tests__/AppSizeProvider.tsx +0 -119
  1175. package/src/media-queries/__tests__/useMediaQuery.node.tsx +0 -20
  1176. package/src/media-queries/__tests__/useMediaQuery.tsx +0 -59
  1177. package/src/media-queries/_media-queries.scss +0 -63
  1178. package/src/menu/__tests__/DropdownMenu.tsx +0 -627
  1179. package/src/menu/__tests__/MenuBar.tsx +0 -354
  1180. package/src/menu/__tests__/MenuItemCircularProgress.tsx +0 -39
  1181. package/src/menu/__tests__/MenuVisibilityProvider.tsx +0 -34
  1182. package/src/menu/__tests__/__snapshots__/DropdownMenu.tsx.snap +0 -292
  1183. package/src/menu/__tests__/__snapshots__/MenuBar.tsx.snap +0 -87
  1184. package/src/menu/__tests__/__snapshots__/MenuItemCircularProgress.tsx.snap +0 -68
  1185. package/src/menu/__tests__/__snapshots__/useContextMenu.tsx.snap +0 -54
  1186. package/src/menu/__tests__/useContextMenu.tsx +0 -41
  1187. package/src/menu/__tests__/utils.ts +0 -121
  1188. package/src/menu/_menu.scss +0 -116
  1189. package/src/movement/__tests__/findMatchIndex.ts +0 -244
  1190. package/src/movement/__tests__/utils.ts +0 -710
  1191. package/src/navigation/__tests__/Navigation.tsx +0 -97
  1192. package/src/navigation/__tests__/__snapshots__/Navigation.tsx.snap +0 -165
  1193. package/src/navigation/_navigation.scss +0 -99
  1194. package/src/navigation/getHrefFromParents.ts +0 -15
  1195. package/src/overlay/__tests__/Overlay.tsx +0 -198
  1196. package/src/overlay/__tests__/__snapshots__/Overlay.tsx.snap +0 -77
  1197. package/src/overlay/_overlay.scss +0 -74
  1198. package/src/portal/__tests__/PortalContainerProvider.node.tsx +0 -26
  1199. package/src/portal/__tests__/PortalContainerProvider.tsx +0 -84
  1200. package/src/positioning/__tests__/__snapshots__/useFixedPositioning.tsx.snap +0 -87
  1201. package/src/positioning/__tests__/createHorizontalPosition.ts +0 -777
  1202. package/src/positioning/__tests__/createVerticalPosition.ts +0 -464
  1203. package/src/positioning/__tests__/useFixedPositioning.tsx +0 -205
  1204. package/src/positioning/__tests__/utils.ts +0 -1311
  1205. package/src/progress/__tests__/CircularProgress.tsx +0 -153
  1206. package/src/progress/__tests__/LinearProgress.tsx +0 -131
  1207. package/src/progress/__tests__/__snapshots__/CircularProgress.tsx.snap +0 -499
  1208. package/src/progress/__tests__/__snapshots__/LinearProgress.tsx.snap +0 -321
  1209. package/src/progress/__tests__/getProgressA11y.ts +0 -16
  1210. package/src/progress/_progress.scss +0 -577
  1211. package/src/responsive-item/ResponsiveItemContainer.tsx +0 -176
  1212. package/src/responsive-item/__tests__/ResponsiveItemContainer.tsx +0 -56
  1213. package/src/responsive-item/__tests__/ResponsiveItemOverlay.tsx +0 -66
  1214. package/src/responsive-item/__tests__/__snapshots__/ResponsiveItemContainer.tsx.snap +0 -85
  1215. package/src/responsive-item/__tests__/__snapshots__/ResponsiveItemOverlay.tsx.snap +0 -151
  1216. package/src/responsive-item/__tests__/__snapshots__/styles.ts.snap +0 -9
  1217. package/src/responsive-item/__tests__/styles.ts +0 -32
  1218. package/src/responsive-item/_responsive-item.scss +0 -199
  1219. package/src/responsive-item/styles.ts +0 -58
  1220. package/src/searching/__tests__/caseInsensitive.ts +0 -165
  1221. package/src/searching/__tests__/fuzzy.ts +0 -169
  1222. package/src/searching/__tests__/toSearchQuery.ts +0 -21
  1223. package/src/searching/__tests__/useFuzzyMatch.tsx +0 -200
  1224. package/src/segmented-button/__tests__/SegmentedButton.tsx +0 -61
  1225. package/src/segmented-button/__tests__/SegmentedButtonContainer.tsx +0 -38
  1226. package/src/segmented-button/__tests__/__snapshots__/SegmentedButton.tsx.snap +0 -116
  1227. package/src/segmented-button/__tests__/__snapshots__/SegmentedButtonContainer.tsx.snap +0 -22
  1228. package/src/segmented-button/_segmented-button.scss +0 -208
  1229. package/src/sheet/_sheet.scss +0 -189
  1230. package/src/snackbar/__tests__/Snackbar.tsx +0 -85
  1231. package/src/snackbar/__tests__/Toast.tsx +0 -105
  1232. package/src/snackbar/__tests__/ToastActionButton.tsx +0 -112
  1233. package/src/snackbar/__tests__/ToastCloseButton.tsx +0 -140
  1234. package/src/snackbar/__tests__/ToastContent.tsx +0 -88
  1235. package/src/snackbar/__tests__/ToastManagerProvider.tsx +0 -852
  1236. package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +0 -176
  1237. package/src/snackbar/__tests__/__snapshots__/Toast.tsx.snap +0 -52
  1238. package/src/snackbar/__tests__/__snapshots__/ToastActionButton.tsx.snap +0 -36
  1239. package/src/snackbar/__tests__/__snapshots__/ToastCloseButton.tsx.snap +0 -104
  1240. package/src/snackbar/__tests__/__snapshots__/ToastContent.tsx.snap +0 -26
  1241. package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +0 -290
  1242. package/src/snackbar/_snackbar.scss +0 -266
  1243. package/src/suspense/__tests__/CircularProgressSuspense.tsx +0 -90
  1244. package/src/suspense/__tests__/NullSuspense.tsx +0 -46
  1245. package/src/suspense/__tests__/__snapshots__/CircularProgressSuspense.tsx.snap +0 -24
  1246. package/src/table/__tests__/Table.tsx +0 -315
  1247. package/src/table/__tests__/TableBody.tsx +0 -52
  1248. package/src/table/__tests__/TableCheckbox.tsx +0 -89
  1249. package/src/table/__tests__/TableContainer.tsx +0 -31
  1250. package/src/table/__tests__/TableRadio.tsx +0 -112
  1251. package/src/table/__tests__/TableRow.tsx +0 -63
  1252. package/src/table/__tests__/__snapshots__/Table.tsx.snap +0 -2426
  1253. package/src/table/__tests__/__snapshots__/TableBody.tsx.snap +0 -54
  1254. package/src/table/__tests__/__snapshots__/TableCheckbox.tsx.snap +0 -142
  1255. package/src/table/__tests__/__snapshots__/TableContainer.tsx.snap +0 -16
  1256. package/src/table/__tests__/__snapshots__/TableRadio.tsx.snap +0 -138
  1257. package/src/table/__tests__/__snapshots__/TableRow.tsx.snap +0 -56
  1258. package/src/table/__tests__/__snapshots__/tableContainerStyles.ts.snap +0 -3
  1259. package/src/table/__tests__/__snapshots__/tableRowStyles.ts.snap +0 -3
  1260. package/src/table/__tests__/__snapshots__/tableStyles.ts.snap +0 -3
  1261. package/src/table/__tests__/tableContainerStyles.ts +0 -8
  1262. package/src/table/__tests__/tableRowStyles.ts +0 -8
  1263. package/src/table/__tests__/tableStyles.ts +0 -8
  1264. package/src/table/_table.scss +0 -447
  1265. package/src/tabs/__tests__/Tab.tsx +0 -51
  1266. package/src/tabs/__tests__/TabList.tsx +0 -640
  1267. package/src/tabs/__tests__/__snapshots__/Tab.tsx.snap +0 -85
  1268. package/src/tabs/__tests__/__snapshots__/TabList.tsx.snap +0 -51
  1269. package/src/tabs/__tests__/useTabs.tsx +0 -212
  1270. package/src/tabs/_tabs.scss +0 -273
  1271. package/src/test-utils/__tests__/ResizeObserver.ts +0 -171
  1272. package/src/theme/__tests__/LocalStorageColorSchemeProvider.tsx +0 -162
  1273. package/src/theme/__tests__/ThemeProvider.tsx +0 -90
  1274. package/src/theme/__tests__/__snapshots__/useCSSVariables.tsx.snap +0 -27
  1275. package/src/theme/__tests__/__snapshots__/useColorSchemeMetaTag.tsx.snap +0 -15
  1276. package/src/theme/__tests__/useCSSVariables.tsx +0 -177
  1277. package/src/theme/__tests__/useColorSchemeMetaTag.tsx +0 -36
  1278. package/src/theme/__tests__/utils.ts +0 -67
  1279. package/src/theme/_a11y.scss +0 -114
  1280. package/src/theme/_colors.scss +0 -1057
  1281. package/src/theme/_theme.scss +0 -520
  1282. package/src/tooltip/__tests__/Tooltip.tsx +0 -501
  1283. package/src/tooltip/__tests__/TooltipHoverModeProvider.tsx +0 -94
  1284. package/src/tooltip/__tests__/__snapshots__/Tooltip.tsx.snap +0 -34
  1285. package/src/tooltip/__tests__/utils.ts +0 -94
  1286. package/src/tooltip/_tooltip.scss +0 -155
  1287. package/src/transition/__tests__/CSSTransition.tsx +0 -182
  1288. package/src/transition/__tests__/Collapse.tsx +0 -209
  1289. package/src/transition/__tests__/CrossFade.tsx +0 -227
  1290. package/src/transition/__tests__/ScaleTransition.tsx +0 -204
  1291. package/src/transition/__tests__/SkeletonPlaceholder.tsx +0 -72
  1292. package/src/transition/__tests__/__snapshots__/CSSTransition.tsx.snap +0 -145
  1293. package/src/transition/__tests__/__snapshots__/Collapse.tsx.snap +0 -224
  1294. package/src/transition/__tests__/__snapshots__/CrossFade.tsx.snap +0 -240
  1295. package/src/transition/__tests__/__snapshots__/ScaleTransition.tsx.snap +0 -239
  1296. package/src/transition/__tests__/__snapshots__/SkeletonPlaceholder.tsx.snap +0 -24
  1297. package/src/transition/__tests__/__snapshots__/useCollapseTransition.tsx.snap +0 -361
  1298. package/src/transition/__tests__/__snapshots__/useCrossFadeTransition.tsx.snap +0 -258
  1299. package/src/transition/__tests__/__snapshots__/useMaxWidthTransition.tsx.snap +0 -68
  1300. package/src/transition/__tests__/__snapshots__/useScaleTransition.tsx.snap +0 -209
  1301. package/src/transition/__tests__/useCSSTransition.tsx +0 -190
  1302. package/src/transition/__tests__/useCollapseTransition.tsx +0 -316
  1303. package/src/transition/__tests__/useCrossFadeTransition.tsx +0 -229
  1304. package/src/transition/__tests__/useMaxWidthTransition.tsx +0 -123
  1305. package/src/transition/__tests__/useScaleTransition.tsx +0 -212
  1306. package/src/transition/__tests__/useTransition.tsx +0 -569
  1307. package/src/transition/__tests__/utils.ts +0 -620
  1308. package/src/transition/_transition.scss +0 -365
  1309. package/src/tree/__tests__/Tree.tsx +0 -735
  1310. package/src/tree/__tests__/TreeGroup.tsx +0 -76
  1311. package/src/tree/__tests__/TreeItemExpander.tsx +0 -74
  1312. package/src/tree/__tests__/__snapshots__/Tree.tsx.snap +0 -3618
  1313. package/src/tree/__tests__/__snapshots__/TreeItemExpander.tsx.snap +0 -11
  1314. package/src/tree/__tests__/utils.ts +0 -98
  1315. package/src/tree/_tree.scss +0 -176
  1316. package/src/typography/__tests__/SrOnly.tsx +0 -43
  1317. package/src/typography/__tests__/TextContainer.tsx +0 -45
  1318. package/src/typography/__tests__/Typography.tsx +0 -87
  1319. package/src/typography/__tests__/WritingDirectionProvider.node.tsx +0 -27
  1320. package/src/typography/__tests__/WritingDirectionProvider.tsx +0 -119
  1321. package/src/typography/__tests__/__snapshots__/SrOnly.tsx.snap +0 -56
  1322. package/src/typography/__tests__/__snapshots__/TextContainer.tsx.snap +0 -29
  1323. package/src/typography/__tests__/__snapshots__/Typography.tsx.snap +0 -112
  1324. package/src/typography/_typography.scss +0 -399
  1325. package/src/utils/__tests__/RenderRecursively.tsx +0 -87
  1326. package/src/utils/__tests__/__snapshots__/RenderRecursively.tsx.snap +0 -80
  1327. package/src/utils/__tests__/applyRef.ts +0 -30
  1328. package/src/utils/__tests__/bem.ts +0 -54
  1329. package/src/utils/__tests__/getMiddleOfRange.ts +0 -12
  1330. package/src/utils/__tests__/getPercentage.ts +0 -104
  1331. package/src/utils/__tests__/getRangeDefaultValue.ts +0 -47
  1332. package/src/utils/__tests__/getRangeSteps.ts +0 -14
  1333. package/src/utils/__tests__/loop.ts +0 -50
  1334. package/src/utils/__tests__/nearest.ts +0 -83
  1335. package/src/utils/__tests__/parseCssLengthUnit.node.ts +0 -28
  1336. package/src/utils/__tests__/parseCssLengthUnit.ts +0 -47
  1337. package/src/utils/__tests__/wait.ts +0 -12
  1338. package/src/utils/__tests__/withinRange.ts +0 -24
  1339. package/src/window-splitter/_window-splitter.scss +0 -143
  1340. package/tsconfig.json +0 -19
  1341. package/tsconfig.types.json +0 -12
  1342. package/tsdoc.json +0 -14
  1343. /package/dist/theme/{usePrefersColorScheme.d.ts → usePrefersDarkScheme.d.ts} +0 -0
  1344. /package/src/theme/{usePrefersColorScheme.ts → usePrefersDarkScheme.ts} +0 -0
package/src/tree/__tests__/__snapshots__/Tree.tsx.snap DELETED
@@ -1,3618 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Tree should apply the correct styling, HTML attributes, and allow a ref 1`] = `
4
- <ul
5
- aria-activedescendant=""
6
- aria-label="Tree"
7
- class="rmd-list rmd-tree"
8
- id="tree-:r0:"
9
- role="tree"
10
- tabindex="0"
11
- />
12
- `;
13
-
14
- exports[`Tree should apply the correct styling, HTML attributes, and allow a ref 2`] = `
15
- <ul
16
- aria-activedescendant=""
17
- aria-label="Tree"
18
- class="rmd-list rmd-tree custom-class-name"
19
- id="tree-:r0:"
20
- role="tree"
21
- style="color: white;"
22
- tabindex="0"
23
- />
24
- `;
25
-
26
- exports[`Tree should handle multi-select tree behavior 1`] = `
27
- <ul
28
- aria-activedescendant=""
29
- aria-label="Tree"
30
- class="rmd-list rmd-tree"
31
- id="tree-:ra:"
32
- role="tree"
33
- tabindex="0"
34
- >
35
- <li
36
- class="rmd-tree-item"
37
- role="none"
38
- >
39
- <span
40
- aria-selected="false"
41
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
42
- id="tree-item-:rb:"
43
- role="treeitem"
44
- tabindex="-1"
45
- >
46
- <span
47
- class="rmd-list-item__text"
48
- >
49
- <span>
50
- Folder 1
51
- </span>
52
- </span>
53
- </span>
54
- </li>
55
- <li
56
- class="rmd-tree-item rmd-tree-item--expander-right"
57
- role="none"
58
- >
59
- <span
60
- aria-expanded="false"
61
- aria-selected="false"
62
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
63
- id="tree-item-:rc:"
64
- role="treeitem"
65
- tabindex="-1"
66
- >
67
- <span
68
- class="rmd-list-item__text"
69
- >
70
- <span>
71
- Folder 2
72
- </span>
73
- </span>
74
- <span
75
- aria-hidden="true"
76
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
77
- >
78
- arrow_drop_down
79
- </span>
80
- </span>
81
- <ul
82
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
83
- id="tree-item-:rc:-group"
84
- role="group"
85
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
86
- >
87
- <li
88
- class="rmd-tree-item"
89
- role="none"
90
- >
91
- <span
92
- aria-selected="false"
93
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
94
- id="tree-item-:rd:"
95
- role="treeitem"
96
- tabindex="-1"
97
- >
98
- <span
99
- class="rmd-list-item__text"
100
- >
101
- <span>
102
- Folder 2 Child 1
103
- </span>
104
- </span>
105
- </span>
106
- </li>
107
- <li
108
- class="rmd-tree-item rmd-tree-item--expander-right"
109
- role="none"
110
- >
111
- <span
112
- aria-expanded="false"
113
- aria-selected="false"
114
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
115
- id="tree-item-:re:"
116
- role="treeitem"
117
- tabindex="-1"
118
- >
119
- <span
120
- class="rmd-list-item__text"
121
- >
122
- <span>
123
- Folder 2 Child 2
124
- </span>
125
- </span>
126
- <span
127
- aria-hidden="true"
128
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
129
- >
130
- arrow_drop_down
131
- </span>
132
- </span>
133
- <ul
134
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
135
- id="tree-item-:re:-group"
136
- role="group"
137
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
138
- >
139
- <li
140
- class="rmd-tree-item rmd-tree-item--expander-right"
141
- role="none"
142
- >
143
- <span
144
- aria-expanded="false"
145
- aria-selected="false"
146
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
147
- id="tree-item-:rf:"
148
- role="treeitem"
149
- tabindex="-1"
150
- >
151
- <span
152
- class="rmd-list-item__text"
153
- >
154
- <span>
155
- Folder 2 Child 2 Child 1
156
- </span>
157
- </span>
158
- <span
159
- aria-hidden="true"
160
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
161
- >
162
- arrow_drop_down
163
- </span>
164
- </span>
165
- <ul
166
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
167
- id="tree-item-:rf:-group"
168
- role="group"
169
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
170
- >
171
- <li
172
- class="rmd-tree-item"
173
- role="none"
174
- >
175
- <span
176
- aria-selected="false"
177
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
178
- id="tree-item-:rg:"
179
- role="treeitem"
180
- tabindex="-1"
181
- >
182
- <span
183
- class="rmd-list-item__text"
184
- >
185
- <span>
186
- Folder 2 Child 2 Child 1 Child 1
187
- </span>
188
- </span>
189
- </span>
190
- </li>
191
- </ul>
192
- </li>
193
- </ul>
194
- </li>
195
- <li
196
- class="rmd-tree-item"
197
- role="none"
198
- >
199
- <span
200
- aria-selected="false"
201
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
202
- id="tree-item-:rh:"
203
- role="treeitem"
204
- tabindex="-1"
205
- >
206
- <span
207
- class="rmd-list-item__text"
208
- >
209
- <span>
210
- Folder 2 Child 3
211
- </span>
212
- </span>
213
- </span>
214
- </li>
215
- </ul>
216
- </li>
217
- <li
218
- class="rmd-tree-item"
219
- role="none"
220
- >
221
- <span
222
- aria-selected="false"
223
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
224
- id="tree-item-:ri:"
225
- role="treeitem"
226
- tabindex="-1"
227
- >
228
- <span
229
- class="rmd-list-item__text"
230
- >
231
- <span>
232
- Folder 3
233
- </span>
234
- </span>
235
- </span>
236
- </li>
237
- </ul>
238
- `;
239
-
240
- exports[`Tree should handle multi-select tree behavior 2`] = `
241
- <ul
242
- aria-activedescendant="tree-item-:rc:"
243
- aria-label="Tree"
244
- class="rmd-list rmd-tree"
245
- id="tree-:ra:"
246
- role="tree"
247
- tabindex="0"
248
- >
249
- <li
250
- class="rmd-tree-item"
251
- role="none"
252
- >
253
- <span
254
- aria-selected="true"
255
- class="rmd-tree-item__content rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
256
- id="tree-item-:rb:"
257
- role="treeitem"
258
- tabindex="-1"
259
- >
260
- <span
261
- class="rmd-list-item__text"
262
- >
263
- <span>
264
- Folder 1
265
- </span>
266
- </span>
267
- </span>
268
- </li>
269
- <li
270
- class="rmd-tree-item rmd-tree-item--expander-right"
271
- role="none"
272
- >
273
- <span
274
- aria-expanded="true"
275
- aria-selected="true"
276
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
277
- id="tree-item-:rc:"
278
- role="treeitem"
279
- tabindex="-1"
280
- >
281
- <span
282
- class="rmd-list-item__text"
283
- >
284
- <span>
285
- Folder 2
286
- </span>
287
- </span>
288
- <span
289
- aria-hidden="true"
290
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
291
- >
292
- arrow_drop_down
293
- </span>
294
- </span>
295
- <ul
296
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
297
- id="tree-item-:rc:-group"
298
- role="group"
299
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
300
- >
301
- <li
302
- class="rmd-tree-item"
303
- role="none"
304
- >
305
- <span
306
- aria-selected="false"
307
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
308
- id="tree-item-:rd:"
309
- role="treeitem"
310
- tabindex="-1"
311
- >
312
- <span
313
- class="rmd-list-item__text"
314
- >
315
- <span>
316
- Folder 2 Child 1
317
- </span>
318
- </span>
319
- </span>
320
- </li>
321
- <li
322
- class="rmd-tree-item rmd-tree-item--expander-right"
323
- role="none"
324
- >
325
- <span
326
- aria-expanded="false"
327
- aria-selected="false"
328
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
329
- id="tree-item-:re:"
330
- role="treeitem"
331
- tabindex="-1"
332
- >
333
- <span
334
- class="rmd-list-item__text"
335
- >
336
- <span>
337
- Folder 2 Child 2
338
- </span>
339
- </span>
340
- <span
341
- aria-hidden="true"
342
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
343
- >
344
- arrow_drop_down
345
- </span>
346
- </span>
347
- <ul
348
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
349
- id="tree-item-:re:-group"
350
- role="group"
351
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
352
- >
353
- <li
354
- class="rmd-tree-item rmd-tree-item--expander-right"
355
- role="none"
356
- >
357
- <span
358
- aria-expanded="false"
359
- aria-selected="false"
360
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
361
- id="tree-item-:rf:"
362
- role="treeitem"
363
- tabindex="-1"
364
- >
365
- <span
366
- class="rmd-list-item__text"
367
- >
368
- <span>
369
- Folder 2 Child 2 Child 1
370
- </span>
371
- </span>
372
- <span
373
- aria-hidden="true"
374
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
375
- >
376
- arrow_drop_down
377
- </span>
378
- </span>
379
- <ul
380
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
381
- id="tree-item-:rf:-group"
382
- role="group"
383
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
384
- >
385
- <li
386
- class="rmd-tree-item"
387
- role="none"
388
- >
389
- <span
390
- aria-selected="false"
391
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
392
- id="tree-item-:rg:"
393
- role="treeitem"
394
- tabindex="-1"
395
- >
396
- <span
397
- class="rmd-list-item__text"
398
- >
399
- <span>
400
- Folder 2 Child 2 Child 1 Child 1
401
- </span>
402
- </span>
403
- </span>
404
- </li>
405
- </ul>
406
- </li>
407
- </ul>
408
- </li>
409
- <li
410
- class="rmd-tree-item"
411
- role="none"
412
- >
413
- <span
414
- aria-selected="false"
415
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
416
- id="tree-item-:rh:"
417
- role="treeitem"
418
- tabindex="-1"
419
- >
420
- <span
421
- class="rmd-list-item__text"
422
- >
423
- <span>
424
- Folder 2 Child 3
425
- </span>
426
- </span>
427
- </span>
428
- </li>
429
- </ul>
430
- </li>
431
- <li
432
- class="rmd-tree-item"
433
- role="none"
434
- >
435
- <span
436
- aria-selected="false"
437
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
438
- id="tree-item-:ri:"
439
- role="treeitem"
440
- tabindex="-1"
441
- >
442
- <span
443
- class="rmd-list-item__text"
444
- >
445
- <span>
446
- Folder 3
447
- </span>
448
- </span>
449
- </span>
450
- </li>
451
- </ul>
452
- `;
453
-
454
- exports[`Tree should handle multi-select tree behavior 3`] = `
455
- <ul
456
- aria-activedescendant="tree-item-:rc:"
457
- aria-label="Tree"
458
- class="rmd-list rmd-tree"
459
- id="tree-:ra:"
460
- role="tree"
461
- tabindex="0"
462
- >
463
- <li
464
- class="rmd-tree-item"
465
- role="none"
466
- >
467
- <span
468
- aria-selected="true"
469
- class="rmd-tree-item__content rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
470
- id="tree-item-:rb:"
471
- role="treeitem"
472
- tabindex="-1"
473
- >
474
- <span
475
- class="rmd-list-item__text"
476
- >
477
- <span>
478
- Folder 1
479
- </span>
480
- </span>
481
- </span>
482
- </li>
483
- <li
484
- class="rmd-tree-item rmd-tree-item--expander-right"
485
- role="none"
486
- >
487
- <span
488
- aria-expanded="true"
489
- aria-selected="true"
490
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
491
- id="tree-item-:rc:"
492
- role="treeitem"
493
- tabindex="-1"
494
- >
495
- <span
496
- class="rmd-list-item__text"
497
- >
498
- <span>
499
- Folder 2
500
- </span>
501
- </span>
502
- <span
503
- aria-hidden="true"
504
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
505
- >
506
- arrow_drop_down
507
- </span>
508
- </span>
509
- <ul
510
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
511
- id="tree-item-:rc:-group"
512
- role="group"
513
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
514
- >
515
- <li
516
- class="rmd-tree-item"
517
- role="none"
518
- >
519
- <span
520
- aria-selected="false"
521
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
522
- id="tree-item-:rd:"
523
- role="treeitem"
524
- tabindex="-1"
525
- >
526
- <span
527
- class="rmd-list-item__text"
528
- >
529
- <span>
530
- Folder 2 Child 1
531
- </span>
532
- </span>
533
- </span>
534
- </li>
535
- <li
536
- class="rmd-tree-item rmd-tree-item--expander-right"
537
- role="none"
538
- >
539
- <span
540
- aria-expanded="false"
541
- aria-selected="false"
542
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
543
- id="tree-item-:re:"
544
- role="treeitem"
545
- tabindex="-1"
546
- >
547
- <span
548
- class="rmd-list-item__text"
549
- >
550
- <span>
551
- Folder 2 Child 2
552
- </span>
553
- </span>
554
- <span
555
- aria-hidden="true"
556
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
557
- >
558
- arrow_drop_down
559
- </span>
560
- </span>
561
- <ul
562
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
563
- id="tree-item-:re:-group"
564
- role="group"
565
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
566
- >
567
- <li
568
- class="rmd-tree-item rmd-tree-item--expander-right"
569
- role="none"
570
- >
571
- <span
572
- aria-expanded="false"
573
- aria-selected="false"
574
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
575
- id="tree-item-:rf:"
576
- role="treeitem"
577
- tabindex="-1"
578
- >
579
- <span
580
- class="rmd-list-item__text"
581
- >
582
- <span>
583
- Folder 2 Child 2 Child 1
584
- </span>
585
- </span>
586
- <span
587
- aria-hidden="true"
588
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
589
- >
590
- arrow_drop_down
591
- </span>
592
- </span>
593
- <ul
594
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
595
- id="tree-item-:rf:-group"
596
- role="group"
597
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
598
- >
599
- <li
600
- class="rmd-tree-item"
601
- role="none"
602
- >
603
- <span
604
- aria-selected="false"
605
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
606
- id="tree-item-:rg:"
607
- role="treeitem"
608
- tabindex="-1"
609
- >
610
- <span
611
- class="rmd-list-item__text"
612
- >
613
- <span>
614
- Folder 2 Child 2 Child 1 Child 1
615
- </span>
616
- </span>
617
- </span>
618
- </li>
619
- </ul>
620
- </li>
621
- </ul>
622
- </li>
623
- <li
624
- class="rmd-tree-item"
625
- role="none"
626
- >
627
- <span
628
- aria-selected="false"
629
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
630
- id="tree-item-:rh:"
631
- role="treeitem"
632
- tabindex="-1"
633
- >
634
- <span
635
- class="rmd-list-item__text"
636
- >
637
- <span>
638
- Folder 2 Child 3
639
- </span>
640
- </span>
641
- </span>
642
- </li>
643
- </ul>
644
- </li>
645
- <li
646
- class="rmd-tree-item"
647
- role="none"
648
- >
649
- <span
650
- aria-selected="false"
651
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
652
- id="tree-item-:ri:"
653
- role="treeitem"
654
- tabindex="-1"
655
- >
656
- <span
657
- class="rmd-list-item__text"
658
- >
659
- <span>
660
- Folder 3
661
- </span>
662
- </span>
663
- </span>
664
- </li>
665
- </ul>
666
- `;
667
-
668
- exports[`Tree should handle multi-select tree behavior 4`] = `
669
- <ul
670
- aria-activedescendant="tree-item-:rb:"
671
- aria-label="Tree"
672
- class="rmd-list rmd-tree"
673
- id="tree-:ra:"
674
- role="tree"
675
- tabindex="0"
676
- >
677
- <li
678
- class="rmd-tree-item"
679
- role="none"
680
- >
681
- <span
682
- aria-selected="false"
683
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-list-item rmd-interaction-surface"
684
- id="tree-item-:rb:"
685
- role="treeitem"
686
- tabindex="-1"
687
- >
688
- <span
689
- class="rmd-list-item__text"
690
- >
691
- <span>
692
- Folder 1
693
- </span>
694
- </span>
695
- </span>
696
- </li>
697
- <li
698
- class="rmd-tree-item rmd-tree-item--expander-right"
699
- role="none"
700
- >
701
- <span
702
- aria-expanded="true"
703
- aria-selected="true"
704
- class="rmd-tree-item__content rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
705
- id="tree-item-:rc:"
706
- role="treeitem"
707
- tabindex="-1"
708
- >
709
- <span
710
- class="rmd-list-item__text"
711
- >
712
- <span>
713
- Folder 2
714
- </span>
715
- </span>
716
- <span
717
- aria-hidden="true"
718
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
719
- >
720
- arrow_drop_down
721
- </span>
722
- </span>
723
- <ul
724
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
725
- id="tree-item-:rc:-group"
726
- role="group"
727
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
728
- >
729
- <li
730
- class="rmd-tree-item"
731
- role="none"
732
- >
733
- <span
734
- aria-selected="false"
735
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
736
- id="tree-item-:rd:"
737
- role="treeitem"
738
- tabindex="-1"
739
- >
740
- <span
741
- class="rmd-list-item__text"
742
- >
743
- <span>
744
- Folder 2 Child 1
745
- </span>
746
- </span>
747
- </span>
748
- </li>
749
- <li
750
- class="rmd-tree-item rmd-tree-item--expander-right"
751
- role="none"
752
- >
753
- <span
754
- aria-expanded="false"
755
- aria-selected="false"
756
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
757
- id="tree-item-:re:"
758
- role="treeitem"
759
- tabindex="-1"
760
- >
761
- <span
762
- class="rmd-list-item__text"
763
- >
764
- <span>
765
- Folder 2 Child 2
766
- </span>
767
- </span>
768
- <span
769
- aria-hidden="true"
770
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
771
- >
772
- arrow_drop_down
773
- </span>
774
- </span>
775
- <ul
776
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
777
- id="tree-item-:re:-group"
778
- role="group"
779
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
780
- >
781
- <li
782
- class="rmd-tree-item rmd-tree-item--expander-right"
783
- role="none"
784
- >
785
- <span
786
- aria-expanded="false"
787
- aria-selected="false"
788
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
789
- id="tree-item-:rf:"
790
- role="treeitem"
791
- tabindex="-1"
792
- >
793
- <span
794
- class="rmd-list-item__text"
795
- >
796
- <span>
797
- Folder 2 Child 2 Child 1
798
- </span>
799
- </span>
800
- <span
801
- aria-hidden="true"
802
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
803
- >
804
- arrow_drop_down
805
- </span>
806
- </span>
807
- <ul
808
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
809
- id="tree-item-:rf:-group"
810
- role="group"
811
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
812
- >
813
- <li
814
- class="rmd-tree-item"
815
- role="none"
816
- >
817
- <span
818
- aria-selected="false"
819
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
820
- id="tree-item-:rg:"
821
- role="treeitem"
822
- tabindex="-1"
823
- >
824
- <span
825
- class="rmd-list-item__text"
826
- >
827
- <span>
828
- Folder 2 Child 2 Child 1 Child 1
829
- </span>
830
- </span>
831
- </span>
832
- </li>
833
- </ul>
834
- </li>
835
- </ul>
836
- </li>
837
- <li
838
- class="rmd-tree-item"
839
- role="none"
840
- >
841
- <span
842
- aria-selected="false"
843
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
844
- id="tree-item-:rh:"
845
- role="treeitem"
846
- tabindex="-1"
847
- >
848
- <span
849
- class="rmd-list-item__text"
850
- >
851
- <span>
852
- Folder 2 Child 3
853
- </span>
854
- </span>
855
- </span>
856
- </li>
857
- </ul>
858
- </li>
859
- <li
860
- class="rmd-tree-item"
861
- role="none"
862
- >
863
- <span
864
- aria-selected="false"
865
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
866
- id="tree-item-:ri:"
867
- role="treeitem"
868
- tabindex="-1"
869
- >
870
- <span
871
- class="rmd-list-item__text"
872
- >
873
- <span>
874
- Folder 3
875
- </span>
876
- </span>
877
- </span>
878
- </li>
879
- </ul>
880
- `;
881
-
882
- exports[`Tree should handle multi-select tree behavior 5`] = `
883
- <ul
884
- aria-activedescendant="tree-item-:rc:"
885
- aria-label="Tree"
886
- class="rmd-list rmd-tree"
887
- id="tree-:ra:"
888
- role="tree"
889
- tabindex="0"
890
- >
891
- <li
892
- class="rmd-tree-item"
893
- role="none"
894
- >
895
- <span
896
- aria-selected="false"
897
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
898
- id="tree-item-:rb:"
899
- role="treeitem"
900
- tabindex="-1"
901
- >
902
- <span
903
- class="rmd-list-item__text"
904
- >
905
- <span>
906
- Folder 1
907
- </span>
908
- </span>
909
- </span>
910
- </li>
911
- <li
912
- class="rmd-tree-item rmd-tree-item--expander-right"
913
- role="none"
914
- >
915
- <span
916
- aria-expanded="false"
917
- aria-selected="false"
918
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-list-item rmd-interaction-surface"
919
- id="tree-item-:rc:"
920
- role="treeitem"
921
- tabindex="-1"
922
- >
923
- <span
924
- class="rmd-list-item__text"
925
- >
926
- <span>
927
- Folder 2
928
- </span>
929
- </span>
930
- <span
931
- aria-hidden="true"
932
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
933
- >
934
- arrow_drop_down
935
- </span>
936
- </span>
937
- <ul
938
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
939
- id="tree-item-:rc:-group"
940
- role="group"
941
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
942
- >
943
- <li
944
- class="rmd-tree-item"
945
- role="none"
946
- >
947
- <span
948
- aria-selected="false"
949
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
950
- id="tree-item-:rd:"
951
- role="treeitem"
952
- tabindex="-1"
953
- >
954
- <span
955
- class="rmd-list-item__text"
956
- >
957
- <span>
958
- Folder 2 Child 1
959
- </span>
960
- </span>
961
- </span>
962
- </li>
963
- <li
964
- class="rmd-tree-item rmd-tree-item--expander-right"
965
- role="none"
966
- >
967
- <span
968
- aria-expanded="false"
969
- aria-selected="false"
970
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
971
- id="tree-item-:re:"
972
- role="treeitem"
973
- tabindex="-1"
974
- >
975
- <span
976
- class="rmd-list-item__text"
977
- >
978
- <span>
979
- Folder 2 Child 2
980
- </span>
981
- </span>
982
- <span
983
- aria-hidden="true"
984
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
985
- >
986
- arrow_drop_down
987
- </span>
988
- </span>
989
- <ul
990
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
991
- id="tree-item-:re:-group"
992
- role="group"
993
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
994
- >
995
- <li
996
- class="rmd-tree-item rmd-tree-item--expander-right"
997
- role="none"
998
- >
999
- <span
1000
- aria-expanded="false"
1001
- aria-selected="false"
1002
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1003
- id="tree-item-:rf:"
1004
- role="treeitem"
1005
- tabindex="-1"
1006
- >
1007
- <span
1008
- class="rmd-list-item__text"
1009
- >
1010
- <span>
1011
- Folder 2 Child 2 Child 1
1012
- </span>
1013
- </span>
1014
- <span
1015
- aria-hidden="true"
1016
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1017
- >
1018
- arrow_drop_down
1019
- </span>
1020
- </span>
1021
- <ul
1022
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1023
- id="tree-item-:rf:-group"
1024
- role="group"
1025
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
1026
- >
1027
- <li
1028
- class="rmd-tree-item"
1029
- role="none"
1030
- >
1031
- <span
1032
- aria-selected="false"
1033
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1034
- id="tree-item-:rg:"
1035
- role="treeitem"
1036
- tabindex="-1"
1037
- >
1038
- <span
1039
- class="rmd-list-item__text"
1040
- >
1041
- <span>
1042
- Folder 2 Child 2 Child 1 Child 1
1043
- </span>
1044
- </span>
1045
- </span>
1046
- </li>
1047
- </ul>
1048
- </li>
1049
- </ul>
1050
- </li>
1051
- <li
1052
- class="rmd-tree-item"
1053
- role="none"
1054
- >
1055
- <span
1056
- aria-selected="false"
1057
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1058
- id="tree-item-:rh:"
1059
- role="treeitem"
1060
- tabindex="-1"
1061
- >
1062
- <span
1063
- class="rmd-list-item__text"
1064
- >
1065
- <span>
1066
- Folder 2 Child 3
1067
- </span>
1068
- </span>
1069
- </span>
1070
- </li>
1071
- </ul>
1072
- </li>
1073
- <li
1074
- class="rmd-tree-item"
1075
- role="none"
1076
- >
1077
- <span
1078
- aria-selected="false"
1079
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1080
- id="tree-item-:ri:"
1081
- role="treeitem"
1082
- tabindex="-1"
1083
- >
1084
- <span
1085
- class="rmd-list-item__text"
1086
- >
1087
- <span>
1088
- Folder 3
1089
- </span>
1090
- </span>
1091
- </span>
1092
- </li>
1093
- </ul>
1094
- `;
1095
-
1096
- exports[`Tree should handle single select tree behavior 1`] = `
1097
- <ul
1098
- aria-activedescendant=""
1099
- aria-label="Tree"
1100
- class="rmd-list rmd-tree"
1101
- id="tree-:r1:"
1102
- role="tree"
1103
- tabindex="0"
1104
- >
1105
- <li
1106
- class="rmd-tree-item"
1107
- role="none"
1108
- >
1109
- <span
1110
- aria-selected="false"
1111
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1112
- id="tree-item-:r2:"
1113
- role="treeitem"
1114
- tabindex="-1"
1115
- >
1116
- <span
1117
- class="rmd-list-item__text"
1118
- >
1119
- <span>
1120
- Folder 1
1121
- </span>
1122
- </span>
1123
- </span>
1124
- </li>
1125
- <li
1126
- class="rmd-tree-item rmd-tree-item--expander-right"
1127
- role="none"
1128
- >
1129
- <span
1130
- aria-expanded="false"
1131
- aria-selected="false"
1132
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1133
- id="tree-item-:r3:"
1134
- role="treeitem"
1135
- tabindex="-1"
1136
- >
1137
- <span
1138
- class="rmd-list-item__text"
1139
- >
1140
- <span>
1141
- Folder 2
1142
- </span>
1143
- </span>
1144
- <span
1145
- aria-hidden="true"
1146
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1147
- >
1148
- arrow_drop_down
1149
- </span>
1150
- </span>
1151
- <ul
1152
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1153
- id="tree-item-:r3:-group"
1154
- role="group"
1155
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
1156
- >
1157
- <li
1158
- class="rmd-tree-item"
1159
- role="none"
1160
- >
1161
- <span
1162
- aria-selected="false"
1163
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1164
- id="tree-item-:r4:"
1165
- role="treeitem"
1166
- tabindex="-1"
1167
- >
1168
- <span
1169
- class="rmd-list-item__text"
1170
- >
1171
- <span>
1172
- Folder 2 Child 1
1173
- </span>
1174
- </span>
1175
- </span>
1176
- </li>
1177
- <li
1178
- class="rmd-tree-item rmd-tree-item--expander-right"
1179
- role="none"
1180
- >
1181
- <span
1182
- aria-expanded="false"
1183
- aria-selected="false"
1184
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1185
- id="tree-item-:r5:"
1186
- role="treeitem"
1187
- tabindex="-1"
1188
- >
1189
- <span
1190
- class="rmd-list-item__text"
1191
- >
1192
- <span>
1193
- Folder 2 Child 2
1194
- </span>
1195
- </span>
1196
- <span
1197
- aria-hidden="true"
1198
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1199
- >
1200
- arrow_drop_down
1201
- </span>
1202
- </span>
1203
- <ul
1204
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1205
- id="tree-item-:r5:-group"
1206
- role="group"
1207
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
1208
- >
1209
- <li
1210
- class="rmd-tree-item rmd-tree-item--expander-right"
1211
- role="none"
1212
- >
1213
- <span
1214
- aria-expanded="false"
1215
- aria-selected="false"
1216
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1217
- id="tree-item-:r6:"
1218
- role="treeitem"
1219
- tabindex="-1"
1220
- >
1221
- <span
1222
- class="rmd-list-item__text"
1223
- >
1224
- <span>
1225
- Folder 2 Child 2 Child 1
1226
- </span>
1227
- </span>
1228
- <span
1229
- aria-hidden="true"
1230
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1231
- >
1232
- arrow_drop_down
1233
- </span>
1234
- </span>
1235
- <ul
1236
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1237
- id="tree-item-:r6:-group"
1238
- role="group"
1239
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
1240
- >
1241
- <li
1242
- class="rmd-tree-item"
1243
- role="none"
1244
- >
1245
- <span
1246
- aria-selected="false"
1247
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1248
- id="tree-item-:r7:"
1249
- role="treeitem"
1250
- tabindex="-1"
1251
- >
1252
- <span
1253
- class="rmd-list-item__text"
1254
- >
1255
- <span>
1256
- Folder 2 Child 2 Child 1 Child 1
1257
- </span>
1258
- </span>
1259
- </span>
1260
- </li>
1261
- </ul>
1262
- </li>
1263
- </ul>
1264
- </li>
1265
- <li
1266
- class="rmd-tree-item"
1267
- role="none"
1268
- >
1269
- <span
1270
- aria-selected="false"
1271
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1272
- id="tree-item-:r8:"
1273
- role="treeitem"
1274
- tabindex="-1"
1275
- >
1276
- <span
1277
- class="rmd-list-item__text"
1278
- >
1279
- <span>
1280
- Folder 2 Child 3
1281
- </span>
1282
- </span>
1283
- </span>
1284
- </li>
1285
- </ul>
1286
- </li>
1287
- <li
1288
- class="rmd-tree-item"
1289
- role="none"
1290
- >
1291
- <span
1292
- aria-selected="false"
1293
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1294
- id="tree-item-:r9:"
1295
- role="treeitem"
1296
- tabindex="-1"
1297
- >
1298
- <span
1299
- class="rmd-list-item__text"
1300
- >
1301
- <span>
1302
- Folder 3
1303
- </span>
1304
- </span>
1305
- </span>
1306
- </li>
1307
- </ul>
1308
- `;
1309
-
1310
- exports[`Tree should handle single select tree behavior 2`] = `
1311
- <ul
1312
- aria-activedescendant="tree-item-:r3:"
1313
- aria-label="Tree"
1314
- class="rmd-list rmd-tree"
1315
- id="tree-:r1:"
1316
- role="tree"
1317
- tabindex="0"
1318
- >
1319
- <li
1320
- class="rmd-tree-item"
1321
- role="none"
1322
- >
1323
- <span
1324
- aria-selected="false"
1325
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1326
- id="tree-item-:r2:"
1327
- role="treeitem"
1328
- tabindex="-1"
1329
- >
1330
- <span
1331
- class="rmd-list-item__text"
1332
- >
1333
- <span>
1334
- Folder 1
1335
- </span>
1336
- </span>
1337
- </span>
1338
- </li>
1339
- <li
1340
- class="rmd-tree-item rmd-tree-item--expander-right"
1341
- role="none"
1342
- >
1343
- <span
1344
- aria-expanded="true"
1345
- aria-selected="true"
1346
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
1347
- id="tree-item-:r3:"
1348
- role="treeitem"
1349
- tabindex="-1"
1350
- >
1351
- <span
1352
- class="rmd-list-item__text"
1353
- >
1354
- <span>
1355
- Folder 2
1356
- </span>
1357
- </span>
1358
- <span
1359
- aria-hidden="true"
1360
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
1361
- >
1362
- arrow_drop_down
1363
- </span>
1364
- </span>
1365
- <ul
1366
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
1367
- id="tree-item-:r3:-group"
1368
- role="group"
1369
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
1370
- >
1371
- <li
1372
- class="rmd-tree-item"
1373
- role="none"
1374
- >
1375
- <span
1376
- aria-selected="false"
1377
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1378
- id="tree-item-:r4:"
1379
- role="treeitem"
1380
- tabindex="-1"
1381
- >
1382
- <span
1383
- class="rmd-list-item__text"
1384
- >
1385
- <span>
1386
- Folder 2 Child 1
1387
- </span>
1388
- </span>
1389
- </span>
1390
- </li>
1391
- <li
1392
- class="rmd-tree-item rmd-tree-item--expander-right"
1393
- role="none"
1394
- >
1395
- <span
1396
- aria-expanded="false"
1397
- aria-selected="false"
1398
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1399
- id="tree-item-:r5:"
1400
- role="treeitem"
1401
- tabindex="-1"
1402
- >
1403
- <span
1404
- class="rmd-list-item__text"
1405
- >
1406
- <span>
1407
- Folder 2 Child 2
1408
- </span>
1409
- </span>
1410
- <span
1411
- aria-hidden="true"
1412
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1413
- >
1414
- arrow_drop_down
1415
- </span>
1416
- </span>
1417
- <ul
1418
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1419
- id="tree-item-:r5:-group"
1420
- role="group"
1421
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
1422
- >
1423
- <li
1424
- class="rmd-tree-item rmd-tree-item--expander-right"
1425
- role="none"
1426
- >
1427
- <span
1428
- aria-expanded="false"
1429
- aria-selected="false"
1430
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1431
- id="tree-item-:r6:"
1432
- role="treeitem"
1433
- tabindex="-1"
1434
- >
1435
- <span
1436
- class="rmd-list-item__text"
1437
- >
1438
- <span>
1439
- Folder 2 Child 2 Child 1
1440
- </span>
1441
- </span>
1442
- <span
1443
- aria-hidden="true"
1444
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1445
- >
1446
- arrow_drop_down
1447
- </span>
1448
- </span>
1449
- <ul
1450
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1451
- id="tree-item-:r6:-group"
1452
- role="group"
1453
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
1454
- >
1455
- <li
1456
- class="rmd-tree-item"
1457
- role="none"
1458
- >
1459
- <span
1460
- aria-selected="false"
1461
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1462
- id="tree-item-:r7:"
1463
- role="treeitem"
1464
- tabindex="-1"
1465
- >
1466
- <span
1467
- class="rmd-list-item__text"
1468
- >
1469
- <span>
1470
- Folder 2 Child 2 Child 1 Child 1
1471
- </span>
1472
- </span>
1473
- </span>
1474
- </li>
1475
- </ul>
1476
- </li>
1477
- </ul>
1478
- </li>
1479
- <li
1480
- class="rmd-tree-item"
1481
- role="none"
1482
- >
1483
- <span
1484
- aria-selected="false"
1485
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1486
- id="tree-item-:r8:"
1487
- role="treeitem"
1488
- tabindex="-1"
1489
- >
1490
- <span
1491
- class="rmd-list-item__text"
1492
- >
1493
- <span>
1494
- Folder 2 Child 3
1495
- </span>
1496
- </span>
1497
- </span>
1498
- </li>
1499
- </ul>
1500
- </li>
1501
- <li
1502
- class="rmd-tree-item"
1503
- role="none"
1504
- >
1505
- <span
1506
- aria-selected="false"
1507
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1508
- id="tree-item-:r9:"
1509
- role="treeitem"
1510
- tabindex="-1"
1511
- >
1512
- <span
1513
- class="rmd-list-item__text"
1514
- >
1515
- <span>
1516
- Folder 3
1517
- </span>
1518
- </span>
1519
- </span>
1520
- </li>
1521
- </ul>
1522
- `;
1523
-
1524
- exports[`Tree should handle single select tree behavior 3`] = `
1525
- <ul
1526
- aria-activedescendant="tree-item-:r3:"
1527
- aria-label="Tree"
1528
- class="rmd-list rmd-tree"
1529
- id="tree-:r1:"
1530
- role="tree"
1531
- tabindex="0"
1532
- >
1533
- <li
1534
- class="rmd-tree-item"
1535
- role="none"
1536
- >
1537
- <span
1538
- aria-selected="false"
1539
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1540
- id="tree-item-:r2:"
1541
- role="treeitem"
1542
- tabindex="-1"
1543
- >
1544
- <span
1545
- class="rmd-list-item__text"
1546
- >
1547
- <span>
1548
- Folder 1
1549
- </span>
1550
- </span>
1551
- </span>
1552
- </li>
1553
- <li
1554
- class="rmd-tree-item rmd-tree-item--expander-right"
1555
- role="none"
1556
- >
1557
- <span
1558
- aria-expanded="true"
1559
- aria-selected="true"
1560
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
1561
- id="tree-item-:r3:"
1562
- role="treeitem"
1563
- tabindex="-1"
1564
- >
1565
- <span
1566
- class="rmd-list-item__text"
1567
- >
1568
- <span>
1569
- Folder 2
1570
- </span>
1571
- </span>
1572
- <span
1573
- aria-hidden="true"
1574
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
1575
- >
1576
- arrow_drop_down
1577
- </span>
1578
- </span>
1579
- <ul
1580
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
1581
- id="tree-item-:r3:-group"
1582
- role="group"
1583
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
1584
- >
1585
- <li
1586
- class="rmd-tree-item"
1587
- role="none"
1588
- >
1589
- <span
1590
- aria-selected="false"
1591
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1592
- id="tree-item-:r4:"
1593
- role="treeitem"
1594
- tabindex="-1"
1595
- >
1596
- <span
1597
- class="rmd-list-item__text"
1598
- >
1599
- <span>
1600
- Folder 2 Child 1
1601
- </span>
1602
- </span>
1603
- </span>
1604
- </li>
1605
- <li
1606
- class="rmd-tree-item rmd-tree-item--expander-right"
1607
- role="none"
1608
- >
1609
- <span
1610
- aria-expanded="false"
1611
- aria-selected="false"
1612
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1613
- id="tree-item-:r5:"
1614
- role="treeitem"
1615
- tabindex="-1"
1616
- >
1617
- <span
1618
- class="rmd-list-item__text"
1619
- >
1620
- <span>
1621
- Folder 2 Child 2
1622
- </span>
1623
- </span>
1624
- <span
1625
- aria-hidden="true"
1626
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1627
- >
1628
- arrow_drop_down
1629
- </span>
1630
- </span>
1631
- <ul
1632
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1633
- id="tree-item-:r5:-group"
1634
- role="group"
1635
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
1636
- >
1637
- <li
1638
- class="rmd-tree-item rmd-tree-item--expander-right"
1639
- role="none"
1640
- >
1641
- <span
1642
- aria-expanded="false"
1643
- aria-selected="false"
1644
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1645
- id="tree-item-:r6:"
1646
- role="treeitem"
1647
- tabindex="-1"
1648
- >
1649
- <span
1650
- class="rmd-list-item__text"
1651
- >
1652
- <span>
1653
- Folder 2 Child 2 Child 1
1654
- </span>
1655
- </span>
1656
- <span
1657
- aria-hidden="true"
1658
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1659
- >
1660
- arrow_drop_down
1661
- </span>
1662
- </span>
1663
- <ul
1664
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1665
- id="tree-item-:r6:-group"
1666
- role="group"
1667
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
1668
- >
1669
- <li
1670
- class="rmd-tree-item"
1671
- role="none"
1672
- >
1673
- <span
1674
- aria-selected="false"
1675
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1676
- id="tree-item-:r7:"
1677
- role="treeitem"
1678
- tabindex="-1"
1679
- >
1680
- <span
1681
- class="rmd-list-item__text"
1682
- >
1683
- <span>
1684
- Folder 2 Child 2 Child 1 Child 1
1685
- </span>
1686
- </span>
1687
- </span>
1688
- </li>
1689
- </ul>
1690
- </li>
1691
- </ul>
1692
- </li>
1693
- <li
1694
- class="rmd-tree-item"
1695
- role="none"
1696
- >
1697
- <span
1698
- aria-selected="false"
1699
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1700
- id="tree-item-:r8:"
1701
- role="treeitem"
1702
- tabindex="-1"
1703
- >
1704
- <span
1705
- class="rmd-list-item__text"
1706
- >
1707
- <span>
1708
- Folder 2 Child 3
1709
- </span>
1710
- </span>
1711
- </span>
1712
- </li>
1713
- </ul>
1714
- </li>
1715
- <li
1716
- class="rmd-tree-item"
1717
- role="none"
1718
- >
1719
- <span
1720
- aria-selected="false"
1721
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1722
- id="tree-item-:r9:"
1723
- role="treeitem"
1724
- tabindex="-1"
1725
- >
1726
- <span
1727
- class="rmd-list-item__text"
1728
- >
1729
- <span>
1730
- Folder 3
1731
- </span>
1732
- </span>
1733
- </span>
1734
- </li>
1735
- </ul>
1736
- `;
1737
-
1738
- exports[`Tree should handle single select tree behavior 4`] = `
1739
- <ul
1740
- aria-activedescendant="tree-item-:r2:"
1741
- aria-label="Tree"
1742
- class="rmd-list rmd-tree"
1743
- id="tree-:r1:"
1744
- role="tree"
1745
- tabindex="0"
1746
- >
1747
- <li
1748
- class="rmd-tree-item"
1749
- role="none"
1750
- >
1751
- <span
1752
- aria-selected="true"
1753
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
1754
- id="tree-item-:r2:"
1755
- role="treeitem"
1756
- tabindex="-1"
1757
- >
1758
- <span
1759
- class="rmd-list-item__text"
1760
- >
1761
- <span>
1762
- Folder 1
1763
- </span>
1764
- </span>
1765
- </span>
1766
- </li>
1767
- <li
1768
- class="rmd-tree-item rmd-tree-item--expander-right"
1769
- role="none"
1770
- >
1771
- <span
1772
- aria-expanded="true"
1773
- aria-selected="false"
1774
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1775
- id="tree-item-:r3:"
1776
- role="treeitem"
1777
- tabindex="-1"
1778
- >
1779
- <span
1780
- class="rmd-list-item__text"
1781
- >
1782
- <span>
1783
- Folder 2
1784
- </span>
1785
- </span>
1786
- <span
1787
- aria-hidden="true"
1788
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
1789
- >
1790
- arrow_drop_down
1791
- </span>
1792
- </span>
1793
- <ul
1794
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
1795
- id="tree-item-:r3:-group"
1796
- role="group"
1797
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
1798
- >
1799
- <li
1800
- class="rmd-tree-item"
1801
- role="none"
1802
- >
1803
- <span
1804
- aria-selected="false"
1805
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1806
- id="tree-item-:r4:"
1807
- role="treeitem"
1808
- tabindex="-1"
1809
- >
1810
- <span
1811
- class="rmd-list-item__text"
1812
- >
1813
- <span>
1814
- Folder 2 Child 1
1815
- </span>
1816
- </span>
1817
- </span>
1818
- </li>
1819
- <li
1820
- class="rmd-tree-item rmd-tree-item--expander-right"
1821
- role="none"
1822
- >
1823
- <span
1824
- aria-expanded="false"
1825
- aria-selected="false"
1826
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1827
- id="tree-item-:r5:"
1828
- role="treeitem"
1829
- tabindex="-1"
1830
- >
1831
- <span
1832
- class="rmd-list-item__text"
1833
- >
1834
- <span>
1835
- Folder 2 Child 2
1836
- </span>
1837
- </span>
1838
- <span
1839
- aria-hidden="true"
1840
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1841
- >
1842
- arrow_drop_down
1843
- </span>
1844
- </span>
1845
- <ul
1846
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1847
- id="tree-item-:r5:-group"
1848
- role="group"
1849
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
1850
- >
1851
- <li
1852
- class="rmd-tree-item rmd-tree-item--expander-right"
1853
- role="none"
1854
- >
1855
- <span
1856
- aria-expanded="false"
1857
- aria-selected="false"
1858
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1859
- id="tree-item-:r6:"
1860
- role="treeitem"
1861
- tabindex="-1"
1862
- >
1863
- <span
1864
- class="rmd-list-item__text"
1865
- >
1866
- <span>
1867
- Folder 2 Child 2 Child 1
1868
- </span>
1869
- </span>
1870
- <span
1871
- aria-hidden="true"
1872
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
1873
- >
1874
- arrow_drop_down
1875
- </span>
1876
- </span>
1877
- <ul
1878
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
1879
- id="tree-item-:r6:-group"
1880
- role="group"
1881
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
1882
- >
1883
- <li
1884
- class="rmd-tree-item"
1885
- role="none"
1886
- >
1887
- <span
1888
- aria-selected="false"
1889
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1890
- id="tree-item-:r7:"
1891
- role="treeitem"
1892
- tabindex="-1"
1893
- >
1894
- <span
1895
- class="rmd-list-item__text"
1896
- >
1897
- <span>
1898
- Folder 2 Child 2 Child 1 Child 1
1899
- </span>
1900
- </span>
1901
- </span>
1902
- </li>
1903
- </ul>
1904
- </li>
1905
- </ul>
1906
- </li>
1907
- <li
1908
- class="rmd-tree-item"
1909
- role="none"
1910
- >
1911
- <span
1912
- aria-selected="false"
1913
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1914
- id="tree-item-:r8:"
1915
- role="treeitem"
1916
- tabindex="-1"
1917
- >
1918
- <span
1919
- class="rmd-list-item__text"
1920
- >
1921
- <span>
1922
- Folder 2 Child 3
1923
- </span>
1924
- </span>
1925
- </span>
1926
- </li>
1927
- </ul>
1928
- </li>
1929
- <li
1930
- class="rmd-tree-item"
1931
- role="none"
1932
- >
1933
- <span
1934
- aria-selected="false"
1935
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1936
- id="tree-item-:r9:"
1937
- role="treeitem"
1938
- tabindex="-1"
1939
- >
1940
- <span
1941
- class="rmd-list-item__text"
1942
- >
1943
- <span>
1944
- Folder 3
1945
- </span>
1946
- </span>
1947
- </span>
1948
- </li>
1949
- </ul>
1950
- `;
1951
-
1952
- exports[`Tree should handle single select tree behavior 5`] = `
1953
- <ul
1954
- aria-activedescendant="tree-item-:r3:"
1955
- aria-label="Tree"
1956
- class="rmd-list rmd-tree"
1957
- id="tree-:r1:"
1958
- role="tree"
1959
- tabindex="0"
1960
- >
1961
- <li
1962
- class="rmd-tree-item"
1963
- role="none"
1964
- >
1965
- <span
1966
- aria-selected="false"
1967
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
1968
- id="tree-item-:r2:"
1969
- role="treeitem"
1970
- tabindex="-1"
1971
- >
1972
- <span
1973
- class="rmd-list-item__text"
1974
- >
1975
- <span>
1976
- Folder 1
1977
- </span>
1978
- </span>
1979
- </span>
1980
- </li>
1981
- <li
1982
- class="rmd-tree-item rmd-tree-item--expander-right"
1983
- role="none"
1984
- >
1985
- <span
1986
- aria-expanded="false"
1987
- aria-selected="true"
1988
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
1989
- id="tree-item-:r3:"
1990
- role="treeitem"
1991
- tabindex="-1"
1992
- >
1993
- <span
1994
- class="rmd-list-item__text"
1995
- >
1996
- <span>
1997
- Folder 2
1998
- </span>
1999
- </span>
2000
- <span
2001
- aria-hidden="true"
2002
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2003
- >
2004
- arrow_drop_down
2005
- </span>
2006
- </span>
2007
- <ul
2008
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2009
- id="tree-item-:r3:-group"
2010
- role="group"
2011
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
2012
- >
2013
- <li
2014
- class="rmd-tree-item"
2015
- role="none"
2016
- >
2017
- <span
2018
- aria-selected="false"
2019
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2020
- id="tree-item-:r4:"
2021
- role="treeitem"
2022
- tabindex="-1"
2023
- >
2024
- <span
2025
- class="rmd-list-item__text"
2026
- >
2027
- <span>
2028
- Folder 2 Child 1
2029
- </span>
2030
- </span>
2031
- </span>
2032
- </li>
2033
- <li
2034
- class="rmd-tree-item rmd-tree-item--expander-right"
2035
- role="none"
2036
- >
2037
- <span
2038
- aria-expanded="false"
2039
- aria-selected="false"
2040
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2041
- id="tree-item-:r5:"
2042
- role="treeitem"
2043
- tabindex="-1"
2044
- >
2045
- <span
2046
- class="rmd-list-item__text"
2047
- >
2048
- <span>
2049
- Folder 2 Child 2
2050
- </span>
2051
- </span>
2052
- <span
2053
- aria-hidden="true"
2054
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2055
- >
2056
- arrow_drop_down
2057
- </span>
2058
- </span>
2059
- <ul
2060
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2061
- id="tree-item-:r5:-group"
2062
- role="group"
2063
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
2064
- >
2065
- <li
2066
- class="rmd-tree-item rmd-tree-item--expander-right"
2067
- role="none"
2068
- >
2069
- <span
2070
- aria-expanded="false"
2071
- aria-selected="false"
2072
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2073
- id="tree-item-:r6:"
2074
- role="treeitem"
2075
- tabindex="-1"
2076
- >
2077
- <span
2078
- class="rmd-list-item__text"
2079
- >
2080
- <span>
2081
- Folder 2 Child 2 Child 1
2082
- </span>
2083
- </span>
2084
- <span
2085
- aria-hidden="true"
2086
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2087
- >
2088
- arrow_drop_down
2089
- </span>
2090
- </span>
2091
- <ul
2092
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2093
- id="tree-item-:r6:-group"
2094
- role="group"
2095
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
2096
- >
2097
- <li
2098
- class="rmd-tree-item"
2099
- role="none"
2100
- >
2101
- <span
2102
- aria-selected="false"
2103
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2104
- id="tree-item-:r7:"
2105
- role="treeitem"
2106
- tabindex="-1"
2107
- >
2108
- <span
2109
- class="rmd-list-item__text"
2110
- >
2111
- <span>
2112
- Folder 2 Child 2 Child 1 Child 1
2113
- </span>
2114
- </span>
2115
- </span>
2116
- </li>
2117
- </ul>
2118
- </li>
2119
- </ul>
2120
- </li>
2121
- <li
2122
- class="rmd-tree-item"
2123
- role="none"
2124
- >
2125
- <span
2126
- aria-selected="false"
2127
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2128
- id="tree-item-:r8:"
2129
- role="treeitem"
2130
- tabindex="-1"
2131
- >
2132
- <span
2133
- class="rmd-list-item__text"
2134
- >
2135
- <span>
2136
- Folder 2 Child 3
2137
- </span>
2138
- </span>
2139
- </span>
2140
- </li>
2141
- </ul>
2142
- </li>
2143
- <li
2144
- class="rmd-tree-item"
2145
- role="none"
2146
- >
2147
- <span
2148
- aria-selected="false"
2149
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2150
- id="tree-item-:r9:"
2151
- role="treeitem"
2152
- tabindex="-1"
2153
- >
2154
- <span
2155
- class="rmd-list-item__text"
2156
- >
2157
- <span>
2158
- Folder 3
2159
- </span>
2160
- </span>
2161
- </span>
2162
- </li>
2163
- </ul>
2164
- `;
2165
-
2166
- exports[`Tree should render the tree item as a link if the to or href exists on the item 1`] = `
2167
- <ul
2168
- aria-activedescendant=""
2169
- aria-label="Tree"
2170
- class="rmd-list rmd-tree"
2171
- id="tree-:r2o:"
2172
- role="tree"
2173
- tabindex="0"
2174
- >
2175
- <li
2176
- class="rmd-tree-item"
2177
- role="none"
2178
- >
2179
- <a
2180
- aria-selected="false"
2181
- class="rmd-tree-item__content rmd-tree-item__content--link rmd-list-item rmd-interaction-surface"
2182
- href="/path-1"
2183
- id="tree-item-:r2p:"
2184
- role="treeitem"
2185
- tabindex="-1"
2186
- >
2187
- <span
2188
- class="rmd-list-item__text"
2189
- >
2190
- <span>
2191
- Link 1
2192
- </span>
2193
- </span>
2194
- </a>
2195
- </li>
2196
- <li
2197
- class="rmd-tree-item"
2198
- role="none"
2199
- >
2200
- <a
2201
- aria-selected="false"
2202
- class="rmd-tree-item__content rmd-tree-item__content--link rmd-list-item rmd-interaction-surface"
2203
- href="https://example.com"
2204
- id="tree-item-:r2q:"
2205
- role="treeitem"
2206
- tabindex="-1"
2207
- >
2208
- <span
2209
- class="rmd-list-item__text"
2210
- >
2211
- <span>
2212
- Link 2
2213
- </span>
2214
- </span>
2215
- </a>
2216
- </li>
2217
- <li
2218
- class="rmd-tree-item"
2219
- role="none"
2220
- >
2221
- <span
2222
- aria-disabled="true"
2223
- aria-selected="false"
2224
- class="rmd-tree-item__content rmd-tree-item__content--disabled rmd-list-item rmd-list-item--disabled-color rmd-interaction-surface"
2225
- id="tree-item-:r2r:"
2226
- role="treeitem"
2227
- tabindex="-1"
2228
- >
2229
- <span
2230
- class="rmd-list-item__text"
2231
- >
2232
- <span>
2233
- Link 3
2234
- </span>
2235
- </span>
2236
- </span>
2237
- </li>
2238
- </ul>
2239
- `;
2240
-
2241
- exports[`Tree should support conditionally rendering child trees by enabling temporaryChildItems 1`] = `
2242
- <ul
2243
- aria-activedescendant=""
2244
- aria-label="Tree"
2245
- class="rmd-list rmd-tree"
2246
- id="tree-:r1p:"
2247
- role="tree"
2248
- tabindex="0"
2249
- >
2250
- <li
2251
- class="rmd-tree-item"
2252
- role="none"
2253
- >
2254
- <span
2255
- aria-selected="false"
2256
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2257
- id="tree-item-:r1q:"
2258
- role="treeitem"
2259
- tabindex="-1"
2260
- >
2261
- <span
2262
- class="rmd-list-item__text"
2263
- >
2264
- <span>
2265
- Folder 1
2266
- </span>
2267
- </span>
2268
- </span>
2269
- </li>
2270
- <li
2271
- class="rmd-tree-item rmd-tree-item--expander-right"
2272
- role="none"
2273
- >
2274
- <span
2275
- aria-expanded="false"
2276
- aria-selected="false"
2277
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2278
- id="tree-item-:r1r:"
2279
- role="treeitem"
2280
- tabindex="-1"
2281
- >
2282
- <span
2283
- class="rmd-list-item__text"
2284
- >
2285
- <span>
2286
- Folder 2
2287
- </span>
2288
- </span>
2289
- <span
2290
- aria-hidden="true"
2291
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2292
- >
2293
- arrow_drop_down
2294
- </span>
2295
- </span>
2296
- </li>
2297
- <li
2298
- class="rmd-tree-item"
2299
- role="none"
2300
- >
2301
- <span
2302
- aria-selected="false"
2303
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2304
- id="tree-item-:r1s:"
2305
- role="treeitem"
2306
- tabindex="-1"
2307
- >
2308
- <span
2309
- class="rmd-list-item__text"
2310
- >
2311
- <span>
2312
- Folder 3
2313
- </span>
2314
- </span>
2315
- </span>
2316
- </li>
2317
- </ul>
2318
- `;
2319
-
2320
- exports[`Tree should support conditionally rendering child trees by enabling temporaryChildItems 2`] = `
2321
- <ul
2322
- aria-activedescendant="tree-item-:r1r:"
2323
- aria-label="Tree"
2324
- class="rmd-list rmd-tree"
2325
- id="tree-:r1p:"
2326
- role="tree"
2327
- tabindex="0"
2328
- >
2329
- <li
2330
- class="rmd-tree-item"
2331
- role="none"
2332
- >
2333
- <span
2334
- aria-selected="false"
2335
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2336
- id="tree-item-:r1q:"
2337
- role="treeitem"
2338
- tabindex="-1"
2339
- >
2340
- <span
2341
- class="rmd-list-item__text"
2342
- >
2343
- <span>
2344
- Folder 1
2345
- </span>
2346
- </span>
2347
- </span>
2348
- </li>
2349
- <li
2350
- class="rmd-tree-item rmd-tree-item--expander-right"
2351
- role="none"
2352
- >
2353
- <span
2354
- aria-expanded="true"
2355
- aria-selected="true"
2356
- class="rmd-tree-item__content rmd-tree-item__content--focused rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
2357
- id="tree-item-:r1r:"
2358
- role="treeitem"
2359
- tabindex="-1"
2360
- >
2361
- <span
2362
- class="rmd-list-item__text"
2363
- >
2364
- <span>
2365
- Folder 2
2366
- </span>
2367
- </span>
2368
- <span
2369
- aria-hidden="true"
2370
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
2371
- >
2372
- arrow_drop_down
2373
- </span>
2374
- </span>
2375
- <ul
2376
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--enter rmd-collapse--no-overflow"
2377
- id="tree-item-:r1r:-group"
2378
- role="group"
2379
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1; transition-duration: 250ms;"
2380
- >
2381
- <li
2382
- class="rmd-tree-item"
2383
- role="none"
2384
- >
2385
- <span
2386
- aria-selected="false"
2387
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2388
- id="tree-item-:r1t:"
2389
- role="treeitem"
2390
- tabindex="-1"
2391
- >
2392
- <span
2393
- class="rmd-list-item__text"
2394
- >
2395
- <span>
2396
- Folder 2 Child 1
2397
- </span>
2398
- </span>
2399
- </span>
2400
- </li>
2401
- <li
2402
- class="rmd-tree-item rmd-tree-item--expander-right"
2403
- role="none"
2404
- >
2405
- <span
2406
- aria-expanded="false"
2407
- aria-selected="false"
2408
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2409
- id="tree-item-:r1u:"
2410
- role="treeitem"
2411
- tabindex="-1"
2412
- >
2413
- <span
2414
- class="rmd-list-item__text"
2415
- >
2416
- <span>
2417
- Folder 2 Child 2
2418
- </span>
2419
- </span>
2420
- <span
2421
- aria-hidden="true"
2422
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2423
- >
2424
- arrow_drop_down
2425
- </span>
2426
- </span>
2427
- </li>
2428
- <li
2429
- class="rmd-tree-item"
2430
- role="none"
2431
- >
2432
- <span
2433
- aria-selected="false"
2434
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2435
- id="tree-item-:r1v:"
2436
- role="treeitem"
2437
- tabindex="-1"
2438
- >
2439
- <span
2440
- class="rmd-list-item__text"
2441
- >
2442
- <span>
2443
- Folder 2 Child 3
2444
- </span>
2445
- </span>
2446
- </span>
2447
- </li>
2448
- </ul>
2449
- </li>
2450
- <li
2451
- class="rmd-tree-item"
2452
- role="none"
2453
- >
2454
- <span
2455
- aria-selected="false"
2456
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2457
- id="tree-item-:r1s:"
2458
- role="treeitem"
2459
- tabindex="-1"
2460
- >
2461
- <span
2462
- class="rmd-list-item__text"
2463
- >
2464
- <span>
2465
- Folder 3
2466
- </span>
2467
- </span>
2468
- </span>
2469
- </li>
2470
- </ul>
2471
- `;
2472
-
2473
- exports[`Tree should support default selected and expanded ids 1`] = `
2474
- <ul
2475
- aria-activedescendant=""
2476
- aria-label="Tree"
2477
- class="rmd-list rmd-tree"
2478
- id="tree-:rj:"
2479
- role="tree"
2480
- tabindex="0"
2481
- >
2482
- <li
2483
- class="rmd-tree-item"
2484
- role="none"
2485
- >
2486
- <span
2487
- aria-selected="false"
2488
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2489
- id="tree-item-:rk:"
2490
- role="treeitem"
2491
- tabindex="-1"
2492
- >
2493
- <span
2494
- class="rmd-list-item__text"
2495
- >
2496
- <span>
2497
- Folder 1
2498
- </span>
2499
- </span>
2500
- </span>
2501
- </li>
2502
- <li
2503
- class="rmd-tree-item rmd-tree-item--expander-right"
2504
- role="none"
2505
- >
2506
- <span
2507
- aria-expanded="true"
2508
- aria-selected="false"
2509
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2510
- id="tree-item-:rl:"
2511
- role="treeitem"
2512
- tabindex="-1"
2513
- >
2514
- <span
2515
- class="rmd-list-item__text"
2516
- >
2517
- <span>
2518
- Folder 2
2519
- </span>
2520
- </span>
2521
- <span
2522
- aria-hidden="true"
2523
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
2524
- >
2525
- arrow_drop_down
2526
- </span>
2527
- </span>
2528
- <ul
2529
- class="rmd-list rmd-tree-group rmd-collapse"
2530
- id="tree-item-:rl:-group"
2531
- role="group"
2532
- style="--rmd-tree-depth: 1;"
2533
- >
2534
- <li
2535
- class="rmd-tree-item"
2536
- role="none"
2537
- >
2538
- <span
2539
- aria-selected="true"
2540
- class="rmd-tree-item__content rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
2541
- id="tree-item-:rm:"
2542
- role="treeitem"
2543
- tabindex="-1"
2544
- >
2545
- <span
2546
- class="rmd-list-item__text"
2547
- >
2548
- <span>
2549
- Folder 2 Child 1
2550
- </span>
2551
- </span>
2552
- </span>
2553
- </li>
2554
- <li
2555
- class="rmd-tree-item rmd-tree-item--expander-right"
2556
- role="none"
2557
- >
2558
- <span
2559
- aria-expanded="false"
2560
- aria-selected="false"
2561
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2562
- id="tree-item-:rn:"
2563
- role="treeitem"
2564
- tabindex="-1"
2565
- >
2566
- <span
2567
- class="rmd-list-item__text"
2568
- >
2569
- <span>
2570
- Folder 2 Child 2
2571
- </span>
2572
- </span>
2573
- <span
2574
- aria-hidden="true"
2575
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2576
- >
2577
- arrow_drop_down
2578
- </span>
2579
- </span>
2580
- <ul
2581
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2582
- id="tree-item-:rn:-group"
2583
- role="group"
2584
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
2585
- >
2586
- <li
2587
- class="rmd-tree-item rmd-tree-item--expander-right"
2588
- role="none"
2589
- >
2590
- <span
2591
- aria-expanded="false"
2592
- aria-selected="false"
2593
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2594
- id="tree-item-:ro:"
2595
- role="treeitem"
2596
- tabindex="-1"
2597
- >
2598
- <span
2599
- class="rmd-list-item__text"
2600
- >
2601
- <span>
2602
- Folder 2 Child 2 Child 1
2603
- </span>
2604
- </span>
2605
- <span
2606
- aria-hidden="true"
2607
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2608
- >
2609
- arrow_drop_down
2610
- </span>
2611
- </span>
2612
- <ul
2613
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2614
- id="tree-item-:ro:-group"
2615
- role="group"
2616
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
2617
- >
2618
- <li
2619
- class="rmd-tree-item"
2620
- role="none"
2621
- >
2622
- <span
2623
- aria-selected="false"
2624
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2625
- id="tree-item-:rp:"
2626
- role="treeitem"
2627
- tabindex="-1"
2628
- >
2629
- <span
2630
- class="rmd-list-item__text"
2631
- >
2632
- <span>
2633
- Folder 2 Child 2 Child 1 Child 1
2634
- </span>
2635
- </span>
2636
- </span>
2637
- </li>
2638
- </ul>
2639
- </li>
2640
- </ul>
2641
- </li>
2642
- <li
2643
- class="rmd-tree-item"
2644
- role="none"
2645
- >
2646
- <span
2647
- aria-selected="false"
2648
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2649
- id="tree-item-:rq:"
2650
- role="treeitem"
2651
- tabindex="-1"
2652
- >
2653
- <span
2654
- class="rmd-list-item__text"
2655
- >
2656
- <span>
2657
- Folder 2 Child 3
2658
- </span>
2659
- </span>
2660
- </span>
2661
- </li>
2662
- </ul>
2663
- </li>
2664
- <li
2665
- class="rmd-tree-item"
2666
- role="none"
2667
- >
2668
- <span
2669
- aria-selected="false"
2670
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2671
- id="tree-item-:rr:"
2672
- role="treeitem"
2673
- tabindex="-1"
2674
- >
2675
- <span
2676
- class="rmd-list-item__text"
2677
- >
2678
- <span>
2679
- Folder 3
2680
- </span>
2681
- </span>
2682
- </span>
2683
- </li>
2684
- </ul>
2685
- `;
2686
-
2687
- exports[`Tree should support default selected and expanded ids 2`] = `
2688
- <ul
2689
- aria-activedescendant=""
2690
- aria-label="Tree"
2691
- class="rmd-list rmd-tree"
2692
- id="tree-:rs:"
2693
- role="tree"
2694
- tabindex="0"
2695
- >
2696
- <li
2697
- class="rmd-tree-item"
2698
- role="none"
2699
- >
2700
- <span
2701
- aria-selected="false"
2702
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2703
- id="tree-item-:rt:"
2704
- role="treeitem"
2705
- tabindex="-1"
2706
- >
2707
- <span
2708
- class="rmd-list-item__text"
2709
- >
2710
- <span>
2711
- Folder 1
2712
- </span>
2713
- </span>
2714
- </span>
2715
- </li>
2716
- <li
2717
- class="rmd-tree-item rmd-tree-item--expander-right"
2718
- role="none"
2719
- >
2720
- <span
2721
- aria-expanded="true"
2722
- aria-selected="false"
2723
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2724
- id="tree-item-:ru:"
2725
- role="treeitem"
2726
- tabindex="-1"
2727
- >
2728
- <span
2729
- class="rmd-list-item__text"
2730
- >
2731
- <span>
2732
- Folder 2
2733
- </span>
2734
- </span>
2735
- <span
2736
- aria-hidden="true"
2737
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon-rotator--rotated rmd-icon--after rmd-list-item__addon"
2738
- >
2739
- arrow_drop_down
2740
- </span>
2741
- </span>
2742
- <ul
2743
- class="rmd-list rmd-tree-group rmd-collapse"
2744
- id="tree-item-:ru:-group"
2745
- role="group"
2746
- style="--rmd-tree-depth: 1;"
2747
- >
2748
- <li
2749
- class="rmd-tree-item"
2750
- role="none"
2751
- >
2752
- <span
2753
- aria-selected="true"
2754
- class="rmd-tree-item__content rmd-tree-item__content--selected rmd-list-item rmd-interaction-surface"
2755
- id="tree-item-:rv:"
2756
- role="treeitem"
2757
- tabindex="-1"
2758
- >
2759
- <span
2760
- class="rmd-list-item__text"
2761
- >
2762
- <span>
2763
- Folder 2 Child 1
2764
- </span>
2765
- </span>
2766
- </span>
2767
- </li>
2768
- <li
2769
- class="rmd-tree-item rmd-tree-item--expander-right"
2770
- role="none"
2771
- >
2772
- <span
2773
- aria-expanded="false"
2774
- aria-selected="false"
2775
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2776
- id="tree-item-:r10:"
2777
- role="treeitem"
2778
- tabindex="-1"
2779
- >
2780
- <span
2781
- class="rmd-list-item__text"
2782
- >
2783
- <span>
2784
- Folder 2 Child 2
2785
- </span>
2786
- </span>
2787
- <span
2788
- aria-hidden="true"
2789
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2790
- >
2791
- arrow_drop_down
2792
- </span>
2793
- </span>
2794
- <ul
2795
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2796
- id="tree-item-:r10:-group"
2797
- role="group"
2798
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
2799
- >
2800
- <li
2801
- class="rmd-tree-item rmd-tree-item--expander-right"
2802
- role="none"
2803
- >
2804
- <span
2805
- aria-expanded="false"
2806
- aria-selected="false"
2807
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2808
- id="tree-item-:r11:"
2809
- role="treeitem"
2810
- tabindex="-1"
2811
- >
2812
- <span
2813
- class="rmd-list-item__text"
2814
- >
2815
- <span>
2816
- Folder 2 Child 2 Child 1
2817
- </span>
2818
- </span>
2819
- <span
2820
- aria-hidden="true"
2821
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--after rmd-list-item__addon"
2822
- >
2823
- arrow_drop_down
2824
- </span>
2825
- </span>
2826
- <ul
2827
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2828
- id="tree-item-:r11:-group"
2829
- role="group"
2830
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
2831
- >
2832
- <li
2833
- class="rmd-tree-item"
2834
- role="none"
2835
- >
2836
- <span
2837
- aria-selected="false"
2838
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2839
- id="tree-item-:r12:"
2840
- role="treeitem"
2841
- tabindex="-1"
2842
- >
2843
- <span
2844
- class="rmd-list-item__text"
2845
- >
2846
- <span>
2847
- Folder 2 Child 2 Child 1 Child 1
2848
- </span>
2849
- </span>
2850
- </span>
2851
- </li>
2852
- </ul>
2853
- </li>
2854
- </ul>
2855
- </li>
2856
- <li
2857
- class="rmd-tree-item"
2858
- role="none"
2859
- >
2860
- <span
2861
- aria-selected="false"
2862
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2863
- id="tree-item-:r13:"
2864
- role="treeitem"
2865
- tabindex="-1"
2866
- >
2867
- <span
2868
- class="rmd-list-item__text"
2869
- >
2870
- <span>
2871
- Folder 2 Child 3
2872
- </span>
2873
- </span>
2874
- </span>
2875
- </li>
2876
- </ul>
2877
- </li>
2878
- <li
2879
- class="rmd-tree-item"
2880
- role="none"
2881
- >
2882
- <span
2883
- aria-selected="false"
2884
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2885
- id="tree-item-:r14:"
2886
- role="treeitem"
2887
- tabindex="-1"
2888
- >
2889
- <span
2890
- class="rmd-list-item__text"
2891
- >
2892
- <span>
2893
- Folder 3
2894
- </span>
2895
- </span>
2896
- </span>
2897
- </li>
2898
- </ul>
2899
- `;
2900
-
2901
- exports[`Tree should support rendering the expander icon to the left of the item 1`] = `
2902
- <ul
2903
- aria-activedescendant=""
2904
- aria-label="Tree"
2905
- class="rmd-list rmd-tree"
2906
- id="tree-:r24:"
2907
- role="tree"
2908
- tabindex="0"
2909
- >
2910
- <li
2911
- class="rmd-tree-item"
2912
- role="none"
2913
- >
2914
- <span
2915
- aria-selected="false"
2916
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2917
- id="tree-item-:r25:"
2918
- role="treeitem"
2919
- tabindex="-1"
2920
- >
2921
- <span
2922
- class="rmd-list-item__text"
2923
- >
2924
- <span>
2925
- Folder 1
2926
- </span>
2927
- </span>
2928
- </span>
2929
- </li>
2930
- <li
2931
- class="rmd-tree-item rmd-tree-item--expander-left"
2932
- role="none"
2933
- >
2934
- <span
2935
- aria-expanded="false"
2936
- aria-selected="false"
2937
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2938
- id="tree-item-:r26:"
2939
- role="treeitem"
2940
- tabindex="-1"
2941
- >
2942
- <span
2943
- aria-hidden="true"
2944
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
2945
- >
2946
- arrow_drop_down
2947
- </span>
2948
- <span
2949
- class="rmd-list-item__text"
2950
- >
2951
- <span>
2952
- Folder 2
2953
- </span>
2954
- </span>
2955
- </span>
2956
- <ul
2957
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
2958
- id="tree-item-:r26:-group"
2959
- role="group"
2960
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
2961
- >
2962
- <li
2963
- class="rmd-tree-item"
2964
- role="none"
2965
- >
2966
- <span
2967
- aria-selected="false"
2968
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2969
- id="tree-item-:r27:"
2970
- role="treeitem"
2971
- tabindex="-1"
2972
- >
2973
- <span
2974
- class="rmd-list-item__text"
2975
- >
2976
- <span>
2977
- Folder 2 Child 1
2978
- </span>
2979
- </span>
2980
- </span>
2981
- </li>
2982
- <li
2983
- class="rmd-tree-item rmd-tree-item--expander-left"
2984
- role="none"
2985
- >
2986
- <span
2987
- aria-expanded="false"
2988
- aria-selected="false"
2989
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
2990
- id="tree-item-:r28:"
2991
- role="treeitem"
2992
- tabindex="-1"
2993
- >
2994
- <span
2995
- aria-hidden="true"
2996
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
2997
- >
2998
- arrow_drop_down
2999
- </span>
3000
- <span
3001
- class="rmd-list-item__text"
3002
- >
3003
- <span>
3004
- Folder 2 Child 2
3005
- </span>
3006
- </span>
3007
- </span>
3008
- <ul
3009
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3010
- id="tree-item-:r28:-group"
3011
- role="group"
3012
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
3013
- >
3014
- <li
3015
- class="rmd-tree-item rmd-tree-item--expander-left"
3016
- role="none"
3017
- >
3018
- <span
3019
- aria-expanded="false"
3020
- aria-selected="false"
3021
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3022
- id="tree-item-:r29:"
3023
- role="treeitem"
3024
- tabindex="-1"
3025
- >
3026
- <span
3027
- aria-hidden="true"
3028
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
3029
- >
3030
- arrow_drop_down
3031
- </span>
3032
- <span
3033
- class="rmd-list-item__text"
3034
- >
3035
- <span>
3036
- Folder 2 Child 2 Child 1
3037
- </span>
3038
- </span>
3039
- </span>
3040
- <ul
3041
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3042
- id="tree-item-:r29:-group"
3043
- role="group"
3044
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
3045
- >
3046
- <li
3047
- class="rmd-tree-item"
3048
- role="none"
3049
- >
3050
- <span
3051
- aria-selected="false"
3052
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3053
- id="tree-item-:r2a:"
3054
- role="treeitem"
3055
- tabindex="-1"
3056
- >
3057
- <span
3058
- class="rmd-list-item__text"
3059
- >
3060
- <span>
3061
- Folder 2 Child 2 Child 1 Child 1
3062
- </span>
3063
- </span>
3064
- </span>
3065
- </li>
3066
- </ul>
3067
- </li>
3068
- </ul>
3069
- </li>
3070
- <li
3071
- class="rmd-tree-item"
3072
- role="none"
3073
- >
3074
- <span
3075
- aria-selected="false"
3076
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3077
- id="tree-item-:r2b:"
3078
- role="treeitem"
3079
- tabindex="-1"
3080
- >
3081
- <span
3082
- class="rmd-list-item__text"
3083
- >
3084
- <span>
3085
- Folder 2 Child 3
3086
- </span>
3087
- </span>
3088
- </span>
3089
- </li>
3090
- </ul>
3091
- </li>
3092
- <li
3093
- class="rmd-tree-item"
3094
- role="none"
3095
- >
3096
- <span
3097
- aria-selected="false"
3098
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3099
- id="tree-item-:r2c:"
3100
- role="treeitem"
3101
- tabindex="-1"
3102
- >
3103
- <span
3104
- class="rmd-list-item__text"
3105
- >
3106
- <span>
3107
- Folder 3
3108
- </span>
3109
- </span>
3110
- </span>
3111
- </li>
3112
- </ul>
3113
- `;
3114
-
3115
- exports[`Tree should support rendering the expander icon to the left of the item: custom expander icon 1`] = `
3116
- <ul
3117
- aria-activedescendant=""
3118
- aria-label="Tree"
3119
- class="rmd-list rmd-tree"
3120
- id="tree-:r24:"
3121
- role="tree"
3122
- tabindex="0"
3123
- >
3124
- <li
3125
- class="rmd-tree-item"
3126
- role="none"
3127
- >
3128
- <span
3129
- aria-selected="false"
3130
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3131
- id="tree-item-:r25:"
3132
- role="treeitem"
3133
- tabindex="-1"
3134
- >
3135
- <span
3136
- class="rmd-list-item__text"
3137
- >
3138
- <span>
3139
- Folder 1
3140
- </span>
3141
- </span>
3142
- </span>
3143
- </li>
3144
- <li
3145
- class="rmd-tree-item rmd-tree-item--expander-left"
3146
- role="none"
3147
- >
3148
- <span
3149
- aria-expanded="false"
3150
- aria-selected="false"
3151
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3152
- id="tree-item-:r26:"
3153
- role="treeitem"
3154
- tabindex="-1"
3155
- >
3156
- <span
3157
- class="rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
3158
- >
3159
- v
3160
- </span>
3161
- <span
3162
- class="rmd-list-item__text"
3163
- >
3164
- <span>
3165
- Folder 2
3166
- </span>
3167
- </span>
3168
- </span>
3169
- <ul
3170
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3171
- id="tree-item-:r26:-group"
3172
- role="group"
3173
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
3174
- >
3175
- <li
3176
- class="rmd-tree-item"
3177
- role="none"
3178
- >
3179
- <span
3180
- aria-selected="false"
3181
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3182
- id="tree-item-:r27:"
3183
- role="treeitem"
3184
- tabindex="-1"
3185
- >
3186
- <span
3187
- class="rmd-list-item__text"
3188
- >
3189
- <span>
3190
- Folder 2 Child 1
3191
- </span>
3192
- </span>
3193
- </span>
3194
- </li>
3195
- <li
3196
- class="rmd-tree-item rmd-tree-item--expander-left"
3197
- role="none"
3198
- >
3199
- <span
3200
- aria-expanded="false"
3201
- aria-selected="false"
3202
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3203
- id="tree-item-:r28:"
3204
- role="treeitem"
3205
- tabindex="-1"
3206
- >
3207
- <span
3208
- class="rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
3209
- >
3210
- v
3211
- </span>
3212
- <span
3213
- class="rmd-list-item__text"
3214
- >
3215
- <span>
3216
- Folder 2 Child 2
3217
- </span>
3218
- </span>
3219
- </span>
3220
- <ul
3221
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3222
- id="tree-item-:r28:-group"
3223
- role="group"
3224
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
3225
- >
3226
- <li
3227
- class="rmd-tree-item rmd-tree-item--expander-left"
3228
- role="none"
3229
- >
3230
- <span
3231
- aria-expanded="false"
3232
- aria-selected="false"
3233
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3234
- id="tree-item-:r29:"
3235
- role="treeitem"
3236
- tabindex="-1"
3237
- >
3238
- <span
3239
- class="rmd-icon-rotator rmd-icon-rotator--animate rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before"
3240
- >
3241
- v
3242
- </span>
3243
- <span
3244
- class="rmd-list-item__text"
3245
- >
3246
- <span>
3247
- Folder 2 Child 2 Child 1
3248
- </span>
3249
- </span>
3250
- </span>
3251
- <ul
3252
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3253
- id="tree-item-:r29:-group"
3254
- role="group"
3255
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
3256
- >
3257
- <li
3258
- class="rmd-tree-item"
3259
- role="none"
3260
- >
3261
- <span
3262
- aria-selected="false"
3263
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3264
- id="tree-item-:r2a:"
3265
- role="treeitem"
3266
- tabindex="-1"
3267
- >
3268
- <span
3269
- class="rmd-list-item__text"
3270
- >
3271
- <span>
3272
- Folder 2 Child 2 Child 1 Child 1
3273
- </span>
3274
- </span>
3275
- </span>
3276
- </li>
3277
- </ul>
3278
- </li>
3279
- </ul>
3280
- </li>
3281
- <li
3282
- class="rmd-tree-item"
3283
- role="none"
3284
- >
3285
- <span
3286
- aria-selected="false"
3287
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3288
- id="tree-item-:r2b:"
3289
- role="treeitem"
3290
- tabindex="-1"
3291
- >
3292
- <span
3293
- class="rmd-list-item__text"
3294
- >
3295
- <span>
3296
- Folder 2 Child 3
3297
- </span>
3298
- </span>
3299
- </span>
3300
- </li>
3301
- </ul>
3302
- </li>
3303
- <li
3304
- class="rmd-tree-item"
3305
- role="none"
3306
- >
3307
- <span
3308
- aria-selected="false"
3309
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3310
- id="tree-item-:r2c:"
3311
- role="treeitem"
3312
- tabindex="-1"
3313
- >
3314
- <span
3315
- class="rmd-list-item__text"
3316
- >
3317
- <span>
3318
- Folder 3
3319
- </span>
3320
- </span>
3321
- </span>
3322
- </li>
3323
- </ul>
3324
- `;
3325
-
3326
- exports[`Tree should support rendering the expander icon to the left of the item: including left icon 1`] = `
3327
- <ul
3328
- aria-activedescendant=""
3329
- aria-label="Tree"
3330
- class="rmd-list rmd-tree"
3331
- id="tree-:r24:"
3332
- role="tree"
3333
- tabindex="0"
3334
- >
3335
- <li
3336
- class="rmd-tree-item"
3337
- role="none"
3338
- >
3339
- <span
3340
- aria-selected="false"
3341
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3342
- id="tree-item-:r25:"
3343
- role="treeitem"
3344
- tabindex="-1"
3345
- >
3346
- <span
3347
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media rmd-tree-item__media--single"
3348
- >
3349
- <span
3350
- aria-hidden="true"
3351
- class="rmd-icon rmd-icon--font material-icons"
3352
- >
3353
- folder
3354
- </span>
3355
- </span>
3356
- <span
3357
- class="rmd-list-item__text"
3358
- >
3359
- <span>
3360
- Folder 1
3361
- </span>
3362
- </span>
3363
- </span>
3364
- </li>
3365
- <li
3366
- class="rmd-tree-item rmd-tree-item--expander-left"
3367
- role="none"
3368
- >
3369
- <span
3370
- aria-expanded="false"
3371
- aria-selected="false"
3372
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3373
- id="tree-item-:r26:"
3374
- role="treeitem"
3375
- tabindex="-1"
3376
- >
3377
- <span
3378
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media"
3379
- >
3380
- <span
3381
- aria-hidden="true"
3382
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate"
3383
- >
3384
- arrow_drop_down
3385
- </span>
3386
- <span
3387
- aria-hidden="true"
3388
- class="rmd-icon rmd-icon--font material-icons"
3389
- >
3390
- folder
3391
- </span>
3392
- </span>
3393
- <span
3394
- class="rmd-list-item__text"
3395
- >
3396
- <span>
3397
- Folder 2
3398
- </span>
3399
- </span>
3400
- </span>
3401
- <ul
3402
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3403
- id="tree-item-:r26:-group"
3404
- role="group"
3405
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 1;"
3406
- >
3407
- <li
3408
- class="rmd-tree-item"
3409
- role="none"
3410
- >
3411
- <span
3412
- aria-selected="false"
3413
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3414
- id="tree-item-:r27:"
3415
- role="treeitem"
3416
- tabindex="-1"
3417
- >
3418
- <span
3419
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media rmd-tree-item__media--single"
3420
- >
3421
- <span
3422
- aria-hidden="true"
3423
- class="rmd-icon rmd-icon--font material-icons"
3424
- >
3425
- folder
3426
- </span>
3427
- </span>
3428
- <span
3429
- class="rmd-list-item__text"
3430
- >
3431
- <span>
3432
- Folder 2 Child 1
3433
- </span>
3434
- </span>
3435
- </span>
3436
- </li>
3437
- <li
3438
- class="rmd-tree-item rmd-tree-item--expander-left"
3439
- role="none"
3440
- >
3441
- <span
3442
- aria-expanded="false"
3443
- aria-selected="false"
3444
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3445
- id="tree-item-:r28:"
3446
- role="treeitem"
3447
- tabindex="-1"
3448
- >
3449
- <span
3450
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media"
3451
- >
3452
- <span
3453
- aria-hidden="true"
3454
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate"
3455
- >
3456
- arrow_drop_down
3457
- </span>
3458
- <span
3459
- aria-hidden="true"
3460
- class="rmd-icon rmd-icon--font material-icons"
3461
- >
3462
- folder
3463
- </span>
3464
- </span>
3465
- <span
3466
- class="rmd-list-item__text"
3467
- >
3468
- <span>
3469
- Folder 2 Child 2
3470
- </span>
3471
- </span>
3472
- </span>
3473
- <ul
3474
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3475
- id="tree-item-:r28:-group"
3476
- role="group"
3477
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 2;"
3478
- >
3479
- <li
3480
- class="rmd-tree-item rmd-tree-item--expander-left"
3481
- role="none"
3482
- >
3483
- <span
3484
- aria-expanded="false"
3485
- aria-selected="false"
3486
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3487
- id="tree-item-:r29:"
3488
- role="treeitem"
3489
- tabindex="-1"
3490
- >
3491
- <span
3492
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media"
3493
- >
3494
- <span
3495
- aria-hidden="true"
3496
- class="rmd-icon rmd-icon--font material-icons rmd-icon-rotator rmd-icon-rotator--animate"
3497
- >
3498
- arrow_drop_down
3499
- </span>
3500
- <span
3501
- aria-hidden="true"
3502
- class="rmd-icon rmd-icon--font material-icons"
3503
- >
3504
- folder
3505
- </span>
3506
- </span>
3507
- <span
3508
- class="rmd-list-item__text"
3509
- >
3510
- <span>
3511
- Folder 2 Child 2 Child 1
3512
- </span>
3513
- </span>
3514
- </span>
3515
- <ul
3516
- class="rmd-list rmd-tree-group rmd-collapse rmd-collapse--no-overflow rmd-display-none"
3517
- id="tree-item-:r29:-group"
3518
- role="group"
3519
- style="max-height: 0; padding-top: 0px; padding-bottom: 0px; --rmd-tree-depth: 3;"
3520
- >
3521
- <li
3522
- class="rmd-tree-item"
3523
- role="none"
3524
- >
3525
- <span
3526
- aria-selected="false"
3527
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3528
- id="tree-item-:r2a:"
3529
- role="treeitem"
3530
- tabindex="-1"
3531
- >
3532
- <span
3533
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media rmd-tree-item__media--single"
3534
- >
3535
- <span
3536
- aria-hidden="true"
3537
- class="rmd-icon rmd-icon--font material-icons"
3538
- >
3539
- folder
3540
- </span>
3541
- </span>
3542
- <span
3543
- class="rmd-list-item__text"
3544
- >
3545
- <span>
3546
- Folder 2 Child 2 Child 1 Child 1
3547
- </span>
3548
- </span>
3549
- </span>
3550
- </li>
3551
- </ul>
3552
- </li>
3553
- </ul>
3554
- </li>
3555
- <li
3556
- class="rmd-tree-item"
3557
- role="none"
3558
- >
3559
- <span
3560
- aria-selected="false"
3561
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3562
- id="tree-item-:r2b:"
3563
- role="treeitem"
3564
- tabindex="-1"
3565
- >
3566
- <span
3567
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media rmd-tree-item__media--single"
3568
- >
3569
- <span
3570
- aria-hidden="true"
3571
- class="rmd-icon rmd-icon--font material-icons"
3572
- >
3573
- folder
3574
- </span>
3575
- </span>
3576
- <span
3577
- class="rmd-list-item__text"
3578
- >
3579
- <span>
3580
- Folder 2 Child 3
3581
- </span>
3582
- </span>
3583
- </span>
3584
- </li>
3585
- </ul>
3586
- </li>
3587
- <li
3588
- class="rmd-tree-item"
3589
- role="none"
3590
- >
3591
- <span
3592
- aria-selected="false"
3593
- class="rmd-tree-item__content rmd-list-item rmd-interaction-surface"
3594
- id="tree-item-:r2c:"
3595
- role="treeitem"
3596
- tabindex="-1"
3597
- >
3598
- <span
3599
- class="rmd-text-icon-spacing rmd-icon--before rmd-list-item__addon rmd-list-item__addon--before rmd-list-item__addon--media rmd-tree-item__media rmd-tree-item__media--single"
3600
- >
3601
- <span
3602
- aria-hidden="true"
3603
- class="rmd-icon rmd-icon--font material-icons"
3604
- >
3605
- folder
3606
- </span>
3607
- </span>
3608
- <span
3609
- class="rmd-list-item__text"
3610
- >
3611
- <span>
3612
- Folder 3
3613
- </span>
3614
- </span>
3615
- </span>
3616
- </li>
3617
- </ul>
3618
- `;