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

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 (815) 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/app-bar/AppBar.d.ts +0 -2
  5. package/dist/app-bar/AppBar.js +0 -2
  6. package/dist/app-bar/AppBar.js.map +1 -1
  7. package/dist/app-bar/AppBarTitle.d.ts +0 -3
  8. package/dist/app-bar/AppBarTitle.js +0 -2
  9. package/dist/app-bar/AppBarTitle.js.map +1 -1
  10. package/dist/avatar/Avatar.d.ts +0 -2
  11. package/dist/avatar/Avatar.js +0 -2
  12. package/dist/avatar/Avatar.js.map +1 -1
  13. package/dist/badge/Badge.d.ts +1 -3
  14. package/dist/badge/Badge.js +0 -2
  15. package/dist/badge/Badge.js.map +1 -1
  16. package/dist/box/Box.d.ts +0 -2
  17. package/dist/box/Box.js +0 -2
  18. package/dist/box/Box.js.map +1 -1
  19. package/dist/button/ButtonUnstyled.d.ts +0 -2
  20. package/dist/button/ButtonUnstyled.js +0 -2
  21. package/dist/button/ButtonUnstyled.js.map +1 -1
  22. package/dist/card/Card.d.ts +0 -2
  23. package/dist/card/Card.js +0 -2
  24. package/dist/card/Card.js.map +1 -1
  25. package/dist/card/CardContent.d.ts +0 -2
  26. package/dist/card/CardContent.js +0 -2
  27. package/dist/card/CardContent.js.map +1 -1
  28. package/dist/card/CardFooter.d.ts +0 -3
  29. package/dist/card/CardFooter.js +0 -2
  30. package/dist/card/CardFooter.js.map +1 -1
  31. package/dist/card/CardHeader.d.ts +0 -2
  32. package/dist/card/CardHeader.js +0 -2
  33. package/dist/card/CardHeader.js.map +1 -1
  34. package/dist/card/CardSubtitle.d.ts +0 -3
  35. package/dist/card/CardSubtitle.js +0 -2
  36. package/dist/card/CardSubtitle.js.map +1 -1
  37. package/dist/card/CardTitle.d.ts +0 -3
  38. package/dist/card/CardTitle.js +0 -2
  39. package/dist/card/CardTitle.js.map +1 -1
  40. package/dist/chip/Chip.d.ts +0 -2
  41. package/dist/chip/Chip.js +0 -2
  42. package/dist/chip/Chip.js.map +1 -1
  43. package/dist/dialog/DialogContainer.d.ts +0 -2
  44. package/dist/dialog/DialogContainer.js +0 -2
  45. package/dist/dialog/DialogContainer.js.map +1 -1
  46. package/dist/dialog/DialogContent.d.ts +3 -3
  47. package/dist/dialog/DialogContent.js +3 -3
  48. package/dist/dialog/DialogContent.js.map +1 -1
  49. package/dist/dialog/DialogFooter.d.ts +2 -3
  50. package/dist/dialog/DialogFooter.js +2 -3
  51. package/dist/dialog/DialogFooter.js.map +1 -1
  52. package/dist/dialog/DialogHeader.d.ts +3 -3
  53. package/dist/dialog/DialogHeader.js +3 -3
  54. package/dist/dialog/DialogHeader.js.map +1 -1
  55. package/dist/dialog/DialogTitle.d.ts +3 -4
  56. package/dist/dialog/DialogTitle.js +3 -3
  57. package/dist/dialog/DialogTitle.js.map +1 -1
  58. package/dist/dialog/NestedDialogProvider.d.ts +0 -1
  59. package/dist/divider/Divider.d.ts +0 -2
  60. package/dist/divider/Divider.js +0 -2
  61. package/dist/divider/Divider.js.map +1 -1
  62. package/dist/expansion-panel/ExpansionList.d.ts +1 -1
  63. package/dist/expansion-panel/ExpansionList.js +1 -1
  64. package/dist/expansion-panel/ExpansionList.js.map +1 -1
  65. package/dist/expansion-panel/ExpansionPanel.d.ts +8 -24
  66. package/dist/expansion-panel/ExpansionPanel.js +1 -12
  67. package/dist/expansion-panel/ExpansionPanel.js.map +1 -1
  68. package/dist/expansion-panel/ExpansionPanelHeader.d.ts +0 -1
  69. package/dist/expansion-panel/ExpansionPanelHeader.js +0 -1
  70. package/dist/expansion-panel/ExpansionPanelHeader.js.map +1 -1
  71. package/dist/expansion-panel/expansionPanelStyles.d.ts +19 -0
  72. package/dist/expansion-panel/expansionPanelStyles.js +14 -0
  73. package/dist/expansion-panel/expansionPanelStyles.js.map +1 -0
  74. package/dist/form/Checkbox.d.ts +0 -1
  75. package/dist/form/Fieldset.d.ts +0 -2
  76. package/dist/form/Fieldset.js.map +1 -1
  77. package/dist/form/FormMessage.d.ts +0 -3
  78. package/dist/form/FormMessage.js +0 -2
  79. package/dist/form/FormMessage.js.map +1 -1
  80. package/dist/form/FormMessageContainer.d.ts +0 -1
  81. package/dist/form/FormMessageContainer.js +0 -1
  82. package/dist/form/FormMessageContainer.js.map +1 -1
  83. package/dist/form/FormMessageCounter.d.ts +0 -2
  84. package/dist/form/FormMessageCounter.js +0 -2
  85. package/dist/form/FormMessageCounter.js.map +1 -1
  86. package/dist/form/InputToggle.js.map +1 -1
  87. package/dist/form/InputToggleIcon.d.ts +0 -2
  88. package/dist/form/InputToggleIcon.js +0 -2
  89. package/dist/form/InputToggleIcon.js.map +1 -1
  90. package/dist/form/Label.d.ts +0 -3
  91. package/dist/form/Label.js +0 -2
  92. package/dist/form/Label.js.map +1 -1
  93. package/dist/form/Legend.d.ts +0 -3
  94. package/dist/form/Legend.js +0 -2
  95. package/dist/form/Legend.js.map +1 -1
  96. package/dist/form/MenuItemCheckbox.d.ts +0 -1
  97. package/dist/form/MenuItemRadio.d.ts +0 -1
  98. package/dist/form/MenuItemSwitch.d.ts +0 -1
  99. package/dist/form/NativeSelect.d.ts +0 -2
  100. package/dist/form/NativeSelect.js +0 -2
  101. package/dist/form/NativeSelect.js.map +1 -1
  102. package/dist/form/Option.js.map +1 -1
  103. package/dist/form/Radio.d.ts +0 -1
  104. package/dist/form/SelectedOption.d.ts +0 -2
  105. package/dist/form/SelectedOption.js +0 -2
  106. package/dist/form/SelectedOption.js.map +1 -1
  107. package/dist/form/SliderContainer.d.ts +0 -2
  108. package/dist/form/SliderContainer.js +0 -2
  109. package/dist/form/SliderContainer.js.map +1 -1
  110. package/dist/form/SliderMark.d.ts +0 -2
  111. package/dist/form/SliderMark.js +0 -2
  112. package/dist/form/SliderMark.js.map +1 -1
  113. package/dist/form/SliderMarkLabel.d.ts +0 -2
  114. package/dist/form/SliderMarkLabel.js +0 -2
  115. package/dist/form/SliderMarkLabel.js.map +1 -1
  116. package/dist/form/SliderTrack.d.ts +0 -2
  117. package/dist/form/SliderTrack.js +0 -2
  118. package/dist/form/SliderTrack.js.map +1 -1
  119. package/dist/form/SliderValueMarks.d.ts +0 -2
  120. package/dist/form/SliderValueMarks.js +0 -2
  121. package/dist/form/SliderValueMarks.js.map +1 -1
  122. package/dist/form/Switch.d.ts +0 -2
  123. package/dist/form/Switch.js +0 -2
  124. package/dist/form/Switch.js.map +1 -1
  125. package/dist/form/SwitchTrack.d.ts +2 -1
  126. package/dist/form/SwitchTrack.js +2 -1
  127. package/dist/form/SwitchTrack.js.map +1 -1
  128. package/dist/form/TextField.d.ts +0 -2
  129. package/dist/form/TextField.js +0 -2
  130. package/dist/form/TextField.js.map +1 -1
  131. package/dist/form/TextFieldAddon.d.ts +1 -4
  132. package/dist/form/TextFieldAddon.js +1 -3
  133. package/dist/form/TextFieldAddon.js.map +1 -1
  134. package/dist/icon/FontIcon.d.ts +0 -2
  135. package/dist/icon/FontIcon.js +0 -2
  136. package/dist/icon/FontIcon.js.map +1 -1
  137. package/dist/icon/IconRotator.d.ts +0 -2
  138. package/dist/icon/IconRotator.js +0 -2
  139. package/dist/icon/IconRotator.js.map +1 -1
  140. package/dist/icon/MaterialIcon.d.ts +0 -2
  141. package/dist/icon/MaterialIcon.js +0 -2
  142. package/dist/icon/MaterialIcon.js.map +1 -1
  143. package/dist/icon/MaterialSymbol.d.ts +0 -1
  144. package/dist/icon/MaterialSymbol.js +0 -1
  145. package/dist/icon/MaterialSymbol.js.map +1 -1
  146. package/dist/icon/SVGIcon.d.ts +0 -2
  147. package/dist/icon/SVGIcon.js +0 -2
  148. package/dist/icon/SVGIcon.js.map +1 -1
  149. package/dist/icon/TextIconSpacing.d.ts +0 -2
  150. package/dist/icon/TextIconSpacing.js +0 -2
  151. package/dist/icon/TextIconSpacing.js.map +1 -1
  152. package/dist/icon/_icon.scss +2 -2
  153. package/dist/icon/styles.js +1 -1
  154. package/dist/icon/styles.js.map +1 -1
  155. package/dist/interaction/RippleContainer.d.ts +0 -2
  156. package/dist/interaction/RippleContainer.js +0 -2
  157. package/dist/interaction/RippleContainer.js.map +1 -1
  158. package/dist/layout/LayoutAppBar.d.ts +0 -1
  159. package/dist/layout/LayoutNav.js +1 -2
  160. package/dist/layout/LayoutNav.js.map +1 -1
  161. package/dist/layout/LayoutWindowSplitter.d.ts +0 -1
  162. package/dist/layout/useHorizontalLayoutTransition.js +1 -1
  163. package/dist/layout/useHorizontalLayoutTransition.js.map +1 -1
  164. package/dist/layout/useLayoutTree.d.ts +2 -2
  165. package/dist/layout/useLayoutTree.js.map +1 -1
  166. package/dist/link/Link.d.ts +0 -2
  167. package/dist/link/Link.js +0 -2
  168. package/dist/link/Link.js.map +1 -1
  169. package/dist/list/List.d.ts +0 -20
  170. package/dist/list/List.js +1 -14
  171. package/dist/list/List.js.map +1 -1
  172. package/dist/list/ListItem.d.ts +0 -16
  173. package/dist/list/ListItem.js.map +1 -1
  174. package/dist/list/ListItemAddon.d.ts +0 -2
  175. package/dist/list/ListItemAddon.js +0 -2
  176. package/dist/list/ListItemAddon.js.map +1 -1
  177. package/dist/list/ListItemChildren.d.ts +0 -2
  178. package/dist/list/ListItemChildren.js +0 -2
  179. package/dist/list/ListItemChildren.js.map +1 -1
  180. package/dist/list/ListItemText.d.ts +0 -2
  181. package/dist/list/ListItemText.js +0 -2
  182. package/dist/list/ListItemText.js.map +1 -1
  183. package/dist/list/ListSubheader.d.ts +3 -2
  184. package/dist/list/ListSubheader.js +0 -2
  185. package/dist/list/ListSubheader.js.map +1 -1
  186. package/dist/list/getListItemHeight.d.ts +2 -2
  187. package/dist/list/getListItemHeight.js +2 -2
  188. package/dist/list/getListItemHeight.js.map +1 -1
  189. package/dist/list/listItemStyles.d.ts +17 -1
  190. package/dist/list/listItemStyles.js.map +1 -1
  191. package/dist/list/listStyles.d.ts +18 -0
  192. package/dist/list/listStyles.js +14 -0
  193. package/dist/list/listStyles.js.map +1 -0
  194. package/dist/list/types.d.ts +9 -3
  195. package/dist/list/types.js +6 -1
  196. package/dist/list/types.js.map +1 -1
  197. package/dist/media-queries/AppSizeProvider.d.ts +8 -0
  198. package/dist/media-queries/AppSizeProvider.js +2 -0
  199. package/dist/media-queries/AppSizeProvider.js.map +1 -1
  200. package/dist/media-queries/appSize.d.ts +5 -5
  201. package/dist/media-queries/useMediaQuery.d.ts +1 -1
  202. package/dist/media-queries/useMediaQuery.js +1 -1
  203. package/dist/media-queries/useMediaQuery.js.map +1 -1
  204. package/dist/menu/MenuBar.d.ts +0 -1
  205. package/dist/menu/MenuButton.d.ts +0 -1
  206. package/dist/menu/MenuConfigurationProvider.js.map +1 -1
  207. package/dist/menu/MenuItem.d.ts +0 -1
  208. package/dist/menu/MenuItemButton.d.ts +0 -1
  209. package/dist/menu/useMenuBarProvider.d.ts +0 -1
  210. package/dist/movement/useKeyboardMovementProvider.d.ts +0 -1
  211. package/dist/navigation/NavGroup.d.ts +0 -2
  212. package/dist/navigation/NavGroup.js +0 -2
  213. package/dist/navigation/NavGroup.js.map +1 -1
  214. package/dist/navigation/NavItem.d.ts +0 -2
  215. package/dist/navigation/NavItem.js +0 -2
  216. package/dist/navigation/NavItem.js.map +1 -1
  217. package/dist/navigation/NavSubheader.d.ts +0 -3
  218. package/dist/navigation/NavSubheader.js +0 -2
  219. package/dist/navigation/NavSubheader.js.map +1 -1
  220. package/dist/progress/CircularProgress.d.ts +0 -2
  221. package/dist/progress/CircularProgress.js +0 -2
  222. package/dist/progress/CircularProgress.js.map +1 -1
  223. package/dist/progress/LinearProgress.d.ts +0 -2
  224. package/dist/progress/LinearProgress.js +0 -2
  225. package/dist/progress/LinearProgress.js.map +1 -1
  226. package/dist/responsive-item/ResponsiveItemContainer.d.ts +0 -2
  227. package/dist/responsive-item/ResponsiveItemContainer.js +0 -2
  228. package/dist/responsive-item/ResponsiveItemContainer.js.map +1 -1
  229. package/dist/responsive-item/ResponsiveItemOverlay.d.ts +0 -2
  230. package/dist/responsive-item/ResponsiveItemOverlay.js +0 -2
  231. package/dist/responsive-item/ResponsiveItemOverlay.js.map +1 -1
  232. package/dist/segmented-button/SegmentedButtonContainer.d.ts +0 -2
  233. package/dist/segmented-button/SegmentedButtonContainer.js +0 -2
  234. package/dist/segmented-button/SegmentedButtonContainer.js.map +1 -1
  235. package/dist/sheet/Sheet.d.ts +30 -16
  236. package/dist/sheet/Sheet.js +24 -14
  237. package/dist/sheet/Sheet.js.map +1 -1
  238. package/dist/sheet/styles.d.ts +29 -0
  239. package/dist/sheet/styles.js +13 -0
  240. package/dist/sheet/styles.js.map +1 -1
  241. package/dist/snackbar/ToastActionButton.d.ts +0 -1
  242. package/dist/snackbar/ToastCloseButton.d.ts +0 -1
  243. package/dist/snackbar/ToastManager.js.map +1 -1
  244. package/dist/snackbar/useCurrentToastActions.d.ts +0 -1
  245. package/dist/suspense/CircularProgressSuspense.d.ts +0 -2
  246. package/dist/suspense/CircularProgressSuspense.js +0 -2
  247. package/dist/suspense/CircularProgressSuspense.js.map +1 -1
  248. package/dist/suspense/NullSuspense.d.ts +0 -2
  249. package/dist/suspense/NullSuspense.js +0 -2
  250. package/dist/suspense/NullSuspense.js.map +1 -1
  251. package/dist/table/TableCellContent.d.ts +0 -3
  252. package/dist/table/TableCellContent.js +0 -3
  253. package/dist/table/TableCellContent.js.map +1 -1
  254. package/dist/table/TableConfigurationProvider.d.ts +0 -1
  255. package/dist/tabs/Tab.d.ts +3 -0
  256. package/dist/tabs/Tab.js.map +1 -1
  257. package/dist/tabs/TabListScrollButton.js +5 -1
  258. package/dist/tabs/TabListScrollButton.js.map +1 -1
  259. package/dist/tabs/_tabs.scss +21 -3
  260. package/dist/tabs/tabListScrollButtonStyles.d.ts +2 -0
  261. package/dist/tabs/tabListScrollButtonStyles.js +9 -5
  262. package/dist/tabs/tabListScrollButtonStyles.js.map +1 -1
  263. package/dist/tabs/useTabList.d.ts +2 -0
  264. package/dist/tabs/useTabList.js +4 -2
  265. package/dist/tabs/useTabList.js.map +1 -1
  266. package/dist/tabs/useTabs.d.ts +33 -11
  267. package/dist/tabs/useTabs.js +9 -3
  268. package/dist/tabs/useTabs.js.map +1 -1
  269. package/dist/test-utils/IntersectionObserver.js.map +1 -1
  270. package/dist/test-utils/data-testid.d.ts +0 -1
  271. package/dist/theme/useColorScheme.d.ts +0 -1
  272. package/dist/transition/SlideContainer.d.ts +2 -48
  273. package/dist/transition/SlideContainer.js +2 -48
  274. package/dist/transition/SlideContainer.js.map +1 -1
  275. package/dist/tree/DefaultTreeItemRenderer.d.ts +2 -3
  276. package/dist/tree/DefaultTreeItemRenderer.js +1 -1
  277. package/dist/tree/DefaultTreeItemRenderer.js.map +1 -1
  278. package/dist/tree/Tree.d.ts +3 -4
  279. package/dist/tree/Tree.js.map +1 -1
  280. package/dist/tree/TreeItem.d.ts +10 -3
  281. package/dist/tree/TreeItem.js +5 -2
  282. package/dist/tree/TreeItem.js.map +1 -1
  283. package/dist/tree/types.d.ts +11 -6
  284. package/dist/tree/types.js +1 -26
  285. package/dist/tree/types.js.map +1 -1
  286. package/dist/tree/useTree.d.ts +3 -3
  287. package/dist/tree/useTree.js.map +1 -1
  288. package/dist/tree/useTreeExpansion.d.ts +3 -3
  289. package/dist/tree/useTreeExpansion.js.map +1 -1
  290. package/dist/tree/useTreeSelection.d.ts +3 -3
  291. package/dist/tree/useTreeSelection.js.map +1 -1
  292. package/dist/typography/SrOnly.d.ts +2 -1
  293. package/dist/typography/SrOnly.js +2 -1
  294. package/dist/typography/SrOnly.js.map +1 -1
  295. package/dist/typography/TextContainer.d.ts +0 -2
  296. package/dist/typography/TextContainer.js +0 -2
  297. package/dist/typography/TextContainer.js.map +1 -1
  298. package/dist/typography/Typography.d.ts +0 -2
  299. package/dist/typography/Typography.js +0 -2
  300. package/dist/typography/Typography.js.map +1 -1
  301. package/dist/typography/WritingDirectionProvider.d.ts +2 -2
  302. package/dist/typography/WritingDirectionProvider.js +2 -2
  303. package/dist/typography/WritingDirectionProvider.js.map +1 -1
  304. package/dist/useResizeListener.d.ts +7 -1
  305. package/dist/useResizeListener.js.map +1 -1
  306. package/dist/useResizeObserver.d.ts +3 -3
  307. package/dist/useResizeObserver.js.map +1 -1
  308. package/dist/useToggle.d.ts +4 -4
  309. package/dist/useToggle.js +1 -1
  310. package/dist/useToggle.js.map +1 -1
  311. package/dist/window-splitter/WindowSplitter.d.ts +2 -2
  312. package/dist/window-splitter/WindowSplitter.js +2 -2
  313. package/dist/window-splitter/WindowSplitter.js.map +1 -1
  314. package/package.json +15 -15
  315. package/src/RootHtml.tsx +0 -2
  316. package/src/app-bar/AppBar.tsx +0 -2
  317. package/src/app-bar/AppBarTitle.tsx +0 -2
  318. package/src/avatar/Avatar.tsx +0 -2
  319. package/src/badge/Badge.tsx +1 -3
  320. package/src/box/Box.tsx +0 -2
  321. package/src/button/ButtonUnstyled.tsx +0 -2
  322. package/src/card/Card.tsx +0 -2
  323. package/src/card/CardContent.tsx +0 -2
  324. package/src/card/CardFooter.tsx +0 -2
  325. package/src/card/CardHeader.tsx +0 -2
  326. package/src/card/CardSubtitle.tsx +0 -2
  327. package/src/card/CardTitle.tsx +0 -2
  328. package/src/chip/Chip.tsx +0 -2
  329. package/src/dialog/DialogContainer.tsx +0 -2
  330. package/src/dialog/DialogContent.tsx +3 -3
  331. package/src/dialog/DialogFooter.tsx +2 -3
  332. package/src/dialog/DialogHeader.tsx +3 -3
  333. package/src/dialog/DialogTitle.tsx +3 -3
  334. package/src/divider/Divider.tsx +0 -2
  335. package/src/expansion-panel/ExpansionList.tsx +1 -1
  336. package/src/expansion-panel/ExpansionPanel.tsx +9 -38
  337. package/src/expansion-panel/ExpansionPanelHeader.tsx +0 -1
  338. package/src/expansion-panel/expansionPanelStyles.ts +33 -0
  339. package/src/form/Fieldset.tsx +0 -2
  340. package/src/form/FormMessage.tsx +0 -2
  341. package/src/form/FormMessageContainer.tsx +0 -1
  342. package/src/form/FormMessageCounter.tsx +0 -2
  343. package/src/form/InputToggle.tsx +1 -1
  344. package/src/form/InputToggleIcon.tsx +0 -2
  345. package/src/form/Label.tsx +0 -2
  346. package/src/form/Legend.tsx +0 -2
  347. package/src/form/NativeSelect.tsx +0 -2
  348. package/src/form/Option.tsx +1 -1
  349. package/src/form/SelectedOption.tsx +0 -2
  350. package/src/form/SliderContainer.tsx +0 -2
  351. package/src/form/SliderMark.tsx +0 -2
  352. package/src/form/SliderMarkLabel.tsx +0 -2
  353. package/src/form/SliderTrack.tsx +0 -2
  354. package/src/form/SliderValueMarks.tsx +0 -2
  355. package/src/form/Switch.tsx +0 -2
  356. package/src/form/SwitchTrack.tsx +2 -1
  357. package/src/form/TextField.tsx +0 -2
  358. package/src/form/TextFieldAddon.tsx +1 -3
  359. package/src/icon/FontIcon.tsx +0 -2
  360. package/src/icon/IconRotator.tsx +0 -2
  361. package/src/icon/MaterialIcon.tsx +0 -2
  362. package/src/icon/MaterialSymbol.tsx +0 -1
  363. package/src/icon/SVGIcon.tsx +0 -2
  364. package/src/icon/TextIconSpacing.tsx +0 -2
  365. package/src/icon/styles.ts +1 -1
  366. package/src/interaction/RippleContainer.tsx +0 -2
  367. package/src/layout/LayoutNav.tsx +3 -2
  368. package/src/layout/useHorizontalLayoutTransition.ts +1 -1
  369. package/src/layout/useLayoutTree.ts +2 -2
  370. package/src/link/Link.tsx +0 -2
  371. package/src/list/List.tsx +1 -33
  372. package/src/list/ListItem.tsx +0 -17
  373. package/src/list/ListItemAddon.tsx +0 -2
  374. package/src/list/ListItemChildren.tsx +0 -2
  375. package/src/list/ListItemText.tsx +0 -2
  376. package/src/list/ListSubheader.tsx +3 -2
  377. package/src/list/getListItemHeight.ts +2 -2
  378. package/src/list/listItemStyles.ts +21 -4
  379. package/src/list/listStyles.ts +31 -0
  380. package/src/list/types.ts +9 -3
  381. package/src/media-queries/AppSizeProvider.tsx +8 -0
  382. package/src/media-queries/useMediaQuery.ts +1 -1
  383. package/src/menu/MenuConfigurationProvider.tsx +2 -2
  384. package/src/navigation/NavGroup.tsx +0 -2
  385. package/src/navigation/NavItem.tsx +0 -2
  386. package/src/navigation/NavSubheader.tsx +0 -2
  387. package/src/progress/CircularProgress.tsx +0 -2
  388. package/src/progress/LinearProgress.tsx +0 -2
  389. package/src/responsive-item/ResponsiveItemContainer.tsx +0 -2
  390. package/src/responsive-item/ResponsiveItemOverlay.tsx +0 -2
  391. package/src/segmented-button/SegmentedButtonContainer.tsx +0 -2
  392. package/src/sheet/Sheet.tsx +36 -33
  393. package/src/sheet/styles.ts +50 -0
  394. package/src/suspense/CircularProgressSuspense.tsx +0 -2
  395. package/src/suspense/NullSuspense.tsx +0 -2
  396. package/src/table/TableCellContent.tsx +0 -3
  397. package/src/tabs/Tab.tsx +3 -0
  398. package/src/tabs/TabListScrollButton.tsx +9 -2
  399. package/src/tabs/tabListScrollButtonStyles.ts +9 -5
  400. package/src/tabs/useTabList.ts +4 -0
  401. package/src/tabs/useTabs.ts +61 -14
  402. package/src/test-utils/IntersectionObserver.ts +1 -1
  403. package/src/transition/SlideContainer.tsx +2 -48
  404. package/src/tree/DefaultTreeItemRenderer.tsx +3 -4
  405. package/src/tree/Tree.tsx +4 -6
  406. package/src/tree/TreeItem.tsx +11 -4
  407. package/src/tree/types.ts +16 -6
  408. package/src/tree/useTree.ts +3 -3
  409. package/src/tree/useTreeExpansion.ts +3 -3
  410. package/src/tree/useTreeSelection.ts +3 -3
  411. package/src/typography/SrOnly.tsx +2 -1
  412. package/src/typography/TextContainer.tsx +0 -2
  413. package/src/typography/Typography.tsx +0 -2
  414. package/src/typography/WritingDirectionProvider.tsx +2 -2
  415. package/src/useResizeListener.ts +7 -1
  416. package/src/useResizeObserver.ts +3 -3
  417. package/src/useToggle.ts +4 -4
  418. package/src/window-splitter/WindowSplitter.tsx +2 -2
  419. package/.eslintrc.cjs +0 -34
  420. package/.stylelintrc.json +0 -14
  421. package/.swcrc +0 -17
  422. package/.turbo/turbo-build.log +0 -22
  423. package/.turbo/turbo-lint.log +0 -12
  424. package/.turbo/turbo-test.log +0 -5516
  425. package/.turbo/turbo-typecheck.log +0 -4
  426. package/CHANGELOG.md +0 -323
  427. package/coverage/clover.xml +0 -842
  428. package/coverage/coverage-final.json +0 -6
  429. package/coverage/lcov-report/autocomplete/Autocomplete.tsx.html +0 -1033
  430. package/coverage/lcov-report/autocomplete/AutocompleteClearButton.tsx.html +0 -262
  431. package/coverage/lcov-report/autocomplete/FilterAutocompleteOptions.tsx.html +0 -364
  432. package/coverage/lcov-report/autocomplete/index.html +0 -146
  433. package/coverage/lcov-report/base.css +0 -224
  434. package/coverage/lcov-report/block-navigation.js +0 -87
  435. package/coverage/lcov-report/button/Button.tsx.html +0 -676
  436. package/coverage/lcov-report/button/index.html +0 -116
  437. package/coverage/lcov-report/card/Card.tsx.html +0 -349
  438. package/coverage/lcov-report/card/CardSubtitle.tsx.html +0 -265
  439. package/coverage/lcov-report/card/index.html +0 -146
  440. package/coverage/lcov-report/card/styles.ts.html +0 -682
  441. package/coverage/lcov-report/createHorizontalPosition.ts.html +0 -1075
  442. package/coverage/lcov-report/createVerticalPosition.ts.html +0 -997
  443. package/coverage/lcov-report/favicon.png +0 -0
  444. package/coverage/lcov-report/form/Option.tsx.html +0 -727
  445. package/coverage/lcov-report/form/index.html +0 -131
  446. package/coverage/lcov-report/form/useListboxProvider.ts.html +0 -253
  447. package/coverage/lcov-report/index.html +0 -146
  448. package/coverage/lcov-report/prettify.css +0 -1
  449. package/coverage/lcov-report/prettify.js +0 -2
  450. package/coverage/lcov-report/searching/fuzzy.ts.html +0 -607
  451. package/coverage/lcov-report/searching/index.html +0 -116
  452. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  453. package/coverage/lcov-report/sorter.js +0 -196
  454. package/coverage/lcov-report/src/card/Card.tsx.html +0 -349
  455. package/coverage/lcov-report/src/card/CardSubtitle.tsx.html +0 -277
  456. package/coverage/lcov-report/src/card/index.html +0 -146
  457. package/coverage/lcov-report/src/card/styles.ts.html +0 -682
  458. package/coverage/lcov-report/src/cssUtils.ts.html +0 -787
  459. package/coverage/lcov-report/src/index.html +0 -116
  460. package/coverage/lcov-report/src/transition/index.html +0 -116
  461. package/coverage/lcov-report/src/transition/useCSSTransition.ts.html +0 -766
  462. package/coverage/lcov-report/transition/index.html +0 -116
  463. package/coverage/lcov-report/transition/useCSSTransition.ts.html +0 -766
  464. package/coverage/lcov-report/typography/SrOnly.tsx.html +0 -325
  465. package/coverage/lcov-report/typography/index.html +0 -116
  466. package/coverage/lcov-report/utils.ts.html +0 -1225
  467. package/coverage/lcov.info +0 -952
  468. package/jest.config.ts +0 -68
  469. package/jest.setup.ts +0 -3
  470. package/scripts/copySassFiles.ts +0 -70
  471. package/scripts/getExportMap.ts +0 -66
  472. package/scripts/tsconfig.json +0 -18
  473. package/src/__tests__/NoSsr.node.tsx +0 -26
  474. package/src/__tests__/NoSsr.tsx +0 -89
  475. package/src/__tests__/RootHtml.node.tsx +0 -46
  476. package/src/__tests__/__snapshots__/RootHtml.node.tsx.snap +0 -19
  477. package/src/__tests__/useAsyncFunction.tsx +0 -124
  478. package/src/__tests__/useDebouncedFunction.tsx +0 -108
  479. package/src/__tests__/useDropzone.tsx +0 -131
  480. package/src/__tests__/useElementSize.tsx +0 -181
  481. package/src/__tests__/useEnsuredId.tsx +0 -25
  482. package/src/__tests__/useEnsuredState.tsx +0 -74
  483. package/src/__tests__/useHtmlClassName.tsx +0 -54
  484. package/src/__tests__/useLocalStorage.tsx +0 -377
  485. package/src/__tests__/useOrientation.node.tsx +0 -20
  486. package/src/__tests__/useOrientation.tsx +0 -63
  487. package/src/__tests__/useResizeObserver.tsx +0 -258
  488. package/src/__tests__/useThrottledFunction.tsx +0 -226
  489. package/src/__tests__/useToggle.tsx +0 -78
  490. package/src/__tests__/useWindowSize.node.tsx +0 -56
  491. package/src/__tests__/useWindowSize.tsx +0 -155
  492. package/src/_box-shadows.scss +0 -219
  493. package/src/_core.scss +0 -432
  494. package/src/_utils.scss +0 -348
  495. package/src/app-bar/__tests__/AppBar.tsx +0 -121
  496. package/src/app-bar/__tests__/AppBarTitle.tsx +0 -39
  497. package/src/app-bar/__tests__/__snapshots__/AppBar.tsx.snap +0 -186
  498. package/src/app-bar/__tests__/__snapshots__/AppBarTitle.tsx.snap +0 -47
  499. package/src/app-bar/_app-bar.scss +0 -248
  500. package/src/autocomplete/__tests__/Autocomplete.tsx +0 -458
  501. package/src/autocomplete/__tests__/__snapshots__/Autocomplete.tsx.snap +0 -144
  502. package/src/autocomplete/_autocomplete.scss +0 -75
  503. package/src/avatar/__tests__/Avatar.tsx +0 -75
  504. package/src/avatar/__tests__/__snapshots__/Avatar.tsx.snap +0 -73
  505. package/src/avatar/_avatar.scss +0 -157
  506. package/src/badge/__tests__/Badge.tsx +0 -42
  507. package/src/badge/__tests__/__snapshots__/Badge.tsx.snap +0 -54
  508. package/src/badge/_badge.scss +0 -145
  509. package/src/box/__tests__/Box.tsx +0 -158
  510. package/src/box/__tests__/__snapshots__/Box.tsx.snap +0 -544
  511. package/src/box/_box.scss +0 -168
  512. package/src/button/__tests__/AsyncButton.tsx +0 -211
  513. package/src/button/__tests__/Button.tsx +0 -198
  514. package/src/button/__tests__/ButtonUnstyled.tsx +0 -37
  515. package/src/button/__tests__/TooltippedButton.tsx +0 -60
  516. package/src/button/__tests__/__snapshots__/AsyncButton.tsx.snap +0 -418
  517. package/src/button/__tests__/__snapshots__/Button.tsx.snap +0 -573
  518. package/src/button/__tests__/__snapshots__/ButtonUnstyled.tsx.snap +0 -22
  519. package/src/button/__tests__/__snapshots__/TooltippedButton.tsx.snap +0 -26
  520. package/src/button/__tests__/__snapshots__/buttonStyles.ts.snap +0 -11
  521. package/src/button/__tests__/buttonStyles.ts +0 -15
  522. package/src/button/_button.scss +0 -330
  523. package/src/card/__tests__/Card.tsx +0 -37
  524. package/src/card/__tests__/CardContent.tsx +0 -40
  525. package/src/card/__tests__/CardFooter.tsx +0 -34
  526. package/src/card/__tests__/CardHeader.tsx +0 -66
  527. package/src/card/__tests__/CardSubtitle.tsx +0 -30
  528. package/src/card/__tests__/CardTitle.tsx +0 -30
  529. package/src/card/__tests__/ClickableCard.tsx +0 -66
  530. package/src/card/__tests__/__snapshots__/Card.tsx.snap +0 -40
  531. package/src/card/__tests__/__snapshots__/CardContent.tsx.snap +0 -50
  532. package/src/card/__tests__/__snapshots__/CardFooter.tsx.snap +0 -30
  533. package/src/card/__tests__/__snapshots__/CardHeader.tsx.snap +0 -74
  534. package/src/card/__tests__/__snapshots__/CardSubtitle.tsx.snap +0 -18
  535. package/src/card/__tests__/__snapshots__/CardTitle.tsx.snap +0 -18
  536. package/src/card/__tests__/__snapshots__/ClickableCard.tsx.snap +0 -20
  537. package/src/card/__tests__/__snapshots__/styles.ts.snap +0 -13
  538. package/src/card/__tests__/styles.ts +0 -45
  539. package/src/card/_card.scss +0 -189
  540. package/src/chip/__tests__/Chip.tsx +0 -327
  541. package/src/chip/__tests__/__snapshots__/Chip.tsx.snap +0 -597
  542. package/src/chip/__tests__/__snapshots__/styles.ts.snap +0 -5
  543. package/src/chip/__tests__/styles.ts +0 -14
  544. package/src/chip/_chip.scss +0 -324
  545. package/src/dialog/__tests__/Dialog.tsx +0 -316
  546. package/src/dialog/__tests__/DialogContent.tsx +0 -53
  547. package/src/dialog/__tests__/DialogFooter.tsx +0 -70
  548. package/src/dialog/__tests__/DialogHeader.tsx +0 -37
  549. package/src/dialog/__tests__/DialogTitle.tsx +0 -41
  550. package/src/dialog/__tests__/__snapshots__/Dialog.tsx.snap +0 -84
  551. package/src/dialog/__tests__/__snapshots__/DialogContent.tsx.snap +0 -36
  552. package/src/dialog/__tests__/__snapshots__/DialogFooter.tsx.snap +0 -186
  553. package/src/dialog/__tests__/__snapshots__/DialogHeader.tsx.snap +0 -18
  554. package/src/dialog/__tests__/__snapshots__/DialogTitle.tsx.snap +0 -26
  555. package/src/dialog/_dialog.scss +0 -273
  556. package/src/divider/__tests__/Divider.tsx +0 -36
  557. package/src/divider/__tests__/__snapshots__/Divider.tsx.snap +0 -26
  558. package/src/divider/_divider.scss +0 -124
  559. package/src/draggable/__tests__/__snapshots__/useDraggable.tsx.snap +0 -49
  560. package/src/draggable/__tests__/useDraggable.tsx +0 -540
  561. package/src/draggable/_draggable.scss +0 -29
  562. package/src/expansion-panel/__tests__/ExpansionPanel.tsx +0 -290
  563. package/src/expansion-panel/__tests__/__snapshots__/ExpansionPanel.tsx.snap +0 -197
  564. package/src/expansion-panel/_expansion-panel.scss +0 -107
  565. package/src/focus/__tests__/useFocusContainer.tsx +0 -280
  566. package/src/form/__tests__/Checkbox.tsx +0 -42
  567. package/src/form/__tests__/Fieldset.tsx +0 -44
  568. package/src/form/__tests__/FileInput.tsx +0 -120
  569. package/src/form/__tests__/Label.tsx +0 -69
  570. package/src/form/__tests__/Legend.tsx +0 -34
  571. package/src/form/__tests__/MenuItemCheckbox.tsx +0 -53
  572. package/src/form/__tests__/MenuItemRadio.tsx +0 -53
  573. package/src/form/__tests__/Radio.tsx +0 -35
  574. package/src/form/__tests__/Select.tsx +0 -439
  575. package/src/form/__tests__/Switch.tsx +0 -152
  576. package/src/form/__tests__/TextArea.tsx +0 -433
  577. package/src/form/__tests__/TextField.tsx +0 -195
  578. package/src/form/__tests__/__snapshots__/Checkbox.tsx.snap +0 -99
  579. package/src/form/__tests__/__snapshots__/Fieldset.tsx.snap +0 -58
  580. package/src/form/__tests__/__snapshots__/FileInput.tsx.snap +0 -612
  581. package/src/form/__tests__/__snapshots__/Label.tsx.snap +0 -140
  582. package/src/form/__tests__/__snapshots__/Legend.tsx.snap +0 -30
  583. package/src/form/__tests__/__snapshots__/MenuItemCheckbox.tsx.snap +0 -96
  584. package/src/form/__tests__/__snapshots__/MenuItemRadio.tsx.snap +0 -96
  585. package/src/form/__tests__/__snapshots__/Radio.tsx.snap +0 -99
  586. package/src/form/__tests__/__snapshots__/Select.tsx.snap +0 -492
  587. package/src/form/__tests__/__snapshots__/Switch.tsx.snap +0 -428
  588. package/src/form/__tests__/__snapshots__/TextArea.tsx.snap +0 -548
  589. package/src/form/__tests__/__snapshots__/TextField.tsx.snap +0 -279
  590. package/src/form/__tests__/__snapshots__/useCheckboxGroup.tsx.snap +0 -481
  591. package/src/form/__tests__/__snapshots__/useRadioGroup.tsx.snap +0 -704
  592. package/src/form/__tests__/useCheckboxGroup.tsx +0 -292
  593. package/src/form/__tests__/useFileUpload.tsx +0 -289
  594. package/src/form/__tests__/useFormReset.tsx +0 -194
  595. package/src/form/__tests__/useRadioGroup.tsx +0 -227
  596. package/src/form/__tests__/utils.ts +0 -247
  597. package/src/form/_form.scss +0 -2190
  598. package/src/icon/__tests__/FontIcon.tsx +0 -45
  599. package/src/icon/__tests__/IconRotator.tsx +0 -120
  600. package/src/icon/__tests__/MaterialIcon.tsx +0 -79
  601. package/src/icon/__tests__/MaterialSymbol.tsx +0 -100
  602. package/src/icon/__tests__/SVGIcon.tsx +0 -40
  603. package/src/icon/__tests__/TextIconSpacing.tsx +0 -108
  604. package/src/icon/__tests__/__snapshots__/FontIcon.tsx.snap +0 -35
  605. package/src/icon/__tests__/__snapshots__/IconRotator.tsx.snap +0 -165
  606. package/src/icon/__tests__/__snapshots__/MaterialIcon.tsx.snap +0 -82
  607. package/src/icon/__tests__/__snapshots__/MaterialSymbol.tsx.snap +0 -42
  608. package/src/icon/__tests__/__snapshots__/SVGIcon.tsx.snap +0 -47
  609. package/src/icon/__tests__/__snapshots__/TextIconSpacing.tsx.snap +0 -101
  610. package/src/icon/__tests__/__snapshots__/styles.ts.snap +0 -29
  611. package/src/icon/__tests__/styles.ts +0 -28
  612. package/src/icon/_icon.scss +0 -213
  613. package/src/interaction/__tests__/UserInteractionModeProvider.tsx +0 -121
  614. package/src/interaction/__tests__/__snapshots__/useHigherContrastChildren.tsx.snap +0 -79
  615. package/src/interaction/__tests__/useHigherContrastChildren.tsx +0 -97
  616. package/src/interaction/_interaction.scss +0 -436
  617. package/src/layout/__tests__/LayoutAppBar.tsx +0 -117
  618. package/src/layout/__tests__/LayoutNav.tsx +0 -78
  619. package/src/layout/__tests__/LayoutWindowSplitter.tsx +0 -63
  620. package/src/layout/__tests__/Main.tsx +0 -51
  621. package/src/layout/__tests__/__snapshots__/LayoutAppBar.tsx.snap +0 -78
  622. package/src/layout/__tests__/__snapshots__/LayoutNav.tsx.snap +0 -31
  623. package/src/layout/__tests__/__snapshots__/LayoutWindowSplitter.tsx.snap +0 -60
  624. package/src/layout/__tests__/__snapshots__/Main.tsx.snap +0 -32
  625. package/src/layout/__tests__/__snapshots__/useExpandableLayout.tsx.snap +0 -116
  626. package/src/layout/__tests__/__snapshots__/useLayoutTree.tsx.snap +0 -676
  627. package/src/layout/__tests__/__snapshots__/useResizableLayout.tsx.snap +0 -95
  628. package/src/layout/__tests__/__snapshots__/useTemporaryLayout.tsx.snap +0 -141
  629. package/src/layout/__tests__/useExpandableLayout.tsx +0 -279
  630. package/src/layout/__tests__/useLayoutTree.tsx +0 -212
  631. package/src/layout/__tests__/useResizableLayout.tsx +0 -170
  632. package/src/layout/__tests__/useTemporaryLayout.tsx +0 -109
  633. package/src/layout/_layout.scss +0 -163
  634. package/src/link/__tests__/Link.tsx +0 -31
  635. package/src/link/__tests__/SkipToMainContent.tsx +0 -125
  636. package/src/link/__tests__/__snapshots__/Link.tsx.snap +0 -20
  637. package/src/link/__tests__/__snapshots__/SkipToMainContent.tsx.snap +0 -22
  638. package/src/link/_link.scss +0 -149
  639. package/src/list/__tests__/List.tsx +0 -58
  640. package/src/list/__tests__/ListItem.tsx +0 -280
  641. package/src/list/__tests__/ListItemLink.tsx +0 -89
  642. package/src/list/__tests__/ListSubheader.tsx +0 -81
  643. package/src/list/__tests__/__snapshots__/List.tsx.snap +0 -41
  644. package/src/list/__tests__/__snapshots__/ListItem.tsx.snap +0 -414
  645. package/src/list/__tests__/__snapshots__/ListItemLink.tsx.snap +0 -73
  646. package/src/list/__tests__/__snapshots__/ListSubheader.tsx.snap +0 -99
  647. package/src/list/__tests__/getListItemHeight.ts +0 -176
  648. package/src/list/_list.scss +0 -322
  649. package/src/media-queries/__tests__/AppSizeProvider.node.tsx +0 -37
  650. package/src/media-queries/__tests__/AppSizeProvider.tsx +0 -119
  651. package/src/media-queries/__tests__/useMediaQuery.node.tsx +0 -20
  652. package/src/media-queries/__tests__/useMediaQuery.tsx +0 -59
  653. package/src/media-queries/_media-queries.scss +0 -63
  654. package/src/menu/__tests__/DropdownMenu.tsx +0 -627
  655. package/src/menu/__tests__/MenuBar.tsx +0 -354
  656. package/src/menu/__tests__/MenuItemCircularProgress.tsx +0 -39
  657. package/src/menu/__tests__/MenuVisibilityProvider.tsx +0 -34
  658. package/src/menu/__tests__/__snapshots__/DropdownMenu.tsx.snap +0 -292
  659. package/src/menu/__tests__/__snapshots__/MenuBar.tsx.snap +0 -87
  660. package/src/menu/__tests__/__snapshots__/MenuItemCircularProgress.tsx.snap +0 -68
  661. package/src/menu/__tests__/__snapshots__/useContextMenu.tsx.snap +0 -54
  662. package/src/menu/__tests__/useContextMenu.tsx +0 -41
  663. package/src/menu/__tests__/utils.ts +0 -121
  664. package/src/menu/_menu.scss +0 -116
  665. package/src/movement/__tests__/findMatchIndex.ts +0 -244
  666. package/src/movement/__tests__/utils.ts +0 -710
  667. package/src/navigation/__tests__/Navigation.tsx +0 -97
  668. package/src/navigation/__tests__/__snapshots__/Navigation.tsx.snap +0 -165
  669. package/src/navigation/_navigation.scss +0 -99
  670. package/src/overlay/__tests__/Overlay.tsx +0 -198
  671. package/src/overlay/__tests__/__snapshots__/Overlay.tsx.snap +0 -77
  672. package/src/overlay/_overlay.scss +0 -74
  673. package/src/portal/__tests__/PortalContainerProvider.node.tsx +0 -26
  674. package/src/portal/__tests__/PortalContainerProvider.tsx +0 -84
  675. package/src/positioning/__tests__/__snapshots__/useFixedPositioning.tsx.snap +0 -87
  676. package/src/positioning/__tests__/createHorizontalPosition.ts +0 -777
  677. package/src/positioning/__tests__/createVerticalPosition.ts +0 -464
  678. package/src/positioning/__tests__/useFixedPositioning.tsx +0 -205
  679. package/src/positioning/__tests__/utils.ts +0 -1311
  680. package/src/progress/__tests__/CircularProgress.tsx +0 -153
  681. package/src/progress/__tests__/LinearProgress.tsx +0 -131
  682. package/src/progress/__tests__/__snapshots__/CircularProgress.tsx.snap +0 -499
  683. package/src/progress/__tests__/__snapshots__/LinearProgress.tsx.snap +0 -321
  684. package/src/progress/__tests__/getProgressA11y.ts +0 -16
  685. package/src/progress/_progress.scss +0 -577
  686. package/src/responsive-item/__tests__/ResponsiveItemContainer.tsx +0 -56
  687. package/src/responsive-item/__tests__/ResponsiveItemOverlay.tsx +0 -66
  688. package/src/responsive-item/__tests__/__snapshots__/ResponsiveItemContainer.tsx.snap +0 -85
  689. package/src/responsive-item/__tests__/__snapshots__/ResponsiveItemOverlay.tsx.snap +0 -151
  690. package/src/responsive-item/__tests__/__snapshots__/styles.ts.snap +0 -9
  691. package/src/responsive-item/__tests__/styles.ts +0 -32
  692. package/src/responsive-item/_responsive-item.scss +0 -199
  693. package/src/searching/__tests__/caseInsensitive.ts +0 -165
  694. package/src/searching/__tests__/fuzzy.ts +0 -169
  695. package/src/searching/__tests__/toSearchQuery.ts +0 -21
  696. package/src/searching/__tests__/useFuzzyMatch.tsx +0 -200
  697. package/src/segmented-button/__tests__/SegmentedButton.tsx +0 -61
  698. package/src/segmented-button/__tests__/SegmentedButtonContainer.tsx +0 -38
  699. package/src/segmented-button/__tests__/__snapshots__/SegmentedButton.tsx.snap +0 -116
  700. package/src/segmented-button/__tests__/__snapshots__/SegmentedButtonContainer.tsx.snap +0 -22
  701. package/src/segmented-button/_segmented-button.scss +0 -208
  702. package/src/sheet/_sheet.scss +0 -189
  703. package/src/snackbar/__tests__/Snackbar.tsx +0 -85
  704. package/src/snackbar/__tests__/Toast.tsx +0 -105
  705. package/src/snackbar/__tests__/ToastActionButton.tsx +0 -112
  706. package/src/snackbar/__tests__/ToastCloseButton.tsx +0 -140
  707. package/src/snackbar/__tests__/ToastContent.tsx +0 -88
  708. package/src/snackbar/__tests__/ToastManagerProvider.tsx +0 -852
  709. package/src/snackbar/__tests__/__snapshots__/Snackbar.tsx.snap +0 -176
  710. package/src/snackbar/__tests__/__snapshots__/Toast.tsx.snap +0 -52
  711. package/src/snackbar/__tests__/__snapshots__/ToastActionButton.tsx.snap +0 -36
  712. package/src/snackbar/__tests__/__snapshots__/ToastCloseButton.tsx.snap +0 -104
  713. package/src/snackbar/__tests__/__snapshots__/ToastContent.tsx.snap +0 -26
  714. package/src/snackbar/__tests__/__snapshots__/ToastManagerProvider.tsx.snap +0 -290
  715. package/src/snackbar/_snackbar.scss +0 -266
  716. package/src/suspense/__tests__/CircularProgressSuspense.tsx +0 -90
  717. package/src/suspense/__tests__/NullSuspense.tsx +0 -46
  718. package/src/suspense/__tests__/__snapshots__/CircularProgressSuspense.tsx.snap +0 -24
  719. package/src/table/__tests__/Table.tsx +0 -315
  720. package/src/table/__tests__/TableBody.tsx +0 -52
  721. package/src/table/__tests__/TableCheckbox.tsx +0 -89
  722. package/src/table/__tests__/TableContainer.tsx +0 -31
  723. package/src/table/__tests__/TableRadio.tsx +0 -112
  724. package/src/table/__tests__/TableRow.tsx +0 -63
  725. package/src/table/__tests__/__snapshots__/Table.tsx.snap +0 -2426
  726. package/src/table/__tests__/__snapshots__/TableBody.tsx.snap +0 -54
  727. package/src/table/__tests__/__snapshots__/TableCheckbox.tsx.snap +0 -142
  728. package/src/table/__tests__/__snapshots__/TableContainer.tsx.snap +0 -16
  729. package/src/table/__tests__/__snapshots__/TableRadio.tsx.snap +0 -138
  730. package/src/table/__tests__/__snapshots__/TableRow.tsx.snap +0 -56
  731. package/src/table/__tests__/__snapshots__/tableContainerStyles.ts.snap +0 -3
  732. package/src/table/__tests__/__snapshots__/tableRowStyles.ts.snap +0 -3
  733. package/src/table/__tests__/__snapshots__/tableStyles.ts.snap +0 -3
  734. package/src/table/__tests__/tableContainerStyles.ts +0 -8
  735. package/src/table/__tests__/tableRowStyles.ts +0 -8
  736. package/src/table/__tests__/tableStyles.ts +0 -8
  737. package/src/table/_table.scss +0 -447
  738. package/src/tabs/__tests__/Tab.tsx +0 -51
  739. package/src/tabs/__tests__/TabList.tsx +0 -640
  740. package/src/tabs/__tests__/__snapshots__/Tab.tsx.snap +0 -85
  741. package/src/tabs/__tests__/__snapshots__/TabList.tsx.snap +0 -51
  742. package/src/tabs/__tests__/useTabs.tsx +0 -212
  743. package/src/tabs/_tabs.scss +0 -273
  744. package/src/test-utils/__tests__/ResizeObserver.ts +0 -171
  745. package/src/theme/__tests__/LocalStorageColorSchemeProvider.tsx +0 -162
  746. package/src/theme/__tests__/ThemeProvider.tsx +0 -90
  747. package/src/theme/__tests__/__snapshots__/useCSSVariables.tsx.snap +0 -27
  748. package/src/theme/__tests__/__snapshots__/useColorSchemeMetaTag.tsx.snap +0 -15
  749. package/src/theme/__tests__/useCSSVariables.tsx +0 -177
  750. package/src/theme/__tests__/useColorSchemeMetaTag.tsx +0 -36
  751. package/src/theme/__tests__/utils.ts +0 -67
  752. package/src/theme/_a11y.scss +0 -114
  753. package/src/theme/_colors.scss +0 -1057
  754. package/src/theme/_theme.scss +0 -520
  755. package/src/tooltip/__tests__/Tooltip.tsx +0 -501
  756. package/src/tooltip/__tests__/TooltipHoverModeProvider.tsx +0 -94
  757. package/src/tooltip/__tests__/__snapshots__/Tooltip.tsx.snap +0 -34
  758. package/src/tooltip/__tests__/utils.ts +0 -94
  759. package/src/tooltip/_tooltip.scss +0 -155
  760. package/src/transition/__tests__/CSSTransition.tsx +0 -182
  761. package/src/transition/__tests__/Collapse.tsx +0 -209
  762. package/src/transition/__tests__/CrossFade.tsx +0 -227
  763. package/src/transition/__tests__/ScaleTransition.tsx +0 -204
  764. package/src/transition/__tests__/SkeletonPlaceholder.tsx +0 -72
  765. package/src/transition/__tests__/__snapshots__/CSSTransition.tsx.snap +0 -145
  766. package/src/transition/__tests__/__snapshots__/Collapse.tsx.snap +0 -224
  767. package/src/transition/__tests__/__snapshots__/CrossFade.tsx.snap +0 -240
  768. package/src/transition/__tests__/__snapshots__/ScaleTransition.tsx.snap +0 -239
  769. package/src/transition/__tests__/__snapshots__/SkeletonPlaceholder.tsx.snap +0 -24
  770. package/src/transition/__tests__/__snapshots__/useCollapseTransition.tsx.snap +0 -361
  771. package/src/transition/__tests__/__snapshots__/useCrossFadeTransition.tsx.snap +0 -258
  772. package/src/transition/__tests__/__snapshots__/useMaxWidthTransition.tsx.snap +0 -68
  773. package/src/transition/__tests__/__snapshots__/useScaleTransition.tsx.snap +0 -209
  774. package/src/transition/__tests__/useCSSTransition.tsx +0 -190
  775. package/src/transition/__tests__/useCollapseTransition.tsx +0 -316
  776. package/src/transition/__tests__/useCrossFadeTransition.tsx +0 -229
  777. package/src/transition/__tests__/useMaxWidthTransition.tsx +0 -123
  778. package/src/transition/__tests__/useScaleTransition.tsx +0 -212
  779. package/src/transition/__tests__/useTransition.tsx +0 -569
  780. package/src/transition/__tests__/utils.ts +0 -620
  781. package/src/transition/_transition.scss +0 -365
  782. package/src/tree/__tests__/Tree.tsx +0 -735
  783. package/src/tree/__tests__/TreeGroup.tsx +0 -76
  784. package/src/tree/__tests__/TreeItemExpander.tsx +0 -74
  785. package/src/tree/__tests__/__snapshots__/Tree.tsx.snap +0 -3618
  786. package/src/tree/__tests__/__snapshots__/TreeItemExpander.tsx.snap +0 -11
  787. package/src/tree/__tests__/utils.ts +0 -98
  788. package/src/tree/_tree.scss +0 -176
  789. package/src/typography/__tests__/SrOnly.tsx +0 -43
  790. package/src/typography/__tests__/TextContainer.tsx +0 -45
  791. package/src/typography/__tests__/Typography.tsx +0 -87
  792. package/src/typography/__tests__/WritingDirectionProvider.node.tsx +0 -27
  793. package/src/typography/__tests__/WritingDirectionProvider.tsx +0 -119
  794. package/src/typography/__tests__/__snapshots__/SrOnly.tsx.snap +0 -56
  795. package/src/typography/__tests__/__snapshots__/TextContainer.tsx.snap +0 -29
  796. package/src/typography/__tests__/__snapshots__/Typography.tsx.snap +0 -112
  797. package/src/typography/_typography.scss +0 -399
  798. package/src/utils/__tests__/RenderRecursively.tsx +0 -87
  799. package/src/utils/__tests__/__snapshots__/RenderRecursively.tsx.snap +0 -80
  800. package/src/utils/__tests__/applyRef.ts +0 -30
  801. package/src/utils/__tests__/bem.ts +0 -54
  802. package/src/utils/__tests__/getMiddleOfRange.ts +0 -12
  803. package/src/utils/__tests__/getPercentage.ts +0 -104
  804. package/src/utils/__tests__/getRangeDefaultValue.ts +0 -47
  805. package/src/utils/__tests__/getRangeSteps.ts +0 -14
  806. package/src/utils/__tests__/loop.ts +0 -50
  807. package/src/utils/__tests__/nearest.ts +0 -83
  808. package/src/utils/__tests__/parseCssLengthUnit.node.ts +0 -28
  809. package/src/utils/__tests__/parseCssLengthUnit.ts +0 -47
  810. package/src/utils/__tests__/wait.ts +0 -12
  811. package/src/utils/__tests__/withinRange.ts +0 -24
  812. package/src/window-splitter/_window-splitter.scss +0 -143
  813. package/tsconfig.json +0 -19
  814. package/tsconfig.types.json +0 -12
  815. package/tsdoc.json +0 -14
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
- `;