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

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 (665) hide show
  1. package/dist/_box-shadows.scss +76 -0
  2. package/dist/_colors.scss +279 -277
  3. package/dist/_core.scss +107 -16
  4. package/dist/_object-fit.scss +86 -0
  5. package/dist/_utils.scss +246 -72
  6. package/dist/app-bar/AppBar.d.ts +1 -90
  7. package/dist/app-bar/AppBar.js +1 -40
  8. package/dist/app-bar/AppBar.js.map +1 -1
  9. package/dist/app-bar/AppBarTitle.d.ts +1 -27
  10. package/dist/app-bar/AppBarTitle.js +1 -15
  11. package/dist/app-bar/AppBarTitle.js.map +1 -1
  12. package/dist/app-bar/_app-bar.scss +156 -25
  13. package/dist/app-bar/styles.d.ts +117 -0
  14. package/dist/app-bar/styles.js +55 -0
  15. package/dist/app-bar/styles.js.map +1 -0
  16. package/dist/autocomplete/Autocomplete.d.ts +8 -79
  17. package/dist/autocomplete/Autocomplete.js +112 -83
  18. package/dist/autocomplete/Autocomplete.js.map +1 -1
  19. package/dist/autocomplete/AutocompleteChip.d.ts +8 -0
  20. package/dist/autocomplete/AutocompleteChip.js +34 -0
  21. package/dist/autocomplete/AutocompleteChip.js.map +1 -0
  22. package/dist/autocomplete/AutocompleteCircularProgress.d.ts +5 -11
  23. package/dist/autocomplete/AutocompleteCircularProgress.js +4 -0
  24. package/dist/autocomplete/AutocompleteCircularProgress.js.map +1 -1
  25. package/dist/autocomplete/AutocompleteClearButton.d.ts +9 -0
  26. package/dist/autocomplete/AutocompleteClearButton.js +29 -0
  27. package/dist/autocomplete/AutocompleteClearButton.js.map +1 -0
  28. package/dist/autocomplete/AutocompleteDropdownButton.d.ts +4 -26
  29. package/dist/autocomplete/AutocompleteDropdownButton.js +5 -1
  30. package/dist/autocomplete/AutocompleteDropdownButton.js.map +1 -1
  31. package/dist/autocomplete/AutocompleteListboxChildren.d.ts +22 -0
  32. package/dist/autocomplete/AutocompleteListboxChildren.js +37 -0
  33. package/dist/autocomplete/AutocompleteListboxChildren.js.map +1 -0
  34. package/dist/autocomplete/_autocomplete.scss +362 -34
  35. package/dist/autocomplete/autocompleteStyles.d.ts +22 -0
  36. package/dist/autocomplete/autocompleteStyles.js +17 -8
  37. package/dist/autocomplete/autocompleteStyles.js.map +1 -1
  38. package/dist/autocomplete/defaults.d.ts +9 -9
  39. package/dist/autocomplete/defaults.js +13 -13
  40. package/dist/autocomplete/defaults.js.map +1 -1
  41. package/dist/autocomplete/types.d.ts +554 -56
  42. package/dist/autocomplete/types.js.map +1 -1
  43. package/dist/autocomplete/useAutocomplete.d.ts +22 -0
  44. package/dist/autocomplete/useAutocomplete.js +281 -0
  45. package/dist/autocomplete/useAutocomplete.js.map +1 -0
  46. package/dist/autocomplete/utils.d.ts +81 -0
  47. package/dist/autocomplete/utils.js +108 -0
  48. package/dist/autocomplete/utils.js.map +1 -0
  49. package/dist/avatar/_avatar.scss +93 -2
  50. package/dist/badge/Badge.d.ts +1 -20
  51. package/dist/badge/Badge.js +1 -14
  52. package/dist/badge/Badge.js.map +1 -1
  53. package/dist/badge/_badge.scss +90 -3
  54. package/dist/badge/styles.d.ts +26 -0
  55. package/dist/badge/styles.js +18 -0
  56. package/dist/badge/styles.js.map +1 -0
  57. package/dist/box/Box.js +2 -1
  58. package/dist/box/Box.js.map +1 -1
  59. package/dist/box/_box.scss +130 -17
  60. package/dist/box/styles.d.ts +6 -0
  61. package/dist/box/styles.js +2 -1
  62. package/dist/box/styles.js.map +1 -1
  63. package/dist/button/AsyncButton.d.ts +1 -1
  64. package/dist/button/AsyncButton.js.map +1 -1
  65. package/dist/button/Button.d.ts +2 -1
  66. package/dist/button/Button.js +2 -1
  67. package/dist/button/Button.js.map +1 -1
  68. package/dist/button/_button.scss +157 -25
  69. package/dist/card/Card.d.ts +16 -0
  70. package/dist/card/Card.js +11 -3
  71. package/dist/card/Card.js.map +1 -1
  72. package/dist/card/ClickableCard.d.ts +2 -1
  73. package/dist/card/ClickableCard.js +5 -2
  74. package/dist/card/ClickableCard.js.map +1 -1
  75. package/dist/card/_card.scss +90 -19
  76. package/dist/card/styles.d.ts +0 -7
  77. package/dist/card/styles.js +2 -3
  78. package/dist/card/styles.js.map +1 -1
  79. package/dist/chip/Chip.d.ts +2 -1
  80. package/dist/chip/Chip.js +2 -1
  81. package/dist/chip/Chip.js.map +1 -1
  82. package/dist/chip/_chip.scss +45 -22
  83. package/dist/chip/styles.d.ts +12 -10
  84. package/dist/chip/styles.js.map +1 -1
  85. package/dist/cssUtils.js.map +1 -1
  86. package/dist/delegateEvent.d.ts +2 -2
  87. package/dist/delegateEvent.js.map +1 -1
  88. package/dist/dialog/Dialog.d.ts +8 -21
  89. package/dist/dialog/Dialog.js +27 -27
  90. package/dist/dialog/Dialog.js.map +1 -1
  91. package/dist/dialog/FixedDialog.d.ts +1 -3
  92. package/dist/dialog/FixedDialog.js +0 -8
  93. package/dist/dialog/FixedDialog.js.map +1 -1
  94. package/dist/dialog/_dialog.scss +67 -13
  95. package/dist/dialog/styles.d.ts +56 -0
  96. package/dist/dialog/styles.js +29 -2
  97. package/dist/dialog/styles.js.map +1 -1
  98. package/dist/divider/Divider.d.ts +0 -11
  99. package/dist/divider/Divider.js.map +1 -1
  100. package/dist/divider/_divider.scss +7 -1
  101. package/dist/divider/styles.d.ts +11 -0
  102. package/dist/divider/styles.js.map +1 -1
  103. package/dist/draggable/useDraggable.d.ts +6 -6
  104. package/dist/draggable/useDraggable.js.map +1 -1
  105. package/dist/draggable/utils.d.ts +3 -3
  106. package/dist/draggable/utils.js.map +1 -1
  107. package/dist/expansion-panel/ExpansionPanel.d.ts +1 -1
  108. package/dist/expansion-panel/ExpansionPanel.js.map +1 -1
  109. package/dist/expansion-panel/_expansion-panel.scss +5 -1
  110. package/dist/expansion-panel/useExpansionPanels.js +12 -24
  111. package/dist/expansion-panel/useExpansionPanels.js.map +1 -1
  112. package/dist/{form → files}/FileInput.d.ts +3 -6
  113. package/dist/{form → files}/FileInput.js +3 -6
  114. package/dist/files/FileInput.js.map +1 -0
  115. package/dist/files/_files.scss +22 -0
  116. package/dist/files/styles.d.ts +5 -0
  117. package/dist/files/styles.js +7 -0
  118. package/dist/files/styles.js.map +1 -0
  119. package/dist/{form → files}/useFileUpload.d.ts +7 -9
  120. package/dist/{form → files}/useFileUpload.js +5 -7
  121. package/dist/files/useFileUpload.js.map +1 -0
  122. package/dist/files/utils.d.ts +169 -0
  123. package/dist/files/utils.js +114 -0
  124. package/dist/files/utils.js.map +1 -0
  125. package/dist/{form/fileUtils.d.ts → files/validation.d.ts} +11 -176
  126. package/dist/{form/fileUtils.js → files/validation.js} +10 -135
  127. package/dist/files/validation.js.map +1 -0
  128. package/dist/focus/useFocusContainer.d.ts +2 -2
  129. package/dist/focus/useFocusContainer.js.map +1 -1
  130. package/dist/focus/utils.js.map +1 -1
  131. package/dist/form/FormMessage.js.map +1 -1
  132. package/dist/form/FormMessageContainer.js +4 -2
  133. package/dist/form/FormMessageContainer.js.map +1 -1
  134. package/dist/form/InputToggle.d.ts +2 -1
  135. package/dist/form/InputToggle.js +2 -1
  136. package/dist/form/InputToggle.js.map +1 -1
  137. package/dist/form/InputToggleIcon.js.map +1 -1
  138. package/dist/form/Label.js +2 -2
  139. package/dist/form/Label.js.map +1 -1
  140. package/dist/form/Listbox.d.ts +24 -0
  141. package/dist/form/Listbox.js +46 -0
  142. package/dist/form/Listbox.js.map +1 -0
  143. package/dist/form/ListboxProvider.d.ts +21 -0
  144. package/dist/form/{useListboxProvider.js → ListboxProvider.js} +1 -1
  145. package/dist/form/ListboxProvider.js.map +1 -0
  146. package/dist/form/MenuItemTextField.js +1 -2
  147. package/dist/form/MenuItemTextField.js.map +1 -1
  148. package/dist/form/NativeSelect.js +7 -4
  149. package/dist/form/NativeSelect.js.map +1 -1
  150. package/dist/form/Option.d.ts +49 -10
  151. package/dist/form/Option.js +11 -9
  152. package/dist/form/Option.js.map +1 -1
  153. package/dist/form/Password.js.map +1 -1
  154. package/dist/form/Select.d.ts +2 -2
  155. package/dist/form/Select.js +81 -85
  156. package/dist/form/Select.js.map +1 -1
  157. package/dist/form/SelectedOption.js +2 -1
  158. package/dist/form/SelectedOption.js.map +1 -1
  159. package/dist/form/Slider.d.ts +4 -4
  160. package/dist/form/Slider.js +6 -2
  161. package/dist/form/Slider.js.map +1 -1
  162. package/dist/form/SliderThumb.d.ts +3 -3
  163. package/dist/form/SliderThumb.js.map +1 -1
  164. package/dist/form/SliderValueMarks.d.ts +2 -2
  165. package/dist/form/SliderValueMarks.js.map +1 -1
  166. package/dist/form/SliderValueTooltip.js.map +1 -1
  167. package/dist/form/TextArea.js +1 -2
  168. package/dist/form/TextArea.js.map +1 -1
  169. package/dist/form/TextField.js +1 -2
  170. package/dist/form/TextField.js.map +1 -1
  171. package/dist/form/TextFieldContainer.js +1 -2
  172. package/dist/form/TextFieldContainer.js.map +1 -1
  173. package/dist/form/_form.scss +193 -124
  174. package/dist/form/formMessageContainerStyles.d.ts +10 -0
  175. package/dist/form/formMessageContainerStyles.js +11 -0
  176. package/dist/form/formMessageContainerStyles.js.map +1 -0
  177. package/dist/form/inputToggleStyles.js.map +1 -1
  178. package/dist/form/optionStyles.d.ts +1 -0
  179. package/dist/form/optionStyles.js +2 -2
  180. package/dist/form/optionStyles.js.map +1 -1
  181. package/dist/form/selectUtils.js.map +1 -1
  182. package/dist/form/sliderUtils.d.ts +1 -1
  183. package/dist/form/sliderUtils.js.map +1 -1
  184. package/dist/form/textFieldContainerStyles.d.ts +0 -2
  185. package/dist/form/textFieldContainerStyles.js +1 -2
  186. package/dist/form/textFieldContainerStyles.js.map +1 -1
  187. package/dist/form/types.d.ts +3 -10
  188. package/dist/form/types.js.map +1 -1
  189. package/dist/form/useCheckboxGroup.d.ts +17 -17
  190. package/dist/form/useCheckboxGroup.js +9 -17
  191. package/dist/form/useCheckboxGroup.js.map +1 -1
  192. package/dist/form/useCombobox.d.ts +56 -21
  193. package/dist/form/useCombobox.js +19 -4
  194. package/dist/form/useCombobox.js.map +1 -1
  195. package/dist/form/useEditableCombobox.d.ts +24 -4
  196. package/dist/form/useEditableCombobox.js +5 -0
  197. package/dist/form/useEditableCombobox.js.map +1 -1
  198. package/dist/form/useNumberField.js.map +1 -1
  199. package/dist/form/useRadioGroup.d.ts +6 -6
  200. package/dist/form/useRadioGroup.js.map +1 -1
  201. package/dist/form/useResizingTextArea.js.map +1 -1
  202. package/dist/form/useSelectCombobox.d.ts +3 -4
  203. package/dist/form/useSelectCombobox.js.map +1 -1
  204. package/dist/form/useTextField.d.ts +1 -1
  205. package/dist/form/useTextField.js.map +1 -1
  206. package/dist/form/useTextFieldContainerAddons.js.map +1 -1
  207. package/dist/hoverMode/useHoverMode.d.ts +3 -3
  208. package/dist/hoverMode/useHoverMode.js.map +1 -1
  209. package/dist/hoverMode/useHoverModeProvider.d.ts +4 -4
  210. package/dist/hoverMode/useHoverModeProvider.js.map +1 -1
  211. package/dist/icon/FontIcon.d.ts +4 -2
  212. package/dist/icon/FontIcon.js.map +1 -1
  213. package/dist/icon/TextIconSpacing.d.ts +3 -1
  214. package/dist/icon/TextIconSpacing.js.map +1 -1
  215. package/dist/icon/_icon.scss +151 -2
  216. package/dist/icon/iconConfig.d.ts +10 -0
  217. package/dist/icon/iconConfig.js +7 -0
  218. package/dist/icon/iconConfig.js.map +1 -1
  219. package/dist/icon/materialConfig.js.map +1 -1
  220. package/dist/icon/styles.js.map +1 -1
  221. package/dist/interaction/UserInteractionModeProvider.d.ts +5 -5
  222. package/dist/interaction/UserInteractionModeProvider.js +12 -8
  223. package/dist/interaction/UserInteractionModeProvider.js.map +1 -1
  224. package/dist/interaction/types.d.ts +20 -2
  225. package/dist/interaction/types.js.map +1 -1
  226. package/dist/interaction/useElementInteraction.d.ts +7 -1
  227. package/dist/interaction/useElementInteraction.js +1 -2
  228. package/dist/interaction/useElementInteraction.js.map +1 -1
  229. package/dist/interaction/utils.d.ts +2 -2
  230. package/dist/interaction/utils.js +2 -2
  231. package/dist/interaction/utils.js.map +1 -1
  232. package/dist/layout/LayoutWindowSplitter.js.map +1 -1
  233. package/dist/layout/_layout.scss +23 -10
  234. package/dist/layout/useExpandableLayout.d.ts +3 -3
  235. package/dist/layout/useExpandableLayout.js.map +1 -1
  236. package/dist/layout/useLayoutAppBarHeight.d.ts +2 -3
  237. package/dist/layout/useLayoutAppBarHeight.js.map +1 -1
  238. package/dist/layout/useTemporaryLayout.d.ts +2 -2
  239. package/dist/layout/useTemporaryLayout.js.map +1 -1
  240. package/dist/link/SkipToMainContent.js.map +1 -1
  241. package/dist/list/ListItem.d.ts +2 -1
  242. package/dist/list/ListItem.js +2 -1
  243. package/dist/list/ListItem.js.map +1 -1
  244. package/dist/list/ListItemChildren.js.map +1 -1
  245. package/dist/list/ListItemLink.d.ts +2 -1
  246. package/dist/list/ListItemLink.js +2 -1
  247. package/dist/list/ListItemLink.js.map +1 -1
  248. package/dist/list/_list.scss +6 -5
  249. package/dist/media-queries/_media-queries.scss +12 -0
  250. package/dist/media-queries/appSize.js.map +1 -1
  251. package/dist/media-queries/useMediaQuery.js +3 -1
  252. package/dist/media-queries/useMediaQuery.js.map +1 -1
  253. package/dist/menu/DropdownMenu.js.map +1 -1
  254. package/dist/menu/Menu.d.ts +8 -3
  255. package/dist/menu/Menu.js +2 -1
  256. package/dist/menu/Menu.js.map +1 -1
  257. package/dist/menu/MenuItemButton.js +6 -2
  258. package/dist/menu/MenuItemButton.js.map +1 -1
  259. package/dist/menu/useContextMenu.d.ts +3 -3
  260. package/dist/menu/useContextMenu.js.map +1 -1
  261. package/dist/movement/types.d.ts +5 -5
  262. package/dist/movement/types.js.map +1 -1
  263. package/dist/navigation/CollapsibleNavGroup.d.ts +5 -3
  264. package/dist/navigation/CollapsibleNavGroup.js +3 -4
  265. package/dist/navigation/CollapsibleNavGroup.js.map +1 -1
  266. package/dist/navigation/DefaultNavigationRenderer.d.ts +1 -2
  267. package/dist/navigation/DefaultNavigationRenderer.js +6 -2
  268. package/dist/navigation/DefaultNavigationRenderer.js.map +1 -1
  269. package/dist/navigation/NavItemButton.d.ts +1 -1
  270. package/dist/navigation/NavItemButton.js +1 -0
  271. package/dist/navigation/NavItemButton.js.map +1 -1
  272. package/dist/navigation/NavItemLink.d.ts +3 -2
  273. package/dist/navigation/NavItemLink.js +6 -2
  274. package/dist/navigation/NavItemLink.js.map +1 -1
  275. package/dist/navigation/NavSubheader.d.ts +2 -3
  276. package/dist/navigation/NavSubheader.js.map +1 -1
  277. package/dist/navigation/Navigation.d.ts +1 -1
  278. package/dist/navigation/Navigation.js.map +1 -1
  279. package/dist/navigation/_navigation.scss +6 -5
  280. package/dist/navigation/types.d.ts +54 -6
  281. package/dist/navigation/types.js.map +1 -1
  282. package/dist/navigation/useActiveHeadingId.d.ts +1 -1
  283. package/dist/navigation/useActiveHeadingId.js.map +1 -1
  284. package/dist/navigation/useNavigationExpansion.d.ts +104 -0
  285. package/dist/navigation/useNavigationExpansion.js +77 -0
  286. package/dist/navigation/useNavigationExpansion.js.map +1 -0
  287. package/dist/navigation/utils.d.ts +13 -0
  288. package/dist/navigation/utils.js +36 -0
  289. package/dist/navigation/utils.js.map +1 -0
  290. package/dist/objectFit.d.ts +69 -0
  291. package/dist/objectFit.js +52 -0
  292. package/dist/objectFit.js.map +1 -0
  293. package/dist/overlay/_overlay.scss +2 -1
  294. package/dist/positioning/useFixedPositioning.d.ts +17 -4
  295. package/dist/positioning/useFixedPositioning.js +10 -5
  296. package/dist/positioning/useFixedPositioning.js.map +1 -1
  297. package/dist/positioning/utils.js.map +1 -1
  298. package/dist/progress/LinearProgress.js.map +1 -1
  299. package/dist/progress/_progress.scss +20 -14
  300. package/dist/responsive-item/ResponsiveItem.d.ts +64 -0
  301. package/dist/responsive-item/ResponsiveItem.js +68 -0
  302. package/dist/responsive-item/ResponsiveItem.js.map +1 -0
  303. package/dist/responsive-item/ResponsiveItemOverlay.d.ts +1 -19
  304. package/dist/responsive-item/ResponsiveItemOverlay.js +1 -12
  305. package/dist/responsive-item/ResponsiveItemOverlay.js.map +1 -1
  306. package/dist/responsive-item/_responsive-item.scss +110 -133
  307. package/dist/responsive-item/responsiveItemOverlayStyles.d.ts +19 -0
  308. package/dist/responsive-item/responsiveItemOverlayStyles.js +14 -0
  309. package/dist/responsive-item/responsiveItemOverlayStyles.js.map +1 -0
  310. package/dist/responsive-item/responsiveItemStyles.d.ts +52 -0
  311. package/dist/responsive-item/responsiveItemStyles.js +15 -0
  312. package/dist/responsive-item/responsiveItemStyles.js.map +1 -0
  313. package/dist/scroll/useScrollLock.d.ts +5 -0
  314. package/dist/scroll/useScrollLock.js.map +1 -1
  315. package/dist/searching/utils.d.ts +2 -2
  316. package/dist/searching/utils.js.map +1 -1
  317. package/dist/segmented-button/SegmentedButton.d.ts +2 -1
  318. package/dist/segmented-button/SegmentedButton.js +2 -1
  319. package/dist/segmented-button/SegmentedButton.js.map +1 -1
  320. package/dist/segmented-button/_segmented-button.scss +6 -6
  321. package/dist/sheet/_sheet.scss +18 -6
  322. package/dist/snackbar/ToastManager.js +15 -5
  323. package/dist/snackbar/ToastManager.js.map +1 -1
  324. package/dist/snackbar/_snackbar.scss +30 -17
  325. package/dist/snackbar/useCurrentToastActions.d.ts +5 -5
  326. package/dist/snackbar/useCurrentToastActions.js.map +1 -1
  327. package/dist/table/_table.scss +15 -3
  328. package/dist/table/tableCellStyles.d.ts +7 -3
  329. package/dist/table/tableCellStyles.js +2 -2
  330. package/dist/table/tableCellStyles.js.map +1 -1
  331. package/dist/tabs/Tab.d.ts +2 -1
  332. package/dist/tabs/Tab.js +2 -1
  333. package/dist/tabs/Tab.js.map +1 -1
  334. package/dist/tabs/TabList.d.ts +2 -2
  335. package/dist/tabs/TabList.js.map +1 -1
  336. package/dist/tabs/TabListScrollButton.d.ts +1 -1
  337. package/dist/tabs/TabListScrollButton.js +1 -1
  338. package/dist/tabs/TabListScrollButton.js.map +1 -1
  339. package/dist/tabs/_tabs.scss +30 -9
  340. package/dist/tabs/getTabListScrollToOptions.d.ts +18 -0
  341. package/dist/tabs/getTabListScrollToOptions.js +19 -0
  342. package/dist/tabs/getTabListScrollToOptions.js.map +1 -0
  343. package/dist/tabs/tabStyles.d.ts +3 -0
  344. package/dist/tabs/tabStyles.js.map +1 -1
  345. package/dist/tabs/useTabList.d.ts +1 -8
  346. package/dist/tabs/useTabList.js +1 -0
  347. package/dist/tabs/useTabList.js.map +1 -1
  348. package/dist/tabs/useTabs.d.ts +6 -6
  349. package/dist/tabs/useTabs.js.map +1 -1
  350. package/dist/tabs/utils.d.ts +0 -18
  351. package/dist/tabs/utils.js +0 -15
  352. package/dist/tabs/utils.js.map +1 -1
  353. package/dist/test-utils/ResizeObserver.d.ts +11 -12
  354. package/dist/test-utils/ResizeObserver.js +11 -12
  355. package/dist/test-utils/ResizeObserver.js.map +1 -1
  356. package/dist/test-utils/matchMedia.d.ts +3 -3
  357. package/dist/test-utils/matchMedia.js +6 -6
  358. package/dist/test-utils/matchMedia.js.map +1 -1
  359. package/dist/test-utils/polyfills/TextDecoder.js +0 -1
  360. package/dist/test-utils/polyfills/TextDecoder.js.map +1 -1
  361. package/dist/test-utils/timers.d.ts +9 -5
  362. package/dist/test-utils/timers.js +5 -5
  363. package/dist/test-utils/timers.js.map +1 -1
  364. package/dist/theme/LocalStorageColorSchemeProvider.d.ts +1 -1
  365. package/dist/theme/LocalStorageColorSchemeProvider.js +2 -1
  366. package/dist/theme/LocalStorageColorSchemeProvider.js.map +1 -1
  367. package/dist/theme/ThemeProvider.js +3 -1
  368. package/dist/theme/ThemeProvider.js.map +1 -1
  369. package/dist/theme/_a11y.scss +86 -13
  370. package/dist/theme/_colors.scss +279 -277
  371. package/dist/theme/_theme.scss +308 -37
  372. package/dist/theme/isColorScheme.d.ts +16 -0
  373. package/dist/theme/isColorScheme.js +19 -0
  374. package/dist/theme/isColorScheme.js.map +1 -0
  375. package/dist/theme/types.d.ts +53 -1
  376. package/dist/theme/types.js +1 -23
  377. package/dist/theme/types.js.map +1 -1
  378. package/dist/theme/useCSSVariables.d.ts +2 -19
  379. package/dist/theme/useCSSVariables.js.map +1 -1
  380. package/dist/theme/useColorScheme.d.ts +1 -35
  381. package/dist/theme/useColorScheme.js.map +1 -1
  382. package/dist/theme/useColorSchemeMetaTag.d.ts +1 -1
  383. package/dist/theme/useColorSchemeMetaTag.js.map +1 -1
  384. package/dist/theme/useColorSchemeProvider.d.ts +1 -1
  385. package/dist/theme/useColorSchemeProvider.js +1 -1
  386. package/dist/theme/useColorSchemeProvider.js.map +1 -1
  387. package/dist/theme/{usePrefersColorScheme.js → usePrefersDarkScheme.js} +1 -1
  388. package/dist/theme/usePrefersDarkScheme.js.map +1 -0
  389. package/dist/theme/utils.js.map +1 -1
  390. package/dist/tooltip/useTooltip.d.ts +14 -9
  391. package/dist/tooltip/useTooltip.js +2 -1
  392. package/dist/tooltip/useTooltip.js.map +1 -1
  393. package/dist/transition/_transition.scss +16 -9
  394. package/dist/transition/skeletonPlaceholderUtils.js.map +1 -1
  395. package/dist/transition/types.d.ts +1 -1
  396. package/dist/transition/types.js.map +1 -1
  397. package/dist/transition/useCarousel.d.ts +3 -3
  398. package/dist/transition/useCarousel.js.map +1 -1
  399. package/dist/transition/useCollapseTransition.js.map +1 -1
  400. package/dist/transition/useTransition.js +1 -0
  401. package/dist/transition/useTransition.js.map +1 -1
  402. package/dist/transition/utils.js.map +1 -1
  403. package/dist/tree/TreeItem.d.ts +2 -1
  404. package/dist/tree/TreeItem.js +4 -3
  405. package/dist/tree/TreeItem.js.map +1 -1
  406. package/dist/tree/TreeItemExpander.js.map +1 -1
  407. package/dist/tree/_tree.scss +8 -6
  408. package/dist/tree/useTreeExpansion.d.ts +1 -1
  409. package/dist/tree/useTreeExpansion.js +6 -18
  410. package/dist/tree/useTreeExpansion.js.map +1 -1
  411. package/dist/tree/useTreeSelection.d.ts +1 -1
  412. package/dist/tree/useTreeSelection.js +7 -25
  413. package/dist/tree/useTreeSelection.js.map +1 -1
  414. package/dist/tree/utils.d.ts +1 -1
  415. package/dist/tree/utils.js.map +1 -1
  416. package/dist/types.d.ts +12 -4
  417. package/dist/types.js.map +1 -1
  418. package/dist/typography/WritingDirectionProvider.d.ts +1 -1
  419. package/dist/typography/WritingDirectionProvider.js.map +1 -1
  420. package/dist/typography/_typography.scss +94 -37
  421. package/dist/typography/typographyStyles.js.map +1 -1
  422. package/dist/useDebouncedFunction.d.ts +1 -5
  423. package/dist/useDebouncedFunction.js +3 -1
  424. package/dist/useDebouncedFunction.js.map +1 -1
  425. package/dist/useDropzone.d.ts +4 -4
  426. package/dist/useDropzone.js.map +1 -1
  427. package/dist/useEnsuredId.js.map +1 -1
  428. package/dist/useIntersectionObserver.d.ts +5 -5
  429. package/dist/useIntersectionObserver.js.map +1 -1
  430. package/dist/useLocalStorage.d.ts +3 -3
  431. package/dist/useLocalStorage.js +1 -1
  432. package/dist/useLocalStorage.js.map +1 -1
  433. package/dist/useMutationObserver.d.ts +1 -1
  434. package/dist/useMutationObserver.js.map +1 -1
  435. package/dist/useOrientation.js +3 -1
  436. package/dist/useOrientation.js.map +1 -1
  437. package/dist/usePageInactive.d.ts +2 -2
  438. package/dist/usePageInactive.js.map +1 -1
  439. package/dist/useReadonlySet.d.ts +76 -0
  440. package/dist/useReadonlySet.js +72 -0
  441. package/dist/useReadonlySet.js.map +1 -0
  442. package/dist/useResizeListener.d.ts +1 -1
  443. package/dist/useResizeListener.js.map +1 -1
  444. package/dist/useResizeObserver.d.ts +19 -0
  445. package/dist/useResizeObserver.js +19 -0
  446. package/dist/useResizeObserver.js.map +1 -1
  447. package/dist/useThrottledFunction.d.ts +1 -5
  448. package/dist/useThrottledFunction.js +3 -1
  449. package/dist/useThrottledFunction.js.map +1 -1
  450. package/dist/useToggle.d.ts +3 -3
  451. package/dist/useToggle.js.map +1 -1
  452. package/dist/utils/RenderRecursively.d.ts +2 -2
  453. package/dist/utils/RenderRecursively.js.map +1 -1
  454. package/dist/utils/alphaNumericSort.d.ts +5 -5
  455. package/dist/utils/alphaNumericSort.js.map +1 -1
  456. package/dist/utils/bem.d.ts +1 -1
  457. package/dist/utils/bem.js +1 -1
  458. package/dist/utils/bem.js.map +1 -1
  459. package/dist/utils/debounce.d.ts +5 -0
  460. package/dist/utils/debounce.js +17 -0
  461. package/dist/utils/debounce.js.map +1 -0
  462. package/dist/utils/nearest.js.map +1 -1
  463. package/dist/utils/parseCssLengthUnit.js.map +1 -1
  464. package/dist/utils/throttle.d.ts +5 -0
  465. package/dist/utils/throttle.js +30 -0
  466. package/dist/utils/throttle.js.map +1 -0
  467. package/dist/utils/wait.js +3 -1
  468. package/dist/utils/wait.js.map +1 -1
  469. package/dist/window-splitter/WindowSplitter.d.ts +37 -15
  470. package/dist/window-splitter/WindowSplitter.js +38 -17
  471. package/dist/window-splitter/WindowSplitter.js.map +1 -1
  472. package/dist/window-splitter/_window-splitter.scss +32 -14
  473. package/dist/window-splitter/styles.d.ts +14 -0
  474. package/dist/window-splitter/styles.js +18 -0
  475. package/dist/window-splitter/styles.js.map +1 -0
  476. package/package.json +25 -24
  477. package/src/app-bar/AppBar.tsx +1 -170
  478. package/src/app-bar/AppBarTitle.tsx +1 -44
  479. package/src/app-bar/styles.ts +206 -0
  480. package/src/autocomplete/Autocomplete.tsx +194 -211
  481. package/src/autocomplete/AutocompleteChip.tsx +48 -0
  482. package/src/autocomplete/AutocompleteCircularProgress.tsx +6 -17
  483. package/src/autocomplete/AutocompleteClearButton.tsx +44 -0
  484. package/src/autocomplete/AutocompleteDropdownButton.tsx +16 -37
  485. package/src/autocomplete/AutocompleteListboxChildren.tsx +68 -0
  486. package/src/autocomplete/autocompleteStyles.ts +48 -9
  487. package/src/autocomplete/defaults.ts +26 -17
  488. package/src/autocomplete/types.ts +744 -61
  489. package/src/autocomplete/useAutocomplete.ts +428 -0
  490. package/src/autocomplete/utils.ts +211 -0
  491. package/src/badge/Badge.tsx +1 -39
  492. package/src/badge/styles.ts +45 -0
  493. package/src/box/Box.tsx +11 -9
  494. package/src/box/styles.ts +14 -5
  495. package/src/button/AsyncButton.tsx +1 -1
  496. package/src/button/Button.tsx +5 -1
  497. package/src/card/Card.tsx +35 -4
  498. package/src/card/ClickableCard.tsx +9 -2
  499. package/src/card/styles.ts +1 -10
  500. package/src/chip/Chip.tsx +6 -1
  501. package/src/chip/styles.ts +12 -10
  502. package/src/delegateEvent.ts +5 -5
  503. package/src/dialog/Dialog.tsx +48 -61
  504. package/src/dialog/FixedDialog.tsx +1 -11
  505. package/src/dialog/styles.ts +97 -0
  506. package/src/divider/Divider.tsx +0 -12
  507. package/src/divider/styles.ts +12 -0
  508. package/src/draggable/useDraggable.ts +17 -10
  509. package/src/draggable/utils.ts +3 -3
  510. package/src/expansion-panel/ExpansionPanel.tsx +1 -1
  511. package/src/expansion-panel/useExpansionPanels.ts +18 -27
  512. package/src/{form → files}/FileInput.tsx +7 -15
  513. package/src/files/styles.ts +10 -0
  514. package/src/{form → files}/useFileUpload.ts +30 -34
  515. package/src/files/utils.ts +234 -0
  516. package/src/{form/fileUtils.ts → files/validation.ts} +15 -244
  517. package/src/focus/useFocusContainer.ts +16 -8
  518. package/src/form/FormMessageContainer.tsx +2 -2
  519. package/src/form/InputToggle.tsx +5 -1
  520. package/src/form/Label.tsx +18 -18
  521. package/src/form/Listbox.tsx +87 -0
  522. package/src/form/ListboxProvider.ts +37 -0
  523. package/src/form/MenuItemTextField.tsx +1 -2
  524. package/src/form/NativeSelect.tsx +14 -10
  525. package/src/form/Option.tsx +74 -22
  526. package/src/form/Select.tsx +89 -85
  527. package/src/form/SelectedOption.tsx +2 -0
  528. package/src/form/Slider.tsx +14 -11
  529. package/src/form/SliderThumb.tsx +4 -4
  530. package/src/form/SliderValueMarks.tsx +4 -4
  531. package/src/form/TextArea.tsx +6 -8
  532. package/src/form/TextField.tsx +0 -2
  533. package/src/form/TextFieldContainer.tsx +9 -11
  534. package/src/form/formMessageContainerStyles.ts +22 -0
  535. package/src/form/optionStyles.ts +7 -2
  536. package/src/form/sliderUtils.ts +1 -1
  537. package/src/form/textFieldContainerStyles.ts +9 -14
  538. package/src/form/types.ts +3 -11
  539. package/src/form/useCheckboxGroup.ts +28 -36
  540. package/src/form/useCombobox.ts +86 -38
  541. package/src/form/useEditableCombobox.ts +43 -8
  542. package/src/form/useRadioGroup.ts +6 -6
  543. package/src/form/useSelectCombobox.ts +4 -4
  544. package/src/form/useTextField.ts +1 -1
  545. package/src/hoverMode/useHoverMode.ts +3 -3
  546. package/src/hoverMode/useHoverModeProvider.ts +4 -4
  547. package/src/icon/FontIcon.tsx +4 -2
  548. package/src/icon/TextIconSpacing.tsx +1 -1
  549. package/src/icon/iconConfig.tsx +12 -0
  550. package/src/interaction/UserInteractionModeProvider.tsx +12 -8
  551. package/src/interaction/types.ts +21 -2
  552. package/src/interaction/useElementInteraction.tsx +9 -2
  553. package/src/interaction/utils.ts +7 -7
  554. package/src/layout/useExpandableLayout.ts +3 -3
  555. package/src/layout/useLayoutAppBarHeight.ts +3 -4
  556. package/src/layout/useTemporaryLayout.ts +2 -2
  557. package/src/list/ListItem.tsx +5 -1
  558. package/src/list/ListItemLink.tsx +5 -1
  559. package/src/media-queries/useMediaQuery.ts +2 -1
  560. package/src/menu/Menu.tsx +11 -3
  561. package/src/menu/MenuItemButton.tsx +7 -1
  562. package/src/menu/useContextMenu.ts +3 -3
  563. package/src/movement/types.ts +5 -5
  564. package/src/navigation/CollapsibleNavGroup.tsx +16 -8
  565. package/src/navigation/DefaultNavigationRenderer.tsx +8 -6
  566. package/src/navigation/NavItemButton.tsx +2 -1
  567. package/src/navigation/NavItemLink.tsx +11 -3
  568. package/src/navigation/NavSubheader.tsx +1 -1
  569. package/src/navigation/Navigation.tsx +1 -1
  570. package/src/navigation/types.ts +60 -10
  571. package/src/navigation/useActiveHeadingId.ts +1 -1
  572. package/src/navigation/useNavigationExpansion.ts +170 -0
  573. package/src/navigation/utils.ts +47 -0
  574. package/src/objectFit.ts +88 -0
  575. package/src/positioning/useFixedPositioning.ts +34 -11
  576. package/src/responsive-item/ResponsiveItem.tsx +96 -0
  577. package/src/responsive-item/ResponsiveItemOverlay.tsx +6 -46
  578. package/src/responsive-item/responsiveItemOverlayStyles.ts +46 -0
  579. package/src/responsive-item/responsiveItemStyles.ts +81 -0
  580. package/src/scroll/useScrollLock.ts +6 -0
  581. package/src/searching/utils.ts +3 -3
  582. package/src/segmented-button/SegmentedButton.tsx +5 -1
  583. package/src/snackbar/ToastManager.tsx +16 -5
  584. package/src/snackbar/useCurrentToastActions.ts +5 -5
  585. package/src/table/tableCellStyles.ts +10 -6
  586. package/src/tabs/Tab.tsx +4 -1
  587. package/src/tabs/TabList.tsx +2 -2
  588. package/src/tabs/TabListScrollButton.tsx +4 -4
  589. package/src/tabs/getTabListScrollToOptions.ts +37 -0
  590. package/src/tabs/tabStyles.ts +4 -0
  591. package/src/tabs/useTabList.ts +2 -9
  592. package/src/tabs/useTabs.ts +6 -6
  593. package/src/tabs/utils.ts +0 -38
  594. package/src/test-utils/ResizeObserver.ts +11 -12
  595. package/src/test-utils/matchMedia.ts +7 -7
  596. package/src/test-utils/polyfills/TextDecoder.ts +0 -1
  597. package/src/test-utils/timers.ts +10 -7
  598. package/src/theme/LocalStorageColorSchemeProvider.tsx +4 -4
  599. package/src/theme/ThemeProvider.tsx +3 -3
  600. package/src/theme/isColorScheme.ts +22 -0
  601. package/src/theme/types.ts +67 -1
  602. package/src/theme/useCSSVariables.ts +7 -30
  603. package/src/theme/useColorScheme.ts +1 -40
  604. package/src/theme/useColorSchemeMetaTag.ts +1 -1
  605. package/src/theme/useColorSchemeProvider.ts +2 -2
  606. package/src/tooltip/useTooltip.ts +17 -9
  607. package/src/transition/types.ts +1 -1
  608. package/src/transition/useCarousel.ts +3 -3
  609. package/src/transition/useTransition.ts +1 -0
  610. package/src/tree/TreeItem.tsx +7 -1
  611. package/src/tree/TreeItemExpander.tsx +1 -1
  612. package/src/tree/useTreeExpansion.ts +7 -25
  613. package/src/tree/useTreeSelection.ts +8 -32
  614. package/src/tree/utils.ts +6 -2
  615. package/src/types.ts +20 -4
  616. package/src/typography/WritingDirectionProvider.tsx +1 -1
  617. package/src/useDebouncedFunction.ts +4 -9
  618. package/src/useDropzone.ts +4 -4
  619. package/src/useIntersectionObserver.ts +5 -5
  620. package/src/useLocalStorage.ts +6 -6
  621. package/src/useMutationObserver.ts +1 -1
  622. package/src/useOrientation.ts +3 -1
  623. package/src/usePageInactive.ts +2 -2
  624. package/src/useReadonlySet.ts +122 -0
  625. package/src/useResizeListener.ts +1 -1
  626. package/src/useResizeObserver.ts +19 -0
  627. package/src/useThrottledFunction.ts +6 -9
  628. package/src/useToggle.ts +3 -3
  629. package/src/utils/RenderRecursively.tsx +2 -2
  630. package/src/utils/alphaNumericSort.ts +5 -5
  631. package/src/utils/bem.ts +1 -1
  632. package/src/utils/debounce.ts +22 -0
  633. package/src/utils/throttle.ts +38 -0
  634. package/src/utils/wait.ts +5 -1
  635. package/src/window-splitter/WindowSplitter.tsx +38 -43
  636. package/src/window-splitter/styles.ts +42 -0
  637. package/dist/autocomplete/FilterAutocompleteOptions.d.ts +0 -8
  638. package/dist/autocomplete/FilterAutocompleteOptions.js +0 -57
  639. package/dist/autocomplete/FilterAutocompleteOptions.js.map +0 -1
  640. package/dist/dialog/DialogContainer.d.ts +0 -14
  641. package/dist/dialog/DialogContainer.js +0 -20
  642. package/dist/dialog/DialogContainer.js.map +0 -1
  643. package/dist/form/FileInput.js.map +0 -1
  644. package/dist/form/fileUtils.js.map +0 -1
  645. package/dist/form/useFileUpload.js.map +0 -1
  646. package/dist/form/useListboxProvider.d.ts +0 -31
  647. package/dist/form/useListboxProvider.js.map +0 -1
  648. package/dist/navigation/getHrefFromParents.d.ts +0 -5
  649. package/dist/navigation/getHrefFromParents.js +0 -13
  650. package/dist/navigation/getHrefFromParents.js.map +0 -1
  651. package/dist/responsive-item/ResponsiveItemContainer.d.ts +0 -115
  652. package/dist/responsive-item/ResponsiveItemContainer.js +0 -80
  653. package/dist/responsive-item/ResponsiveItemContainer.js.map +0 -1
  654. package/dist/responsive-item/styles.d.ts +0 -34
  655. package/dist/responsive-item/styles.js +0 -17
  656. package/dist/responsive-item/styles.js.map +0 -1
  657. package/dist/theme/usePrefersColorScheme.js.map +0 -1
  658. package/src/autocomplete/FilterAutocompleteOptions.tsx +0 -86
  659. package/src/dialog/DialogContainer.tsx +0 -28
  660. package/src/form/useListboxProvider.ts +0 -45
  661. package/src/navigation/getHrefFromParents.ts +0 -15
  662. package/src/responsive-item/ResponsiveItemContainer.tsx +0 -174
  663. package/src/responsive-item/styles.ts +0 -58
  664. /package/dist/theme/{usePrefersColorScheme.d.ts → usePrefersDarkScheme.d.ts} +0 -0
  665. /package/src/theme/{usePrefersColorScheme.ts → usePrefersDarkScheme.ts} +0 -0
package/dist/_colors.scss CHANGED
@@ -1,780 +1,782 @@
1
- /// @type Color
1
+ // @type Color
2
2
  $red-50: #ffebee;
3
3
 
4
- /// @type Color
4
+ // @type Color
5
5
  $red-100: #ffcdd2;
6
6
 
7
- /// @type Color
7
+ // @type Color
8
8
  $red-200: #ef9a9a;
9
9
 
10
- /// @type Color
10
+ // @type Color
11
11
  $red-300: #e57373;
12
12
 
13
- /// @type Color
13
+ // @type Color
14
14
  $red-400: #ef5350;
15
15
 
16
- /// @type Color
16
+ // @type Color
17
17
  $red-500: #f44336;
18
18
 
19
- /// @type Color
19
+ // @type Color
20
20
  $red-600: #e53935;
21
21
 
22
- /// @type Color
22
+ // @type Color
23
23
  $red-700: #d32f2f;
24
24
 
25
- /// @type Color
25
+ // @type Color
26
26
  $red-800: #c62828;
27
27
 
28
- /// @type Color
28
+ // @type Color
29
29
  $red-900: #b71c1c;
30
30
 
31
- /// @type Color
31
+ // @type Color
32
32
  $red-a-100: #ff8a80;
33
33
 
34
- /// @type Color
34
+ // @type Color
35
35
  $red-a-200: #ff5252;
36
36
 
37
- /// @type Color
37
+ // @type Color
38
38
  $red-a-400: #ff1744;
39
39
 
40
- /// @type Color
40
+ // @type Color
41
41
  $red-a-700: #d50000;
42
42
 
43
- /// @type Color
43
+ // @type Color
44
44
  $pink-50: #fce4ec;
45
45
 
46
- /// @type Color
46
+ // @type Color
47
47
  $pink-100: #f8bbd0;
48
48
 
49
- /// @type Color
49
+ // @type Color
50
50
  $pink-200: #f48fb1;
51
51
 
52
- /// @type Color
52
+ // @type Color
53
53
  $pink-300: #f06292;
54
54
 
55
- /// @type Color
55
+ // @type Color
56
56
  $pink-400: #ec407a;
57
57
 
58
- /// @type Color
58
+ // @type Color
59
59
  $pink-500: #e91e63;
60
60
 
61
- /// @type Color
61
+ // @type Color
62
62
  $pink-600: #d81b60;
63
63
 
64
- /// @type Color
64
+ // @type Color
65
65
  $pink-700: #c2185b;
66
66
 
67
- /// @type Color
67
+ // @type Color
68
68
  $pink-800: #ad1457;
69
69
 
70
- /// @type Color
70
+ // @type Color
71
71
  $pink-900: #880e4f;
72
72
 
73
- /// @type Color
73
+ // @type Color
74
74
  $pink-a-100: #ff80ab;
75
75
 
76
- /// @type Color
76
+ // @type Color
77
77
  $pink-a-200: #ff4081;
78
78
 
79
- /// @type Color
79
+ // @type Color
80
80
  $pink-a-400: #f50057;
81
81
 
82
- /// @type Color
82
+ // @type Color
83
83
  $pink-a-700: #c51162;
84
84
 
85
- /// @type Color
85
+ // @type Color
86
86
  $purple-50: #f3e5f5;
87
87
 
88
- /// @type Color
88
+ // @type Color
89
89
  $purple-100: #e1bee7;
90
90
 
91
- /// @type Color
91
+ // @type Color
92
92
  $purple-200: #ce93d8;
93
93
 
94
- /// @type Color
94
+ // @type Color
95
95
  $purple-300: #ba68c8;
96
96
 
97
- /// @type Color
97
+ // @type Color
98
98
  $purple-400: #ab47bc;
99
99
 
100
- /// @type Color
100
+ // @type Color
101
101
  $purple-500: #9c27b0;
102
102
 
103
- /// @type Color
103
+ // @type Color
104
104
  $purple-600: #8e24aa;
105
105
 
106
- /// @type Color
106
+ // @type Color
107
107
  $purple-700: #7b1fa2;
108
108
 
109
- /// @type Color
109
+ // @type Color
110
110
  $purple-800: #6a1b9a;
111
111
 
112
- /// @type Color
112
+ // @type Color
113
113
  $purple-900: #4a148c;
114
114
 
115
- /// @type Color
115
+ // @type Color
116
116
  $purple-a-100: #ea80fc;
117
117
 
118
- /// @type Color
118
+ // @type Color
119
119
  $purple-a-200: #e040fb;
120
120
 
121
- /// @type Color
121
+ // @type Color
122
122
  $purple-a-400: #d500f9;
123
123
 
124
- /// @type Color
124
+ // @type Color
125
125
  $purple-a-700: #a0f;
126
126
 
127
- /// @type Color
127
+ // @type Color
128
128
  $deep-purple-50: #ede7f6;
129
129
 
130
- /// @type Color
130
+ // @type Color
131
131
  $deep-purple-100: #d1c4e9;
132
132
 
133
- /// @type Color
133
+ // @type Color
134
134
  $deep-purple-200: #b39ddb;
135
135
 
136
- /// @type Color
136
+ // @type Color
137
137
  $deep-purple-300: #9575cd;
138
138
 
139
- /// @type Color
139
+ // @type Color
140
140
  $deep-purple-400: #7e57c2;
141
141
 
142
- /// @type Color
142
+ // @type Color
143
143
  $deep-purple-500: #673ab7;
144
144
 
145
- /// @type Color
145
+ // @type Color
146
146
  $deep-purple-600: #5e35b1;
147
147
 
148
- /// @type Color
148
+ // @type Color
149
149
  $deep-purple-700: #512da8;
150
150
 
151
- /// @type Color
151
+ // @type Color
152
152
  $deep-purple-800: #4527a0;
153
153
 
154
- /// @type Color
154
+ // @type Color
155
155
  $deep-purple-900: #311b92;
156
156
 
157
- /// @type Color
157
+ // @type Color
158
158
  $deep-purple-a-100: #b388ff;
159
159
 
160
- /// @type Color
160
+ // @type Color
161
161
  $deep-purple-a-200: #7c4dff;
162
162
 
163
- /// @type Color
163
+ // @type Color
164
164
  $deep-purple-a-400: #651fff;
165
165
 
166
- /// @type Color
166
+ // @type Color
167
167
  $deep-purple-a-700: #6200ea;
168
168
 
169
- /// @type Color
169
+ // @type Color
170
170
  $indigo-50: #e8eaf6;
171
171
 
172
- /// @type Color
172
+ // @type Color
173
173
  $indigo-100: #c5cae9;
174
174
 
175
- /// @type Color
175
+ // @type Color
176
176
  $indigo-200: #9fa8da;
177
177
 
178
- /// @type Color
178
+ // @type Color
179
179
  $indigo-300: #7986cb;
180
180
 
181
- /// @type Color
181
+ // @type Color
182
182
  $indigo-400: #5c6bc0;
183
183
 
184
- /// @type Color
184
+ // @type Color
185
185
  $indigo-500: #3f51b5;
186
186
 
187
- /// @type Color
187
+ // @type Color
188
188
  $indigo-600: #3949ab;
189
189
 
190
- /// @type Color
190
+ // @type Color
191
191
  $indigo-700: #303f9f;
192
192
 
193
- /// @type Color
193
+ // @type Color
194
194
  $indigo-800: #283593;
195
195
 
196
- /// @type Color
196
+ // @type Color
197
197
  $indigo-900: #1a237e;
198
198
 
199
- /// @type Color
199
+ // @type Color
200
200
  $indigo-a-100: #8c9eff;
201
201
 
202
- /// @type Color
202
+ // @type Color
203
203
  $indigo-a-200: #536dfe;
204
204
 
205
- /// @type Color
205
+ // @type Color
206
206
  $indigo-a-400: #3d5afe;
207
207
 
208
- /// @type Color
208
+ // @type Color
209
209
  $indigo-a-700: #304ffe;
210
210
 
211
- /// @type Color
211
+ // @type Color
212
212
  $blue-50: #e3f2fd;
213
213
 
214
- /// @type Color
214
+ // @type Color
215
215
  $blue-100: #bbdefb;
216
216
 
217
- /// @type Color
217
+ // @type Color
218
218
  $blue-200: #90caf9;
219
219
 
220
- /// @type Color
220
+ // @type Color
221
221
  $blue-300: #64b5f6;
222
222
 
223
- /// @type Color
223
+ // @type Color
224
224
  $blue-400: #42a5f5;
225
225
 
226
- /// @type Color
226
+ // @type Color
227
227
  $blue-500: #2196f3;
228
228
 
229
- /// @type Color
229
+ // @type Color
230
230
  $blue-600: #1e88e5;
231
231
 
232
- /// @type Color
232
+ // @type Color
233
233
  $blue-700: #1976d2;
234
234
 
235
- /// @type Color
235
+ // @type Color
236
236
  $blue-800: #1565c0;
237
237
 
238
- /// @type Color
238
+ // @type Color
239
239
  $blue-900: #0d47a1;
240
240
 
241
- /// @type Color
241
+ // @type Color
242
242
  $blue-a-100: #82b1ff;
243
243
 
244
- /// @type Color
244
+ // @type Color
245
245
  $blue-a-200: #448aff;
246
246
 
247
- /// @type Color
247
+ // @type Color
248
248
  $blue-a-400: #2979ff;
249
249
 
250
- /// @type Color
250
+ // @type Color
251
251
  $blue-a-700: #2962ff;
252
252
 
253
- /// @type Color
253
+ // @type Color
254
254
  $light-blue-50: #e1f5fe;
255
255
 
256
- /// @type Color
256
+ // @type Color
257
257
  $light-blue-100: #b3e5fc;
258
258
 
259
- /// @type Color
259
+ // @type Color
260
260
  $light-blue-200: #81d4fa;
261
261
 
262
- /// @type Color
262
+ // @type Color
263
263
  $light-blue-300: #4fc3f7;
264
264
 
265
- /// @type Color
265
+ // @type Color
266
266
  $light-blue-400: #29b6f6;
267
267
 
268
- /// @type Color
268
+ // @type Color
269
269
  $light-blue-500: #03a9f4;
270
270
 
271
- /// @type Color
271
+ // @type Color
272
272
  $light-blue-600: #039be5;
273
273
 
274
- /// @type Color
274
+ // @type Color
275
275
  $light-blue-700: #0288d1;
276
276
 
277
- /// @type Color
277
+ // @type Color
278
278
  $light-blue-800: #0277bd;
279
279
 
280
- /// @type Color
280
+ // @type Color
281
281
  $light-blue-900: #01579b;
282
282
 
283
- /// @type Color
283
+ // @type Color
284
284
  $light-blue-a-100: #80d8ff;
285
285
 
286
- /// @type Color
286
+ // @type Color
287
287
  $light-blue-a-200: #40c4ff;
288
288
 
289
- /// @type Color
289
+ // @type Color
290
290
  $light-blue-a-400: #00b0ff;
291
291
 
292
- /// @type Color
292
+ // @type Color
293
293
  $light-blue-a-700: #0091ea;
294
294
 
295
- /// @type Color
295
+ // @type Color
296
296
  $cyan-50: #e0f7fa;
297
297
 
298
- /// @type Color
298
+ // @type Color
299
299
  $cyan-100: #b2ebf2;
300
300
 
301
- /// @type Color
301
+ // @type Color
302
302
  $cyan-200: #80deea;
303
303
 
304
- /// @type Color
304
+ // @type Color
305
305
  $cyan-300: #4dd0e1;
306
306
 
307
- /// @type Color
307
+ // @type Color
308
308
  $cyan-400: #26c6da;
309
309
 
310
- /// @type Color
310
+ // @type Color
311
311
  $cyan-500: #00bcd4;
312
312
 
313
- /// @type Color
313
+ // @type Color
314
314
  $cyan-600: #00acc1;
315
315
 
316
- /// @type Color
316
+ // @type Color
317
317
  $cyan-700: #0097a7;
318
318
 
319
- /// @type Color
319
+ // @type Color
320
320
  $cyan-800: #00838f;
321
321
 
322
- /// @type Color
322
+ // @type Color
323
323
  $cyan-900: #006064;
324
324
 
325
- /// @type Color
325
+ // @type Color
326
326
  $cyan-a-100: #84ffff;
327
327
 
328
- /// @type Color
328
+ // @type Color
329
329
  $cyan-a-200: #18ffff;
330
330
 
331
- /// @type Color
331
+ // @type Color
332
332
  $cyan-a-400: #00e5ff;
333
333
 
334
- /// @type Color
334
+ // @type Color
335
335
  $cyan-a-700: #00b8d4;
336
336
 
337
- /// @type Color
337
+ // @type Color
338
338
  $teal-50: #e0f2f1;
339
339
 
340
- /// @type Color
340
+ // @type Color
341
341
  $teal-100: #b2dfdb;
342
342
 
343
- /// @type Color
343
+ // @type Color
344
344
  $teal-200: #80cbc4;
345
345
 
346
- /// @type Color
346
+ // @type Color
347
347
  $teal-300: #4db6ac;
348
348
 
349
- /// @type Color
349
+ // @type Color
350
350
  $teal-400: #26a69a;
351
351
 
352
- /// @type Color
352
+ // @type Color
353
353
  $teal-500: #009688;
354
354
 
355
- /// @type Color
355
+ // @type Color
356
356
  $teal-600: #00897b;
357
357
 
358
- /// @type Color
358
+ // @type Color
359
359
  $teal-700: #00796b;
360
360
 
361
- /// @type Color
361
+ // @type Color
362
362
  $teal-800: #00695c;
363
363
 
364
- /// @type Color
364
+ // @type Color
365
365
  $teal-900: #004d40;
366
366
 
367
- /// @type Color
367
+ // @type Color
368
368
  $teal-a-100: #a7ffeb;
369
369
 
370
- /// @type Color
370
+ // @type Color
371
371
  $teal-a-200: #64ffda;
372
372
 
373
- /// @type Color
373
+ // @type Color
374
374
  $teal-a-400: #1de9b6;
375
375
 
376
- /// @type Color
376
+ // @type Color
377
377
  $teal-a-700: #00bfa5;
378
378
 
379
- /// @type Color
379
+ // @type Color
380
380
  $green-50: #e8f5e9;
381
381
 
382
- /// @type Color
382
+ // @type Color
383
383
  $green-100: #c8e6c9;
384
384
 
385
- /// @type Color
385
+ // @type Color
386
386
  $green-200: #a5d6a7;
387
387
 
388
- /// @type Color
388
+ // @type Color
389
389
  $green-300: #81c784;
390
390
 
391
- /// @type Color
391
+ // @type Color
392
392
  $green-400: #66bb6a;
393
393
 
394
- /// @type Color
394
+ // @type Color
395
395
  $green-500: #4caf50;
396
396
 
397
- /// @type Color
397
+ // @type Color
398
398
  $green-600: #43a047;
399
399
 
400
- /// @type Color
400
+ // @type Color
401
401
  $green-700: #388e3c;
402
402
 
403
- /// @type Color
403
+ // @type Color
404
404
  $green-800: #2e7d32;
405
405
 
406
- /// @type Color
406
+ // @type Color
407
407
  $green-900: #1b5e20;
408
408
 
409
- /// @type Color
409
+ // @type Color
410
410
  $green-a-100: #b9f6ca;
411
411
 
412
- /// @type Color
412
+ // @type Color
413
413
  $green-a-200: #69f0ae;
414
414
 
415
- /// @type Color
415
+ // @type Color
416
416
  $green-a-400: #00e676;
417
417
 
418
- /// @type Color
418
+ // @type Color
419
419
  $green-a-700: #00c853;
420
420
 
421
- /// @type Color
421
+ // @type Color
422
422
  $light-green-50: #f1f8e9;
423
423
 
424
- /// @type Color
424
+ // @type Color
425
425
  $light-green-100: #dcedc8;
426
426
 
427
- /// @type Color
427
+ // @type Color
428
428
  $light-green-200: #c5e1a5;
429
429
 
430
- /// @type Color
430
+ // @type Color
431
431
  $light-green-300: #aed581;
432
432
 
433
- /// @type Color
433
+ // @type Color
434
434
  $light-green-400: #9ccc65;
435
435
 
436
- /// @type Color
436
+ // @type Color
437
437
  $light-green-500: #8bc34a;
438
438
 
439
- /// @type Color
439
+ // @type Color
440
440
  $light-green-600: #7cb342;
441
441
 
442
- /// @type Color
442
+ // @type Color
443
443
  $light-green-700: #689f38;
444
444
 
445
- /// @type Color
445
+ // @type Color
446
446
  $light-green-800: #558b2f;
447
447
 
448
- /// @type Color
448
+ // @type Color
449
449
  $light-green-900: #33691e;
450
450
 
451
- /// @type Color
451
+ // @type Color
452
452
  $light-green-a-100: #ccff90;
453
453
 
454
- /// @type Color
454
+ // @type Color
455
455
  $light-green-a-200: #b2ff59;
456
456
 
457
- /// @type Color
457
+ // @type Color
458
458
  $light-green-a-400: #76ff03;
459
459
 
460
- /// @type Color
460
+ // @type Color
461
461
  $light-green-a-700: #64dd17;
462
462
 
463
- /// @type Color
463
+ // @type Color
464
464
  $lime-50: #f9fbe7;
465
465
 
466
- /// @type Color
466
+ // @type Color
467
467
  $lime-100: #f0f4c3;
468
468
 
469
- /// @type Color
469
+ // @type Color
470
470
  $lime-200: #e6ee9c;
471
471
 
472
- /// @type Color
472
+ // @type Color
473
473
  $lime-300: #dce775;
474
474
 
475
- /// @type Color
475
+ // @type Color
476
476
  $lime-400: #d4e157;
477
477
 
478
- /// @type Color
478
+ // @type Color
479
479
  $lime-500: #cddc39;
480
480
 
481
- /// @type Color
481
+ // @type Color
482
482
  $lime-600: #c0ca33;
483
483
 
484
- /// @type Color
484
+ // @type Color
485
485
  $lime-700: #afb42b;
486
486
 
487
- /// @type Color
487
+ // @type Color
488
488
  $lime-800: #9e9d24;
489
489
 
490
- /// @type Color
490
+ // @type Color
491
491
  $lime-900: #827717;
492
492
 
493
- /// @type Color
493
+ // @type Color
494
494
  $lime-a-100: #f4ff81;
495
495
 
496
- /// @type Color
496
+ // @type Color
497
497
  $lime-a-200: #eeff41;
498
498
 
499
- /// @type Color
499
+ // @type Color
500
500
  $lime-a-400: #c6ff00;
501
501
 
502
- /// @type Color
502
+ // @type Color
503
503
  $lime-a-700: #aeea00;
504
504
 
505
- /// @type Color
505
+ // @type Color
506
506
  $yellow-50: #fffde7;
507
507
 
508
- /// @type Color
508
+ // @type Color
509
509
  $yellow-100: #fff9c4;
510
510
 
511
- /// @type Color
511
+ // @type Color
512
512
  $yellow-200: #fff59d;
513
513
 
514
- /// @type Color
514
+ // @type Color
515
515
  $yellow-300: #fff176;
516
516
 
517
- /// @type Color
517
+ // @type Color
518
518
  $yellow-400: #ffee58;
519
519
 
520
- /// @type Color
520
+ // @type Color
521
521
  $yellow-500: #ffeb3b;
522
522
 
523
- /// @type Color
523
+ // @type Color
524
524
  $yellow-600: #fdd835;
525
525
 
526
- /// @type Color
526
+ // @type Color
527
527
  $yellow-700: #fbc02d;
528
528
 
529
- /// @type Color
529
+ // @type Color
530
530
  $yellow-800: #f9a825;
531
531
 
532
- /// @type Color
532
+ // @type Color
533
533
  $yellow-900: #f57f17;
534
534
 
535
- /// @type Color
535
+ // @type Color
536
536
  $yellow-a-100: #ffff8d;
537
537
 
538
- /// @type Color
538
+ // @type Color
539
539
  $yellow-a-200: #ff0;
540
540
 
541
- /// @type Color
541
+ // @type Color
542
542
  $yellow-a-400: #ffea00;
543
543
 
544
- /// @type Color
544
+ // @type Color
545
545
  $yellow-a-700: #ffd600;
546
546
 
547
- /// @type Color
547
+ // @type Color
548
548
  $amber-50: #fff8e1;
549
549
 
550
- /// @type Color
550
+ // @type Color
551
551
  $amber-100: #ffecb3;
552
552
 
553
- /// @type Color
553
+ // @type Color
554
554
  $amber-200: #ffe082;
555
555
 
556
- /// @type Color
556
+ // @type Color
557
557
  $amber-300: #ffd54f;
558
558
 
559
- /// @type Color
559
+ // @type Color
560
560
  $amber-400: #ffca28;
561
561
 
562
- /// @type Color
562
+ // @type Color
563
563
  $amber-500: #ffc107;
564
564
 
565
- /// @type Color
565
+ // @type Color
566
566
  $amber-600: #ffb300;
567
567
 
568
- /// @type Color
568
+ // @type Color
569
569
  $amber-700: #ffa000;
570
570
 
571
- /// @type Color
571
+ // @type Color
572
572
  $amber-800: #ff8f00;
573
573
 
574
- /// @type Color
574
+ // @type Color
575
575
  $amber-900: #ff6f00;
576
576
 
577
- /// @type Color
577
+ // @type Color
578
578
  $amber-a-100: #ffe57f;
579
579
 
580
- /// @type Color
580
+ // @type Color
581
581
  $amber-a-200: #ffd740;
582
582
 
583
- /// @type Color
583
+ // @type Color
584
584
  $amber-a-400: #ffc400;
585
585
 
586
- /// @type Color
586
+ // @type Color
587
587
  $amber-a-700: #ffab00;
588
588
 
589
- /// @type Color
589
+ // @type Color
590
590
  $orange-50: #fff3e0;
591
591
 
592
- /// @type Color
592
+ // @type Color
593
593
  $orange-100: #fff0b2;
594
594
 
595
- /// @type Color
595
+ // @type Color
596
596
  $orange-200: #ffcc80;
597
597
 
598
- /// @type Color
598
+ // @type Color
599
599
  $orange-300: #ffb74d;
600
600
 
601
- /// @type Color
601
+ // @type Color
602
602
  $orange-400: #ffa726;
603
603
 
604
- /// @type Color
604
+ // @type Color
605
605
  $orange-500: #ff9800;
606
606
 
607
- /// @type Color
607
+ // @type Color
608
608
  $orange-600: #fb8c00;
609
609
 
610
- /// @type Color
610
+ // @type Color
611
611
  $orange-700: #f57c00;
612
612
 
613
- /// @type Color
613
+ // @type Color
614
614
  $orange-800: #ef6c00;
615
615
 
616
- /// @type Color
616
+ // @type Color
617
617
  $orange-900: #e65100;
618
618
 
619
- /// @type Color
619
+ // @type Color
620
620
  $orange-a-100: #ffd180;
621
621
 
622
- /// @type Color
622
+ // @type Color
623
623
  $orange-a-200: #ffab40;
624
624
 
625
- /// @type Color
625
+ // @type Color
626
626
  $orange-a-400: #ff9100;
627
627
 
628
- /// @type Color
628
+ // @type Color
629
629
  $orange-a-700: #ff6d00;
630
630
 
631
- /// @type Color
631
+ // @type Color
632
632
  $deep-orange-50: #fbe9e7;
633
633
 
634
- /// @type Color
634
+ // @type Color
635
635
  $deep-orange-100: #ffccbc;
636
636
 
637
- /// @type Color
637
+ // @type Color
638
638
  $deep-orange-200: #ffab91;
639
639
 
640
- /// @type Color
640
+ // @type Color
641
641
  $deep-orange-300: #ff8a65;
642
642
 
643
- /// @type Color
643
+ // @type Color
644
644
  $deep-orange-400: #ff7043;
645
645
 
646
- /// @type Color
646
+ // @type Color
647
647
  $deep-orange-500: #ff5722;
648
648
 
649
- /// @type Color
649
+ // @type Color
650
650
  $deep-orange-600: #f4511e;
651
651
 
652
- /// @type Color
652
+ // @type Color
653
653
  $deep-orange-700: #e64a19;
654
654
 
655
- /// @type Color
655
+ // @type Color
656
656
  $deep-orange-800: #d84315;
657
657
 
658
- /// @type Color
658
+ // @type Color
659
659
  $deep-orange-900: #bf360c;
660
660
 
661
- /// @type Color
661
+ // @type Color
662
662
  $deep-orange-a-100: #ff9e80;
663
663
 
664
- /// @type Color
664
+ // @type Color
665
665
  $deep-orange-a-200: #ff6e40;
666
666
 
667
- /// @type Color
667
+ // @type Color
668
668
  $deep-orange-a-400: #ff3d00;
669
669
 
670
- /// @type Color
670
+ // @type Color
671
671
  $deep-orange-a-700: #dd2c00;
672
672
 
673
- /// @type Color
673
+ // @type Color
674
674
  $brown-50: #efebe9;
675
675
 
676
- /// @type Color
676
+ // @type Color
677
677
  $brown-100: #d7ccc8;
678
678
 
679
- /// @type Color
679
+ // @type Color
680
680
  $brown-200: #bcaaa4;
681
681
 
682
- /// @type Color
682
+ // @type Color
683
683
  $brown-300: #a1887f;
684
684
 
685
- /// @type Color
685
+ // @type Color
686
686
  $brown-400: #8d6e63;
687
687
 
688
- /// @type Color
688
+ // @type Color
689
689
  $brown-500: #795548;
690
690
 
691
- /// @type Color
691
+ // @type Color
692
692
  $brown-600: #6d4c41;
693
693
 
694
- /// @type Color
694
+ // @type Color
695
695
  $brown-700: #5d4037;
696
696
 
697
- /// @type Color
697
+ // @type Color
698
698
  $brown-800: #4e342e;
699
699
 
700
- /// @type Color
700
+ // @type Color
701
701
  $brown-900: #3e2723;
702
702
 
703
- /// @type Color
703
+ // @type Color
704
704
  $grey-50: #fafafa;
705
705
 
706
- /// @type Color
706
+ // @type Color
707
707
  $grey-100: #f5f5f5;
708
708
 
709
- /// @type Color
709
+ // @type Color
710
710
  $grey-200: #eee;
711
711
 
712
- /// @type Color
712
+ // @type Color
713
713
  $grey-300: #e0e0e0;
714
714
 
715
- /// @type Color
715
+ // @type Color
716
716
  $grey-400: #bdbdbd;
717
717
 
718
- /// @type Color
718
+ // @type Color
719
719
  $grey-500: #9e9e9e;
720
720
 
721
- /// @type Color
721
+ // @type Color
722
722
  $grey-600: #757575;
723
723
 
724
- /// @type Color
724
+ // @type Color
725
725
  $grey-700: #616161;
726
726
 
727
- /// @type Color
727
+ // @type Color
728
728
  $grey-800: #424242;
729
729
 
730
- /// @type Color
730
+ // @type Color
731
731
  $grey-900: #212121;
732
732
 
733
- /// @type Color
733
+ // @type Color
734
734
  $blue-grey-50: #eceff1;
735
735
 
736
- /// @type Color
736
+ // @type Color
737
737
  $blue-grey-100: #cfd8dc;
738
738
 
739
- /// @type Color
739
+ // @type Color
740
740
  $blue-grey-200: #b0bec5;
741
741
 
742
- /// @type Color
742
+ // @type Color
743
743
  $blue-grey-300: #90a4ae;
744
744
 
745
- /// @type Color
745
+ // @type Color
746
746
  $blue-grey-400: #78909c;
747
747
 
748
- /// @type Color
748
+ // @type Color
749
749
  $blue-grey-500: #607d8b;
750
750
 
751
- /// @type Color
751
+ // @type Color
752
752
  $blue-grey-600: #546e7a;
753
753
 
754
- /// @type Color
754
+ // @type Color
755
755
  $blue-grey-700: #455a64;
756
756
 
757
- /// @type Color
757
+ // @type Color
758
758
  $blue-grey-800: #37474f;
759
759
 
760
- /// @type Color
760
+ // @type Color
761
761
  $blue-grey-900: #263238;
762
762
 
763
- /// @type Color
763
+ // @type Color
764
764
  $black: #000;
765
765
 
766
- /// @type Color
766
+ // @type Color
767
767
  $white: #fff;
768
768
 
769
- /// This is a map of all the material design base colors so that you can
770
- /// programmatically get variables with the neat sass-map functions.
771
- ///
772
- /// @example scss - Example Usage SCSS
773
- /// .error-field {
774
- /// background: map-get($color-map, red-50);
775
- /// }
776
- ///
777
- /// @type Map
769
+ // This is a map of all the material design base colors so that you can
770
+ // programmatically get variables with the neat sass-map functions.
771
+ //
772
+ // @example Example Usage SCSS
773
+ // ```scss
774
+ // .error-field {
775
+ // background: map-get($color-map, red-50);
776
+ // }
777
+ // ```
778
+ //
779
+ // @type Map
778
780
  $color-map: (
779
781
  red-50: $red-50,
780
782
  red-100: $red-100,
@@ -1034,22 +1036,22 @@ $color-map: (
1034
1036
  white: $white,
1035
1037
  );
1036
1038
 
1037
- /// The "primary" color suffix numbers that are available for use. This is
1038
- /// really just created for the `get-swatch` mixin, but might be
1039
- /// useful since it also gets added to the scssVariables export.
1040
- /// @type List
1039
+ // The "primary" color suffix numbers that are available for use. This is
1040
+ // really just created for the `get-swatch` mixin, but might be
1041
+ // useful since it also gets added to the scssVariables export.
1042
+ // @type List
1041
1043
  $primary-suffixes: 50 100 200 300 400 500 600 700 800 900;
1042
1044
 
1043
- /// The "accent" color suffix numbers that are available for use. This is really
1044
- /// just created for the `get-swatch` mixin, but might be useful since
1045
- /// it also gets added to the scssVariables export.
1046
- /// @type List
1045
+ // The "accent" color suffix numbers that are available for use. This is really
1046
+ // just created for the `get-swatch` mixin, but might be useful since
1047
+ // it also gets added to the scssVariables export.
1048
+ // @type List
1047
1049
  $accent-suffixes: 100 200 400 700;
1048
1050
 
1049
- /// A list of all the available colors within material design. This is really
1050
- /// just created for the `get-swatch` mixin, but might be useful since
1051
- /// it also gets added to the scssVariables export.
1052
- /// @type List
1051
+ // A list of all the available colors within material design. This is really
1052
+ // just created for the `get-swatch` mixin, but might be useful since
1053
+ // it also gets added to the scssVariables export.
1054
+ // @type List
1053
1055
  $available-color-names: (
1054
1056
  "red" "pink" "purple" "deep-purple" "indigo" "blue" "light-blue" "cyan" "teal"
1055
1057
  "green" "light-green" "lime" "yellow" "amber" "orange" "deep-orange" "brown"