@basic-ui/material 1.0.0-alpha.51 → 1.0.0-alpha.54

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 (673) hide show
  1. package/README.md +3 -3
  2. package/build/cjs/index.js +520 -447
  3. package/build/cjs/index.js.map +1 -1
  4. package/build/esm/Alert/Alert.d.ts +5 -6
  5. package/build/esm/Alert/Alert.js +14 -16
  6. package/build/esm/Alert/Alert.js.map +1 -1
  7. package/build/esm/Alert/index.d.ts +1 -1
  8. package/build/esm/Alert/index.js.map +1 -1
  9. package/build/esm/AppBar/AppBar.d.ts +9 -9
  10. package/build/esm/AppBar/AppBar.js +25 -34
  11. package/build/esm/AppBar/AppBar.js.map +1 -1
  12. package/build/esm/AppBar/AppBarButton.d.ts +3 -4
  13. package/build/esm/AppBar/AppBarButton.js +12 -14
  14. package/build/esm/AppBar/AppBarButton.js.map +1 -1
  15. package/build/esm/AppBar/context.d.ts +4 -5
  16. package/build/esm/AppBar/context.js +8 -6
  17. package/build/esm/AppBar/context.js.map +1 -1
  18. package/build/esm/AppBar/index.d.ts +3 -3
  19. package/build/esm/AppBar/index.js.map +1 -1
  20. package/build/esm/Badge/Badge.d.ts +5 -6
  21. package/build/esm/Badge/Badge.js +25 -26
  22. package/build/esm/Badge/Badge.js.map +1 -1
  23. package/build/esm/Badge/index.d.ts +1 -1
  24. package/build/esm/Badge/index.js.map +1 -1
  25. package/build/esm/BaseLine/BaseLine.d.ts +1 -1
  26. package/build/esm/BaseLine/BaseLine.js +4 -6
  27. package/build/esm/BaseLine/BaseLine.js.map +1 -1
  28. package/build/esm/BaseLine/index.d.ts +1 -1
  29. package/build/esm/BaseLine/index.js.map +1 -1
  30. package/build/esm/BottomSheet/BottomSheet.d.ts +6 -7
  31. package/build/esm/BottomSheet/BottomSheet.js +17 -21
  32. package/build/esm/BottomSheet/BottomSheet.js.map +1 -1
  33. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +4 -5
  34. package/build/esm/BottomSheet/BottomSheetSurface.js +14 -14
  35. package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
  36. package/build/esm/BottomSheet/index.d.ts +1 -1
  37. package/build/esm/BottomSheet/index.js.map +1 -1
  38. package/build/esm/Box/Box.d.ts +23 -23
  39. package/build/esm/Box/Box.js +26 -26
  40. package/build/esm/Box/Box.js.map +1 -1
  41. package/build/esm/Box/index.d.ts +1 -1
  42. package/build/esm/Box/index.js.map +1 -1
  43. package/build/esm/Button/BaseButton.d.ts +14 -7
  44. package/build/esm/Button/BaseButton.js +107 -36
  45. package/build/esm/Button/BaseButton.js.map +1 -1
  46. package/build/esm/Button/Button.d.ts +14 -13
  47. package/build/esm/Button/Button.js +66 -48
  48. package/build/esm/Button/Button.js.map +1 -1
  49. package/build/esm/Button/ButtonGroup.d.ts +4 -5
  50. package/build/esm/Button/ButtonGroup.js +119 -21
  51. package/build/esm/Button/ButtonGroup.js.map +1 -1
  52. package/build/esm/Button/FilledButton.d.ts +10 -11
  53. package/build/esm/Button/FilledButton.js +18 -60
  54. package/build/esm/Button/FilledButton.js.map +1 -1
  55. package/build/esm/Button/FloatingActionButton.d.ts +9 -7
  56. package/build/esm/Button/FloatingActionButton.js +5 -4
  57. package/build/esm/Button/FloatingActionButton.js.map +1 -1
  58. package/build/esm/Button/IconButton.d.ts +8 -8
  59. package/build/esm/Button/IconButton.js +3 -3
  60. package/build/esm/Button/IconButton.js.map +1 -1
  61. package/build/esm/Button/IconFilledButton.d.ts +2 -0
  62. package/build/esm/Button/IconFilledButton.js +3 -0
  63. package/build/esm/Button/IconFilledButton.js.map +1 -0
  64. package/build/esm/Button/IconOutlinedButton.d.ts +2 -0
  65. package/build/esm/Button/IconOutlinedButton.js +3 -0
  66. package/build/esm/Button/IconOutlinedButton.js.map +1 -0
  67. package/build/esm/Button/OutlinedButton.d.ts +3 -4
  68. package/build/esm/Button/OutlinedButton.js +3 -43
  69. package/build/esm/Button/OutlinedButton.js.map +1 -1
  70. package/build/esm/Button/SplitButton.d.ts +9 -0
  71. package/build/esm/Button/SplitButton.js +32 -0
  72. package/build/esm/Button/SplitButton.js.map +1 -0
  73. package/build/esm/Button/TransparentButton.d.ts +10 -11
  74. package/build/esm/Button/TransparentButton.js +11 -54
  75. package/build/esm/Button/TransparentButton.js.map +1 -1
  76. package/build/esm/Button/context.d.ts +9 -8
  77. package/build/esm/Button/context.js +5 -4
  78. package/build/esm/Button/context.js.map +1 -1
  79. package/build/esm/Button/index.d.ts +3 -2
  80. package/build/esm/Button/index.js +1 -0
  81. package/build/esm/Button/index.js.map +1 -1
  82. package/build/esm/CheckBox/CheckBox.d.ts +13 -13
  83. package/build/esm/CheckBox/CheckBox.js +45 -61
  84. package/build/esm/CheckBox/CheckBox.js.map +1 -1
  85. package/build/esm/CheckBox/CheckBoxIcon.d.ts +10 -10
  86. package/build/esm/CheckBox/CheckBoxIcon.js +19 -24
  87. package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
  88. package/build/esm/CheckBox/CheckPath.d.ts +3 -3
  89. package/build/esm/CheckBox/CheckPath.js +15 -16
  90. package/build/esm/CheckBox/CheckPath.js.map +1 -1
  91. package/build/esm/CheckBox/IndeterminatePath.d.ts +3 -3
  92. package/build/esm/CheckBox/IndeterminatePath.js +14 -16
  93. package/build/esm/CheckBox/IndeterminatePath.js.map +1 -1
  94. package/build/esm/CheckBox/index.d.ts +1 -1
  95. package/build/esm/CheckBox/index.js.map +1 -1
  96. package/build/esm/Chip/ButtonChip.d.ts +9 -9
  97. package/build/esm/Chip/ButtonChip.js +20 -24
  98. package/build/esm/Chip/ButtonChip.js.map +1 -1
  99. package/build/esm/Chip/Chip.d.ts +4 -4
  100. package/build/esm/Chip/Chip.js.map +1 -1
  101. package/build/esm/Chip/ChipBase.d.ts +10 -10
  102. package/build/esm/Chip/ChipBase.js +50 -54
  103. package/build/esm/Chip/ChipBase.js.map +1 -1
  104. package/build/esm/Chip/ChoiceChip.d.ts +10 -10
  105. package/build/esm/Chip/ChoiceChip.js +34 -38
  106. package/build/esm/Chip/ChoiceChip.js.map +1 -1
  107. package/build/esm/Chip/index.d.ts +2 -2
  108. package/build/esm/Chip/index.js.map +1 -1
  109. package/build/esm/Combobox/Combobox.d.ts +23 -23
  110. package/build/esm/Combobox/Combobox.js +126 -107
  111. package/build/esm/Combobox/Combobox.js.map +1 -1
  112. package/build/esm/Combobox/index.d.ts +1 -1
  113. package/build/esm/Combobox/index.js.map +1 -1
  114. package/build/esm/Dialog/Dialog.d.ts +19 -20
  115. package/build/esm/Dialog/Dialog.js +38 -42
  116. package/build/esm/Dialog/Dialog.js.map +1 -1
  117. package/build/esm/Dialog/DialogBackdrop.d.ts +6 -7
  118. package/build/esm/Dialog/DialogBackdrop.js +18 -17
  119. package/build/esm/Dialog/DialogBackdrop.js.map +1 -1
  120. package/build/esm/Dialog/DialogContainer.d.ts +3 -4
  121. package/build/esm/Dialog/DialogContainer.js +12 -12
  122. package/build/esm/Dialog/DialogContainer.js.map +1 -1
  123. package/build/esm/Dialog/DialogSurface.d.ts +6 -7
  124. package/build/esm/Dialog/DialogSurface.js +26 -26
  125. package/build/esm/Dialog/DialogSurface.js.map +1 -1
  126. package/build/esm/Dialog/Scrim.d.ts +3 -4
  127. package/build/esm/Dialog/Scrim.js +12 -12
  128. package/build/esm/Dialog/Scrim.js.map +1 -1
  129. package/build/esm/Dialog/index.d.ts +2 -2
  130. package/build/esm/Dialog/index.js.map +1 -1
  131. package/build/esm/Dialog/useDialogAnimation.d.ts +57 -824
  132. package/build/esm/Dialog/useDialogAnimation.js +23 -24
  133. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  134. package/build/esm/Divider/Divider.d.ts +7 -7
  135. package/build/esm/Divider/Divider.js +27 -28
  136. package/build/esm/Divider/Divider.js.map +1 -1
  137. package/build/esm/Divider/index.d.ts +1 -1
  138. package/build/esm/Divider/index.js.map +1 -1
  139. package/build/esm/FloatingLabel/FloatingLabel.d.ts +13 -13
  140. package/build/esm/FloatingLabel/FloatingLabel.js +27 -33
  141. package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
  142. package/build/esm/FloatingLabel/index.d.ts +1 -1
  143. package/build/esm/FloatingLabel/index.js.map +1 -1
  144. package/build/esm/LineRipple/LineRipple.d.ts +9 -9
  145. package/build/esm/LineRipple/LineRipple.js +30 -38
  146. package/build/esm/LineRipple/LineRipple.js.map +1 -1
  147. package/build/esm/LineRipple/index.d.ts +1 -1
  148. package/build/esm/LineRipple/index.js.map +1 -1
  149. package/build/esm/Link/Link.d.ts +9 -9
  150. package/build/esm/Link/Link.js +15 -17
  151. package/build/esm/Link/Link.js.map +1 -1
  152. package/build/esm/Link/index.d.ts +1 -1
  153. package/build/esm/Link/index.js.map +1 -1
  154. package/build/esm/List/List.d.ts +8 -8
  155. package/build/esm/List/List.js +19 -26
  156. package/build/esm/List/List.js.map +1 -1
  157. package/build/esm/List/index.d.ts +1 -1
  158. package/build/esm/List/index.js.map +1 -1
  159. package/build/esm/ListItem/ListItem.d.ts +14 -14
  160. package/build/esm/ListItem/ListItem.js +28 -31
  161. package/build/esm/ListItem/ListItem.js.map +1 -1
  162. package/build/esm/ListItem/ListItemText.d.ts +7 -7
  163. package/build/esm/ListItem/ListItemText.js +12 -16
  164. package/build/esm/ListItem/ListItemText.js.map +1 -1
  165. package/build/esm/ListItem/index.d.ts +2 -2
  166. package/build/esm/ListItem/index.js.map +1 -1
  167. package/build/esm/Menu/Menu.d.ts +18 -18
  168. package/build/esm/Menu/Menu.js +70 -60
  169. package/build/esm/Menu/Menu.js.map +1 -1
  170. package/build/esm/Menu/animation.d.ts +2 -2
  171. package/build/esm/Menu/animation.js +3 -3
  172. package/build/esm/Menu/animation.js.map +1 -1
  173. package/build/esm/Menu/index.d.ts +2 -2
  174. package/build/esm/Menu/index.js.map +1 -1
  175. package/build/esm/NavRail/NavRailItem.d.ts +15 -15
  176. package/build/esm/NavRail/NavRailItem.js +82 -86
  177. package/build/esm/NavRail/NavRailItem.js.map +1 -1
  178. package/build/esm/NavRail/icons/test-icons.d.ts +4 -4
  179. package/build/esm/NavRail/icons/test-icons.js +33 -40
  180. package/build/esm/NavRail/icons/test-icons.js.map +1 -1
  181. package/build/esm/NavRail/index.d.ts +1 -1
  182. package/build/esm/NavRail/index.js.map +1 -1
  183. package/build/esm/NotchedOutline/NotchedOutline.d.ts +14 -14
  184. package/build/esm/NotchedOutline/NotchedOutline.js +26 -34
  185. package/build/esm/NotchedOutline/NotchedOutline.js.map +1 -1
  186. package/build/esm/NotchedOutline/context.d.ts +5 -6
  187. package/build/esm/NotchedOutline/context.js +8 -7
  188. package/build/esm/NotchedOutline/context.js.map +1 -1
  189. package/build/esm/NotchedOutline/index.d.ts +1 -1
  190. package/build/esm/NotchedOutline/index.js.map +1 -1
  191. package/build/esm/NotchedOutline/styledComponents.d.ts +15 -575
  192. package/build/esm/NotchedOutline/styledComponents.js +65 -64
  193. package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
  194. package/build/esm/Paper/Paper.d.ts +11 -11
  195. package/build/esm/Paper/Paper.js +25 -25
  196. package/build/esm/Paper/Paper.js.map +1 -1
  197. package/build/esm/Paper/index.d.ts +1 -1
  198. package/build/esm/Paper/index.js.map +1 -1
  199. package/build/esm/Popover/Popover.d.ts +13 -14
  200. package/build/esm/Popover/Popover.js +33 -39
  201. package/build/esm/Popover/Popover.js.map +1 -1
  202. package/build/esm/Popover/PopoverContainer.d.ts +3 -4
  203. package/build/esm/Popover/PopoverContainer.js +12 -12
  204. package/build/esm/Popover/PopoverContainer.js.map +1 -1
  205. package/build/esm/Popover/PopoverSurface.d.ts +4 -5
  206. package/build/esm/Popover/PopoverSurface.js +15 -15
  207. package/build/esm/Popover/PopoverSurface.js.map +1 -1
  208. package/build/esm/Popover/index.d.ts +1 -1
  209. package/build/esm/Popover/index.js.map +1 -1
  210. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +7 -8
  211. package/build/esm/ProgressSpinner/ProgressSpinner.js +31 -33
  212. package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
  213. package/build/esm/ProgressSpinner/index.d.ts +1 -1
  214. package/build/esm/ProgressSpinner/index.js.map +1 -1
  215. package/build/esm/RadioButton/RadioButton.d.ts +3 -4
  216. package/build/esm/RadioButton/RadioButton.js +29 -32
  217. package/build/esm/RadioButton/RadioButton.js.map +1 -1
  218. package/build/esm/RadioButton/RadioButtonIcon.d.ts +6 -6
  219. package/build/esm/RadioButton/RadioButtonIcon.js +10 -12
  220. package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
  221. package/build/esm/RadioButton/RadioGroup.d.ts +4 -5
  222. package/build/esm/RadioButton/RadioGroup.js +9 -11
  223. package/build/esm/RadioButton/RadioGroup.js.map +1 -1
  224. package/build/esm/RadioButton/index.d.ts +2 -2
  225. package/build/esm/RadioButton/index.js.map +1 -1
  226. package/build/esm/Ripple/Ripple.d.ts +10 -11
  227. package/build/esm/Ripple/Ripple.js +12 -10
  228. package/build/esm/Ripple/Ripple.js.map +1 -1
  229. package/build/esm/Ripple/RippleBox.d.ts +5 -5
  230. package/build/esm/Ripple/RippleBox.js +32 -29
  231. package/build/esm/Ripple/RippleBox.js.map +1 -1
  232. package/build/esm/Ripple/constants.d.ts +7 -7
  233. package/build/esm/Ripple/constants.js +7 -7
  234. package/build/esm/Ripple/constants.js.map +1 -1
  235. package/build/esm/Ripple/index.d.ts +5 -5
  236. package/build/esm/Ripple/index.js.map +1 -1
  237. package/build/esm/Ripple/keyframes.d.ts +4 -4
  238. package/build/esm/Ripple/keyframes.js +7 -7
  239. package/build/esm/Ripple/keyframes.js.map +1 -1
  240. package/build/esm/Ripple/useRipple.d.ts +14 -14
  241. package/build/esm/Ripple/useRipple.js +79 -84
  242. package/build/esm/Ripple/useRipple.js.map +1 -1
  243. package/build/esm/Ripple/useRippleHandlers.d.ts +8 -8
  244. package/build/esm/Ripple/useRippleHandlers.js +21 -30
  245. package/build/esm/Ripple/useRippleHandlers.js.map +1 -1
  246. package/build/esm/Ripple/useRippleSurface.d.ts +22 -787
  247. package/build/esm/Ripple/useRippleSurface.js +87 -88
  248. package/build/esm/Ripple/useRippleSurface.js.map +1 -1
  249. package/build/esm/SearchBar/SearchBar.d.ts +15 -15
  250. package/build/esm/SearchBar/SearchBar.js +48 -63
  251. package/build/esm/SearchBar/SearchBar.js.map +1 -1
  252. package/build/esm/SearchBar/index.d.ts +1 -1
  253. package/build/esm/SearchBar/index.js.map +1 -1
  254. package/build/esm/Select/CustomContainerExample.d.ts +2 -3
  255. package/build/esm/Select/CustomContainerExample.js +29 -34
  256. package/build/esm/Select/CustomContainerExample.js.map +1 -1
  257. package/build/esm/Select/Select.d.ts +33 -32
  258. package/build/esm/Select/Select.js +68 -113
  259. package/build/esm/Select/Select.js.map +1 -1
  260. package/build/esm/Select/SelectIcon.d.ts +6 -6
  261. package/build/esm/Select/SelectIcon.js +11 -13
  262. package/build/esm/Select/SelectIcon.js.map +1 -1
  263. package/build/esm/Select/context.d.ts +9 -9
  264. package/build/esm/Select/context.js +10 -8
  265. package/build/esm/Select/context.js.map +1 -1
  266. package/build/esm/Select/defaultRender.d.ts +3 -3
  267. package/build/esm/Select/defaultRender.js +33 -38
  268. package/build/esm/Select/defaultRender.js.map +1 -1
  269. package/build/esm/Select/index.d.ts +1 -1
  270. package/build/esm/Select/index.js.map +1 -1
  271. package/build/esm/Select/styledComponents.d.ts +15 -15
  272. package/build/esm/Select/styledComponents.js +20 -23
  273. package/build/esm/Select/styledComponents.js.map +1 -1
  274. package/build/esm/SelectItem/SelectItem.d.ts +11 -11
  275. package/build/esm/SelectItem/SelectItem.js +37 -47
  276. package/build/esm/SelectItem/SelectItem.js.map +1 -1
  277. package/build/esm/SelectItem/index.d.ts +1 -1
  278. package/build/esm/SelectItem/index.js.map +1 -1
  279. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +7 -7
  280. package/build/esm/SelectionControl/SelectionControlLabel.js +13 -14
  281. package/build/esm/SelectionControl/SelectionControlLabel.js.map +1 -1
  282. package/build/esm/SelectionControl/SelectionControlText.d.ts +8 -8
  283. package/build/esm/SelectionControl/SelectionControlText.js +20 -20
  284. package/build/esm/SelectionControl/SelectionControlText.js.map +1 -1
  285. package/build/esm/SelectionControl/index.d.ts +2 -2
  286. package/build/esm/SelectionControl/index.js.map +1 -1
  287. package/build/esm/Skeleton/DelayAppearance.d.ts +13 -13
  288. package/build/esm/Skeleton/DelayAppearance.js +18 -20
  289. package/build/esm/Skeleton/DelayAppearance.js.map +1 -1
  290. package/build/esm/Skeleton/Skeleton.d.ts +9 -9
  291. package/build/esm/Skeleton/Skeleton.js +18 -19
  292. package/build/esm/Skeleton/Skeleton.js.map +1 -1
  293. package/build/esm/Skeleton/animation.d.ts +8 -8
  294. package/build/esm/Skeleton/animation.js +11 -11
  295. package/build/esm/Skeleton/animation.js.map +1 -1
  296. package/build/esm/Skeleton/index.d.ts +2 -2
  297. package/build/esm/Skeleton/index.js.map +1 -1
  298. package/build/esm/Slider/Slider.d.ts +17 -17
  299. package/build/esm/Slider/Slider.js +93 -85
  300. package/build/esm/Slider/Slider.js.map +1 -1
  301. package/build/esm/Slider/index.d.ts +1 -1
  302. package/build/esm/Slider/index.js.map +1 -1
  303. package/build/esm/Snackbar/Snackbar.d.ts +10 -8
  304. package/build/esm/Snackbar/Snackbar.js +33 -33
  305. package/build/esm/Snackbar/Snackbar.js.map +1 -1
  306. package/build/esm/Snackbar/Stack.d.ts +31 -31
  307. package/build/esm/Snackbar/Stack.js +74 -106
  308. package/build/esm/Snackbar/Stack.js.map +1 -1
  309. package/build/esm/Snackbar/index.d.ts +3 -3
  310. package/build/esm/Snackbar/index.js.map +1 -1
  311. package/build/esm/Snackbar/useSnackbarAnimation.d.ts +6 -6
  312. package/build/esm/Snackbar/useSnackbarAnimation.js +103 -132
  313. package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
  314. package/build/esm/Switch/Switch.d.ts +13 -13
  315. package/build/esm/Switch/Switch.js +59 -56
  316. package/build/esm/Switch/Switch.js.map +1 -1
  317. package/build/esm/Switch/index.d.ts +1 -1
  318. package/build/esm/Switch/index.js.map +1 -1
  319. package/build/esm/Switch/styledComponents.d.ts +13 -13
  320. package/build/esm/Switch/styledComponents.js +47 -47
  321. package/build/esm/Switch/styledComponents.js.map +1 -1
  322. package/build/esm/Tab/Tab.d.ts +5 -5
  323. package/build/esm/Tab/Tab.js +47 -55
  324. package/build/esm/Tab/Tab.js.map +1 -1
  325. package/build/esm/Tab/TabList.d.ts +9 -10
  326. package/build/esm/Tab/TabList.js +28 -32
  327. package/build/esm/Tab/TabList.js.map +1 -1
  328. package/build/esm/Tab/TabPanel.d.ts +4 -5
  329. package/build/esm/Tab/TabPanel.js +18 -19
  330. package/build/esm/Tab/TabPanel.js.map +1 -1
  331. package/build/esm/Tab/TabPanels.d.ts +4 -4
  332. package/build/esm/Tab/TabPanels.js.map +1 -1
  333. package/build/esm/Tab/Tabs.d.ts +4 -4
  334. package/build/esm/Tab/Tabs.js.map +1 -1
  335. package/build/esm/Tab/context.d.ts +8 -9
  336. package/build/esm/Tab/context.js +8 -7
  337. package/build/esm/Tab/context.js.map +1 -1
  338. package/build/esm/Tab/index.d.ts +5 -5
  339. package/build/esm/Tab/index.js.map +1 -1
  340. package/build/esm/TabIndicator/TabIndicator.d.ts +9 -9
  341. package/build/esm/TabIndicator/TabIndicator.js +69 -86
  342. package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
  343. package/build/esm/TabIndicator/context.d.ts +6 -6
  344. package/build/esm/TabIndicator/context.js +8 -7
  345. package/build/esm/TabIndicator/context.js.map +1 -1
  346. package/build/esm/TabIndicator/index.d.ts +2 -2
  347. package/build/esm/TabIndicator/index.js.map +1 -1
  348. package/build/esm/Table/Table.d.ts +3 -4
  349. package/build/esm/Table/Table.js +13 -14
  350. package/build/esm/Table/Table.js.map +1 -1
  351. package/build/esm/Table/TableBody.d.ts +3 -4
  352. package/build/esm/Table/TableBody.js +9 -11
  353. package/build/esm/Table/TableBody.js.map +1 -1
  354. package/build/esm/Table/TableCell.d.ts +3 -4
  355. package/build/esm/Table/TableCell.js +14 -15
  356. package/build/esm/Table/TableCell.js.map +1 -1
  357. package/build/esm/Table/TableHead.d.ts +3 -4
  358. package/build/esm/Table/TableHead.js +13 -14
  359. package/build/esm/Table/TableHead.js.map +1 -1
  360. package/build/esm/Table/TableRow.d.ts +3 -4
  361. package/build/esm/Table/TableRow.js +13 -14
  362. package/build/esm/Table/TableRow.js.map +1 -1
  363. package/build/esm/Table/context.d.ts +2 -3
  364. package/build/esm/Table/context.js +7 -7
  365. package/build/esm/Table/context.js.map +1 -1
  366. package/build/esm/Table/index.d.ts +5 -5
  367. package/build/esm/Table/index.js.map +1 -1
  368. package/build/esm/Text/LoremIpsum.d.ts +4 -4
  369. package/build/esm/Text/LoremIpsum.js +10 -12
  370. package/build/esm/Text/LoremIpsum.js.map +1 -1
  371. package/build/esm/Text/Text.d.ts +10 -11
  372. package/build/esm/Text/Text.js +15 -19
  373. package/build/esm/Text/Text.js.map +1 -1
  374. package/build/esm/Text/index.d.ts +1 -1
  375. package/build/esm/Text/index.js.map +1 -1
  376. package/build/esm/TextField/FilledContainer.d.ts +18 -18
  377. package/build/esm/TextField/FilledContainer.js +75 -80
  378. package/build/esm/TextField/FilledContainer.js.map +1 -1
  379. package/build/esm/TextField/HelperText.d.ts +10 -10
  380. package/build/esm/TextField/HelperText.js +19 -26
  381. package/build/esm/TextField/HelperText.js.map +1 -1
  382. package/build/esm/TextField/IconContainer.d.ts +5 -5
  383. package/build/esm/TextField/IconContainer.js +21 -9
  384. package/build/esm/TextField/IconContainer.js.map +1 -1
  385. package/build/esm/TextField/Input.d.ts +11 -11
  386. package/build/esm/TextField/Input.js +39 -40
  387. package/build/esm/TextField/Input.js.map +1 -1
  388. package/build/esm/TextField/OutlinedContainer.d.ts +17 -17
  389. package/build/esm/TextField/OutlinedContainer.js +30 -47
  390. package/build/esm/TextField/OutlinedContainer.js.map +1 -1
  391. package/build/esm/TextField/TextField.d.ts +19 -19
  392. package/build/esm/TextField/TextField.js +50 -77
  393. package/build/esm/TextField/TextField.js.map +1 -1
  394. package/build/esm/TextField/consts.d.ts +5 -5
  395. package/build/esm/TextField/consts.js +5 -5
  396. package/build/esm/TextField/consts.js.map +1 -1
  397. package/build/esm/TextField/index.d.ts +4 -4
  398. package/build/esm/TextField/index.js.map +1 -1
  399. package/build/esm/ThemeExplorer/BorderSlider.d.ts +7 -7
  400. package/build/esm/ThemeExplorer/BorderSlider.js +8 -14
  401. package/build/esm/ThemeExplorer/BorderSlider.js.map +1 -1
  402. package/build/esm/ThemeExplorer/ColorPicker.d.ts +8 -8
  403. package/build/esm/ThemeExplorer/ColorPicker.js +19 -24
  404. package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -1
  405. package/build/esm/ThemeExplorer/ColorSchemePicker.d.ts +10 -10
  406. package/build/esm/ThemeExplorer/ColorSchemePicker.js +16 -21
  407. package/build/esm/ThemeExplorer/ColorSchemePicker.js.map +1 -1
  408. package/build/esm/ThemeExplorer/FontAutoComplete.d.ts +9 -9
  409. package/build/esm/ThemeExplorer/FontAutoComplete.js +28 -48
  410. package/build/esm/ThemeExplorer/FontAutoComplete.js.map +1 -1
  411. package/build/esm/ThemeExplorer/TextFieldColorPicker.d.ts +8 -9
  412. package/build/esm/ThemeExplorer/TextFieldColorPicker.js +29 -60
  413. package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -1
  414. package/build/esm/ThemeExplorer/ThemeBuilder.d.ts +11 -11
  415. package/build/esm/ThemeExplorer/ThemeBuilder.js +155 -184
  416. package/build/esm/ThemeExplorer/ThemeBuilder.js.map +1 -1
  417. package/build/esm/ThemeExplorer/ThemeColors.d.ts +4 -5
  418. package/build/esm/ThemeExplorer/ThemeColors.js +54 -54
  419. package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
  420. package/build/esm/ThemeExplorer/components.d.ts +31 -31
  421. package/build/esm/ThemeExplorer/components.js +52 -61
  422. package/build/esm/ThemeExplorer/components.js.map +1 -1
  423. package/build/esm/ThemeExplorer/googleFonts.d.ts +1 -1
  424. package/build/esm/ThemeExplorer/googleFonts.js +1 -1
  425. package/build/esm/ThemeExplorer/googleFonts.js.map +1 -1
  426. package/build/esm/ThemeExplorer/index.d.ts +1 -1
  427. package/build/esm/ThemeExplorer/index.js.map +1 -1
  428. package/build/esm/ThemeExplorer/makeColorScheme.d.ts +98 -98
  429. package/build/esm/ThemeExplorer/makeColorScheme.js +0 -1
  430. package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
  431. package/build/esm/ThemeExplorer/makeTailwindTheme.d.ts +2 -2
  432. package/build/esm/ThemeExplorer/makeTailwindTheme.js +20 -20
  433. package/build/esm/ThemeExplorer/makeTailwindTheme.js.map +1 -1
  434. package/build/esm/ThemeExplorer/updateGoogleFonts.js +23 -64
  435. package/build/esm/ThemeExplorer/updateGoogleFonts.js.map +1 -1
  436. package/build/esm/ThemeExplorer/useDeferredColor.d.ts +3 -3
  437. package/build/esm/ThemeExplorer/useDeferredColor.js +2 -9
  438. package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -1
  439. package/build/esm/ThemeExplorer/useLocalStorageCachedState.d.ts +1 -1
  440. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +2 -10
  441. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -1
  442. package/build/esm/Tooltip/Tooltip.d.ts +8 -8
  443. package/build/esm/Tooltip/Tooltip.js +21 -25
  444. package/build/esm/Tooltip/Tooltip.js.map +1 -1
  445. package/build/esm/Tooltip/index.d.ts +1 -1
  446. package/build/esm/Tooltip/index.js.map +1 -1
  447. package/build/esm/color.d.ts +8 -8
  448. package/build/esm/color.js +23 -31
  449. package/build/esm/color.js.map +1 -1
  450. package/build/esm/css.d.ts +1 -1
  451. package/build/esm/css.js.map +1 -1
  452. package/build/esm/hooks/useAnimation.d.ts +20 -20
  453. package/build/esm/hooks/useAnimation.js +42 -53
  454. package/build/esm/hooks/useAnimation.js.map +1 -1
  455. package/build/esm/index.d.ts +42 -42
  456. package/build/esm/index.js.map +1 -1
  457. package/build/esm/motion.d.ts +7 -7
  458. package/build/esm/motion.js +7 -7
  459. package/build/esm/motion.js.map +1 -1
  460. package/build/esm/tailwind/extendColors.d.ts +5 -5
  461. package/build/esm/tailwind/extendColors.js +17 -29
  462. package/build/esm/tailwind/extendColors.js.map +1 -1
  463. package/build/esm/tailwind/index.d.ts +8 -8
  464. package/build/esm/tailwind/index.js +17 -29
  465. package/build/esm/tailwind/index.js.map +1 -1
  466. package/build/esm/theme/index.d.ts +2 -2
  467. package/build/esm/theme/index.js.map +1 -1
  468. package/build/esm/theme/theme.d.ts +590 -562
  469. package/build/esm/theme/theme.js +49 -22
  470. package/build/esm/theme/theme.js.map +1 -1
  471. package/build/esm/theme/typography-raleway.d.ts +112 -112
  472. package/build/esm/theme/typography-raleway.js +1 -1
  473. package/build/esm/theme/typography-raleway.js.map +1 -1
  474. package/build/esm/theme/typography-roboto.d.ts +111 -111
  475. package/build/esm/theme/typography-roboto.js +1 -1
  476. package/build/esm/theme/typography-roboto.js.map +1 -1
  477. package/build/esm/theme/useTheme.d.ts +594 -566
  478. package/build/esm/theme/useTheme.js +1 -3
  479. package/build/esm/theme/useTheme.js.map +1 -1
  480. package/build/tsconfig-build.tsbuildinfo +1 -1
  481. package/package.json +12 -11
  482. package/src/Alert/index.ts +1 -1
  483. package/src/AppBar/AppBar.story.tsx +69 -69
  484. package/src/AppBar/AppBar.tsx +85 -85
  485. package/src/AppBar/AppBarButton.tsx +25 -25
  486. package/src/AppBar/context.ts +13 -13
  487. package/src/AppBar/index.ts +3 -3
  488. package/src/Badge/Badge.story.tsx +68 -68
  489. package/src/Badge/Badge.tsx +47 -47
  490. package/src/Badge/index.ts +1 -1
  491. package/src/BaseLine/BaseLine.tsx +100 -100
  492. package/src/BaseLine/index.ts +1 -1
  493. package/src/BottomSheet/BottomSheet.story.tsx +35 -35
  494. package/src/BottomSheet/BottomSheet.tsx +39 -39
  495. package/src/BottomSheet/BottomSheetSurface.tsx +49 -49
  496. package/src/BottomSheet/index.ts +1 -1
  497. package/src/Box/Box.tsx +133 -127
  498. package/src/Box/index.ts +1 -1
  499. package/src/Button/BaseButton.tsx +123 -18
  500. package/src/Button/Button.story.tsx +236 -72
  501. package/src/Button/Button.tsx +44 -15
  502. package/src/Button/ButtonGroup.story.tsx +263 -101
  503. package/src/Button/ButtonGroup.tsx +103 -7
  504. package/src/Button/FilledButton.tsx +2 -43
  505. package/src/Button/FloatingActionButton.tsx +14 -9
  506. package/src/Button/IconFilledButton.tsx +3 -0
  507. package/src/Button/IconOutlinedButton.tsx +3 -0
  508. package/src/Button/OutlinedButton.tsx +2 -41
  509. package/src/Button/SpinnerButton.story.tsx +91 -91
  510. package/src/Button/SplitButton.story.tsx +110 -0
  511. package/src/Button/SplitButton.tsx +40 -0
  512. package/src/Button/TransparentButton.tsx +1 -43
  513. package/src/Button/context.tsx +19 -17
  514. package/src/Button/index.ts +3 -2
  515. package/src/CheckBox/CheckBox.story.tsx +155 -155
  516. package/src/CheckBox/CheckBox.tsx +170 -170
  517. package/src/CheckBox/CheckBoxIcon.tsx +63 -64
  518. package/src/CheckBox/CheckPath.tsx +18 -18
  519. package/src/CheckBox/IndeterminatePath.tsx +16 -16
  520. package/src/CheckBox/index.ts +1 -1
  521. package/src/Chip/ButtonChip.tsx +86 -86
  522. package/src/Chip/Chip.story.tsx +242 -242
  523. package/src/Chip/Chip.tsx +5 -5
  524. package/src/Chip/ChipBase.tsx +141 -141
  525. package/src/Chip/ChoiceChip.tsx +127 -127
  526. package/src/Chip/index.ts +2 -2
  527. package/src/Combobox/Combobox.tsx +274 -274
  528. package/src/Combobox/index.ts +1 -1
  529. package/src/Dialog/Dialog.story.tsx +53 -53
  530. package/src/Dialog/Dialog.tsx +73 -73
  531. package/src/Dialog/DialogBackdrop.tsx +42 -42
  532. package/src/Dialog/DialogContainer.tsx +31 -31
  533. package/src/Dialog/DialogSurface.tsx +55 -55
  534. package/src/Dialog/Scrim.tsx +35 -35
  535. package/src/Dialog/index.ts +2 -2
  536. package/src/Dialog/useDialogAnimation.tsx +59 -49
  537. package/src/Divider/Divider.story.tsx +39 -39
  538. package/src/Divider/Divider.tsx +48 -48
  539. package/src/Divider/index.ts +1 -1
  540. package/src/FloatingLabel/FloatingLabel.story.tsx +55 -55
  541. package/src/FloatingLabel/FloatingLabel.tsx +77 -77
  542. package/src/FloatingLabel/index.ts +1 -1
  543. package/src/LineRipple/LineRipple.story.tsx +43 -43
  544. package/src/LineRipple/LineRipple.tsx +81 -81
  545. package/src/LineRipple/index.ts +1 -1
  546. package/src/Link/Link.story.tsx +14 -14
  547. package/src/Link/Link.tsx +65 -65
  548. package/src/Link/index.ts +1 -1
  549. package/src/List/List.tsx +46 -46
  550. package/src/List/index.ts +1 -1
  551. package/src/ListItem/ListItem.story.tsx +43 -43
  552. package/src/ListItem/ListItem.tsx +104 -104
  553. package/src/ListItem/ListItemText.tsx +35 -35
  554. package/src/ListItem/index.ts +2 -2
  555. package/src/Menu/ContextMenu.story.tsx +34 -34
  556. package/src/Menu/Menu.story.tsx +54 -54
  557. package/src/Menu/Menu.tsx +124 -124
  558. package/src/Menu/animation.ts +16 -16
  559. package/src/Menu/index.ts +2 -2
  560. package/src/NavRail/NavRail.story.tsx +146 -146
  561. package/src/NavRail/NavRailItem.tsx +176 -175
  562. package/src/NavRail/icons/test-icons.tsx +46 -46
  563. package/src/NavRail/index.ts +1 -1
  564. package/src/NotchedOutline/NotchedOutline.story.tsx +99 -99
  565. package/src/NotchedOutline/NotchedOutline.tsx +80 -80
  566. package/src/NotchedOutline/context.ts +12 -12
  567. package/src/NotchedOutline/index.ts +1 -1
  568. package/src/NotchedOutline/styledComponents.ts +122 -122
  569. package/src/Paper/Paper.story.tsx +50 -50
  570. package/src/Paper/Paper.tsx +67 -67
  571. package/src/Paper/index.ts +1 -1
  572. package/src/Popover/PopoverSurface.tsx +51 -51
  573. package/src/Popover/index.ts +1 -1
  574. package/src/ProgressSpinner/ProgressSpinner.story.tsx +35 -35
  575. package/src/ProgressSpinner/ProgressSpinner.tsx +119 -119
  576. package/src/ProgressSpinner/index.ts +1 -1
  577. package/src/RadioButton/RadioButton.story.tsx +109 -109
  578. package/src/RadioButton/RadioButton.tsx +112 -112
  579. package/src/RadioButton/RadioButtonIcon.tsx +44 -44
  580. package/src/RadioButton/RadioGroup.tsx +26 -27
  581. package/src/RadioButton/index.ts +2 -2
  582. package/src/Ripple/Ripple.story.tsx +78 -78
  583. package/src/Ripple/Ripple.tsx +33 -33
  584. package/src/Ripple/RippleBox.tsx +52 -52
  585. package/src/Ripple/constants.ts +15 -15
  586. package/src/Ripple/index.ts +5 -5
  587. package/src/Ripple/keyframes.ts +36 -36
  588. package/src/Ripple/useRipple.ts +209 -209
  589. package/src/Ripple/useRippleHandlers.ts +54 -54
  590. package/src/Ripple/useRippleSurface.ts +162 -155
  591. package/src/SearchBar/SearchBar.tsx +5 -6
  592. package/src/Select/CustomContainerExample.tsx +59 -59
  593. package/src/Select/PaymentMethodSelect.story.tsx +320 -316
  594. package/src/Select/Select.story.tsx +225 -225
  595. package/src/Select/Select.tsx +284 -283
  596. package/src/Select/SelectIcon.tsx +43 -43
  597. package/src/Select/SelectMultiple.story.tsx +214 -215
  598. package/src/Select/context.ts +22 -22
  599. package/src/Select/defaultRender.tsx +60 -49
  600. package/src/Select/index.ts +1 -1
  601. package/src/Select/styledComponents.tsx +38 -38
  602. package/src/SelectItem/SelectItem.tsx +92 -92
  603. package/src/SelectItem/index.ts +1 -1
  604. package/src/SelectionControl/SelectionControlLabel.tsx +34 -34
  605. package/src/SelectionControl/SelectionControlText.tsx +37 -37
  606. package/src/SelectionControl/index.ts +2 -2
  607. package/src/Skeleton/DelayAppearance.tsx +41 -41
  608. package/src/Skeleton/Skeleton.story.tsx +57 -57
  609. package/src/Skeleton/Skeleton.tsx +40 -40
  610. package/src/Skeleton/animation.ts +54 -54
  611. package/src/Skeleton/index.ts +2 -2
  612. package/src/Slider/Slider.story.tsx +36 -36
  613. package/src/Slider/Slider.tsx +275 -275
  614. package/src/Slider/index.ts +1 -1
  615. package/src/Snackbar/Snackbar.story.tsx +99 -99
  616. package/src/Snackbar/Snackbar.tsx +19 -16
  617. package/src/Switch/Switch.story.tsx +97 -98
  618. package/src/Switch/Switch.tsx +170 -170
  619. package/src/Switch/index.ts +1 -1
  620. package/src/Switch/styledComponents.tsx +117 -117
  621. package/src/Tab/Tab.story.tsx +209 -209
  622. package/src/Tab/Tab.tsx +120 -120
  623. package/src/Tab/TabList.tsx +61 -61
  624. package/src/Tab/TabPanel.tsx +31 -31
  625. package/src/Tab/TabPanels.tsx +5 -5
  626. package/src/Tab/Tabs.tsx +5 -5
  627. package/src/Tab/context.ts +17 -17
  628. package/src/Tab/index.ts +5 -5
  629. package/src/TabIndicator/TabIndicator.tsx +146 -146
  630. package/src/TabIndicator/context.ts +13 -13
  631. package/src/TabIndicator/index.ts +2 -2
  632. package/src/Table/context.ts +6 -6
  633. package/src/Text/LoremIpsum.tsx +18 -18
  634. package/src/Text/Text.story.tsx +79 -75
  635. package/src/Text/Text.tsx +84 -84
  636. package/src/Text/index.ts +1 -1
  637. package/src/TextField/FilledContainer.tsx +173 -173
  638. package/src/TextField/HelperText.tsx +63 -63
  639. package/src/TextField/OutlinedContainer.tsx +116 -116
  640. package/src/TextField/consts.ts +7 -7
  641. package/src/TextField/index.ts +4 -4
  642. package/src/ThemeExplorer/BorderSlider.tsx +73 -73
  643. package/src/ThemeExplorer/ColorPicker.tsx +104 -104
  644. package/src/ThemeExplorer/ColorSchemePicker.tsx +55 -55
  645. package/src/ThemeExplorer/FontAutoComplete.tsx +139 -139
  646. package/src/ThemeExplorer/TextFieldColorPicker.tsx +112 -115
  647. package/src/ThemeExplorer/ThemeBuilder.story.tsx +8 -8
  648. package/src/ThemeExplorer/ThemeBuilder.tsx +437 -353
  649. package/src/ThemeExplorer/ThemeColors.tsx +122 -118
  650. package/src/ThemeExplorer/components.tsx +195 -195
  651. package/src/ThemeExplorer/googleFonts.ts +1436 -1436
  652. package/src/ThemeExplorer/index.ts +1 -1
  653. package/src/ThemeExplorer/makeColorScheme.tsx +111 -111
  654. package/src/ThemeExplorer/makeTailwindTheme.ts +44 -44
  655. package/src/ThemeExplorer/updateGoogleFonts.js +32 -33
  656. package/src/ThemeExplorer/useDeferredColor.tsx +21 -21
  657. package/src/ThemeExplorer/useLocalStorageCachedState.ts +18 -18
  658. package/src/Tooltip/Tooltip.story.tsx +35 -35
  659. package/src/Tooltip/Tooltip.tsx +67 -67
  660. package/src/Tooltip/index.ts +1 -1
  661. package/src/css.ts +2 -2
  662. package/src/hooks/useAnimation.ts +111 -111
  663. package/src/motion.ts +7 -7
  664. package/src/tailwind/extendColors.ts +51 -51
  665. package/src/tailwind/index.ts +57 -56
  666. package/src/tailwind/tests/extendColors.test.ts +123 -123
  667. package/src/theme/index.ts +2 -2
  668. package/src/theme/theme.ts +36 -8
  669. package/src/theme/typography-raleway.ts +114 -114
  670. package/src/theme/typography-roboto.ts +113 -113
  671. package/src/theme/useTheme.ts +17 -18
  672. package/tailwind/package.json +5 -5
  673. package/theme-explorer/package.json +5 -5
@@ -1,566 +1,594 @@
1
- import type { Theme as MaterialTheme } from './theme';
2
- declare module '@emotion/react' {
3
- interface Theme extends MaterialTheme {
4
- }
5
- }
6
- export declare function useTheme(): {
7
- googleFonts: string;
8
- colors: {
9
- primary: string;
10
- secondary: string;
11
- tertiary: string;
12
- error: string;
13
- 'primary-container': string;
14
- 'secondary-container': string;
15
- 'tertiary-container': string;
16
- 'error-container': string;
17
- background: string;
18
- surface: string;
19
- 'surface-variant': string;
20
- outline: string;
21
- 'outline-variant': string;
22
- on: {
23
- primary: string;
24
- secondary: string;
25
- tertiary: string;
26
- error: string;
27
- 'primary-container': string;
28
- 'secondary-container': string;
29
- 'tertiary-container': string;
30
- 'error-container': string;
31
- background: string;
32
- surface: string;
33
- 'surface-variant': string;
34
- outline: string;
35
- 'outline-variant': string;
36
- };
37
- modes: {
38
- dark: {
39
- primary: string;
40
- secondary: string;
41
- tertiary: string;
42
- error: string;
43
- 'primary-container': string;
44
- 'secondary-container': string;
45
- 'tertiary-container': string;
46
- 'error-container': string;
47
- background: string;
48
- surface: string;
49
- 'surface-variant': string;
50
- outline: string;
51
- 'outline-variant': string;
52
- on: {
53
- primary: string;
54
- secondary: string;
55
- tertiary: string;
56
- error: string;
57
- 'primary-container': string;
58
- 'secondary-container': string;
59
- 'tertiary-container': string;
60
- 'error-container': string;
61
- background: string;
62
- surface: string;
63
- 'surface-variant': string;
64
- outline: string;
65
- 'outline-variant': string;
66
- };
67
- };
68
- };
69
- };
70
- sizes: {
71
- icon: string;
72
- avatar: string;
73
- };
74
- radii: {
75
- none: number;
76
- default: string;
77
- 'extra-small': string;
78
- 'extra-small_top': string;
79
- small: string;
80
- medium: string;
81
- large: string;
82
- large_end: string;
83
- large_top: string;
84
- 'extra-large': string;
85
- 'extra-large_top': string;
86
- full: string;
87
- circle: string;
88
- };
89
- shadows: {
90
- 0: string;
91
- 1: string;
92
- 2: string;
93
- 3: string;
94
- 4: string;
95
- 5: string;
96
- };
97
- fonts: {
98
- body: string;
99
- heading: string;
100
- brand: string;
101
- plain: string;
102
- monospace: string;
103
- };
104
- fontSizes: {
105
- 0: string;
106
- 1: string;
107
- 2: string;
108
- 3: string;
109
- 4: string;
110
- 5: string;
111
- 6: string;
112
- 7: string;
113
- 8: string;
114
- 9: string;
115
- };
116
- fontWeights: {
117
- light: number;
118
- regular: number;
119
- medium: number;
120
- };
121
- lineHeights: {
122
- body: number;
123
- heading: number;
124
- };
125
- space: {
126
- 0: string;
127
- 1: string;
128
- 2: string;
129
- 3: string;
130
- 4: string;
131
- 5: string;
132
- 6: string;
133
- 7: string;
134
- 8: string;
135
- };
136
- text: {
137
- caps: {
138
- textTransform: string;
139
- fontFamily: string;
140
- lineHeight: string;
141
- letterSpacing: string;
142
- };
143
- heading: {
144
- fontFamily: string;
145
- lineHeight: string;
146
- };
147
- display: {
148
- fontFamily: string;
149
- lineHeight: string;
150
- };
151
- 'display-large': {
152
- fontFamily: "plain" | "brand";
153
- lineHeight: string;
154
- fontSize: string;
155
- letterSpacing: string;
156
- fontWeight: number;
157
- };
158
- 'display-medium': {
159
- fontFamily: "plain" | "brand";
160
- lineHeight: string;
161
- fontSize: string;
162
- letterSpacing: string;
163
- fontWeight: number;
164
- };
165
- 'display-small': {
166
- fontFamily: "plain" | "brand";
167
- lineHeight: string;
168
- fontSize: string;
169
- letterSpacing: string;
170
- fontWeight: number;
171
- };
172
- 'headline-large': {
173
- fontFamily: "plain" | "brand";
174
- lineHeight: string;
175
- fontSize: string;
176
- letterSpacing: string;
177
- fontWeight: number;
178
- };
179
- 'headline-medium': {
180
- fontFamily: "plain" | "brand";
181
- lineHeight: string;
182
- fontSize: string;
183
- letterSpacing: string;
184
- fontWeight: number;
185
- };
186
- 'headline-small': {
187
- fontFamily: "plain" | "brand";
188
- lineHeight: string;
189
- fontSize: string;
190
- letterSpacing: string;
191
- fontWeight: number;
192
- };
193
- 'title-large': {
194
- fontFamily: "plain" | "brand";
195
- lineHeight: string;
196
- fontSize: string;
197
- letterSpacing: string;
198
- fontWeight: number;
199
- };
200
- 'title-medium': {
201
- fontFamily: "plain" | "brand";
202
- lineHeight: string;
203
- fontSize: string;
204
- letterSpacing: string;
205
- fontWeight: number;
206
- };
207
- 'title-small': {
208
- fontFamily: "plain" | "brand";
209
- lineHeight: string;
210
- fontSize: string;
211
- letterSpacing: string;
212
- fontWeight: number;
213
- };
214
- 'label-large': {
215
- fontFamily: "plain" | "brand";
216
- lineHeight: string;
217
- fontSize: string;
218
- letterSpacing: string;
219
- fontWeight: number;
220
- };
221
- 'label-medium': {
222
- fontFamily: "plain" | "brand";
223
- lineHeight: string;
224
- fontSize: string;
225
- letterSpacing: string;
226
- fontWeight: number;
227
- };
228
- 'label-small': {
229
- fontFamily: "plain" | "brand";
230
- lineHeight: string;
231
- fontSize: string;
232
- letterSpacing: string;
233
- fontWeight: number;
234
- };
235
- 'body-large': {
236
- fontFamily: "plain" | "brand";
237
- lineHeight: string;
238
- fontSize: string;
239
- letterSpacing: string;
240
- fontWeight: number;
241
- };
242
- 'body-medium': {
243
- fontFamily: "plain" | "brand";
244
- lineHeight: string;
245
- fontSize: string;
246
- letterSpacing: string;
247
- fontWeight: number;
248
- };
249
- 'body-small': {
250
- fontFamily: "plain" | "brand";
251
- lineHeight: string;
252
- fontSize: string;
253
- letterSpacing: string;
254
- fontWeight: number;
255
- };
256
- h1: {
257
- variant: string;
258
- fontWeight: string;
259
- fontSize: number;
260
- letterSpacing: string;
261
- };
262
- h2: {
263
- variant: string;
264
- fontWeight: string;
265
- fontSize: number;
266
- letterSpacing: string;
267
- };
268
- h3: {
269
- variant: string;
270
- fontWeight: string;
271
- fontSize: number;
272
- letterSpacing: string;
273
- };
274
- h4: {
275
- variant: string;
276
- fontWeight: string;
277
- fontSize: number;
278
- letterSpacing: string;
279
- };
280
- h5: {
281
- variant: string;
282
- fontWeight: string;
283
- fontSize: number;
284
- letterSpacing: string;
285
- };
286
- h6: {
287
- variant: string;
288
- fontWeight: string;
289
- fontSize: number;
290
- letterSpacing: string;
291
- };
292
- subtitle1: {
293
- variant: string;
294
- fontWeight: string;
295
- fontSize: number;
296
- letterSpacing: string;
297
- };
298
- subtitle2: {
299
- variant: string;
300
- fontWeight: string;
301
- fontSize: number;
302
- letterSpacing: string;
303
- };
304
- body1: {
305
- variant: string;
306
- fontWeight: string;
307
- fontSize: number;
308
- letterSpacing: string;
309
- };
310
- body2: {
311
- variant: string;
312
- fontWeight: string;
313
- fontSize: number;
314
- letterSpacing: string;
315
- };
316
- button: {
317
- variant: string;
318
- fontSize: number;
319
- letterSpacing: string;
320
- fontWeight: string;
321
- };
322
- caption: {
323
- variant: string;
324
- fontWeight: string;
325
- fontSize: number;
326
- letterSpacing: string;
327
- };
328
- overline: {
329
- variant: string;
330
- fontWeight: string;
331
- fontSize: number;
332
- letterSpacing: string;
333
- };
334
- };
335
- appbar: {
336
- variants: {
337
- base: {
338
- fontFamily: string;
339
- fontSize: number;
340
- };
341
- default: {
342
- variant: string;
343
- backgroundColor: string;
344
- color: string;
345
- };
346
- primary: {
347
- variant: string;
348
- backgroundColor: string;
349
- color: string;
350
- };
351
- secondary: {
352
- variant: string;
353
- backgroundColor: string;
354
- color: string;
355
- };
356
- transparent: {
357
- variant: string;
358
- backgroundColor: string;
359
- color: string;
360
- };
361
- };
362
- elevations: {
363
- default: {};
364
- elevated: {
365
- boxShadow: number;
366
- };
367
- };
368
- sizes: {
369
- default: {
370
- height: string;
371
- p: number;
372
- };
373
- dense: {
374
- height: string;
375
- };
376
- };
377
- };
378
- buttons: {
379
- variants: {
380
- base: {
381
- variant: string;
382
- boxShadow: string;
383
- py: number;
384
- px: string;
385
- height: string;
386
- borderRadius: string;
387
- cursor: string;
388
- outline: string;
389
- };
390
- text: {
391
- variant: string;
392
- px: string;
393
- };
394
- filled: {
395
- variant: string;
396
- };
397
- outlined: {
398
- variant: string;
399
- };
400
- fab: {
401
- variant: string;
402
- height: string;
403
- maxHeight: string;
404
- width: string;
405
- maxWidth: string;
406
- borderRadius: string;
407
- px: number;
408
- };
409
- 'fab-mini': {
410
- variant: string;
411
- height: string;
412
- maxHeight: string;
413
- width: string;
414
- maxWidth: string;
415
- borderRadius: string;
416
- px: number;
417
- };
418
- 'fab-large': {
419
- variant: string;
420
- height: string;
421
- maxHeight: string;
422
- width: string;
423
- maxWidth: string;
424
- borderRadius: string;
425
- px: number;
426
- };
427
- 'fab-extended': {
428
- variant: string;
429
- height: string;
430
- px: string;
431
- borderRadius: string;
432
- };
433
- icon: {
434
- variant: string;
435
- height: string;
436
- maxHeight: string;
437
- width: string;
438
- maxWidth: string;
439
- px: string;
440
- borderRadius: string;
441
- };
442
- };
443
- elevations: {
444
- none: {};
445
- default: {
446
- transition: string;
447
- '&:hover': {
448
- boxShadow: number;
449
- };
450
- '&:active,&:focus-visible,&:disabled': {
451
- boxShadow: number;
452
- };
453
- };
454
- elevated: {
455
- transition: string;
456
- boxShadow: number;
457
- '&:hover': {
458
- boxShadow: number;
459
- };
460
- '&:active,&:focus-visible': {
461
- boxShadow: number;
462
- };
463
- '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
464
- boxShadow: number;
465
- };
466
- };
467
- floating: {
468
- transition: string;
469
- boxShadow: number;
470
- ':hover': {
471
- boxShadow: number;
472
- };
473
- '&:active,&:focus-visible': {
474
- boxShadow: number;
475
- };
476
- '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
477
- boxShadow: number;
478
- };
479
- };
480
- };
481
- overlays: {
482
- transparent: {
483
- hover: {
484
- opacity: number;
485
- };
486
- focus: {
487
- opacity: number;
488
- };
489
- pressed: {
490
- opacity: number;
491
- };
492
- };
493
- filled: {
494
- hover: {
495
- opacity: number;
496
- };
497
- focus: {
498
- opacity: number;
499
- };
500
- pressed: {
501
- opacity: number;
502
- };
503
- };
504
- };
505
- };
506
- chips: {
507
- variants: {
508
- base: {
509
- variant: string;
510
- boxShadow: string;
511
- py: number;
512
- px: number;
513
- height: string;
514
- borderRadius: string;
515
- outline: string;
516
- transition: string;
517
- };
518
- filled: {
519
- variant: string;
520
- boxShadow: number;
521
- ':active:not([data-disabled])': {
522
- boxShadow: number;
523
- };
524
- };
525
- outlined: {
526
- variant: string;
527
- };
528
- };
529
- };
530
- dialogs: {
531
- variants: {
532
- base: {
533
- borderRadius: string;
534
- };
535
- };
536
- backgroundColorOverlay: number;
537
- };
538
- paper: {
539
- overlays: {
540
- 0: number;
541
- 1: number;
542
- 2: number;
543
- 3: number;
544
- 4: number;
545
- 5: number;
546
- };
547
- };
548
- zIndices: {
549
- appBar: number;
550
- drawer: number;
551
- dialog: number;
552
- snackbar: number;
553
- tooltip: number;
554
- };
555
- styles: {
556
- root: {
557
- body: {
558
- fontFamily: string;
559
- fontWeight: string;
560
- lineHeight: string;
561
- backgroundColor: string;
562
- color: string;
563
- };
564
- };
565
- };
566
- };
1
+ import type { Theme as MaterialTheme } from './theme';
2
+ declare module '@emotion/react' {
3
+ interface Theme extends MaterialTheme {
4
+ }
5
+ }
6
+ export declare function useTheme(): {
7
+ googleFonts: string;
8
+ colors: {
9
+ primary: string;
10
+ secondary: string;
11
+ tertiary: string;
12
+ error: string;
13
+ 'primary-container': string;
14
+ 'secondary-container': string;
15
+ 'tertiary-container': string;
16
+ 'error-container': string;
17
+ background: string;
18
+ 'surface-variant': string;
19
+ outline: string;
20
+ 'outline-variant': string;
21
+ 'surface-dim': string;
22
+ surface: string;
23
+ 'surface-bright': string;
24
+ 'surface-container-lowest': string;
25
+ 'surface-container-low': string;
26
+ 'surface-container': string;
27
+ 'surface-container-high': string;
28
+ 'surface-container-highest': string;
29
+ on: {
30
+ primary: string;
31
+ secondary: string;
32
+ tertiary: string;
33
+ error: string;
34
+ 'primary-container': string;
35
+ 'secondary-container': string;
36
+ 'tertiary-container': string;
37
+ 'error-container': string;
38
+ background: string;
39
+ 'surface-variant': string;
40
+ outline: string;
41
+ 'outline-variant': string;
42
+ 'surface-dim': string;
43
+ surface: string;
44
+ 'surface-bright': string;
45
+ 'surface-container-lowest': string;
46
+ 'surface-container-low': string;
47
+ 'surface-container': string;
48
+ 'surface-container-high': string;
49
+ 'surface-container-highest': string;
50
+ };
51
+ modes: {
52
+ dark: {
53
+ primary: string;
54
+ secondary: string;
55
+ tertiary: string;
56
+ error: string;
57
+ 'primary-container': string;
58
+ 'secondary-container': string;
59
+ 'tertiary-container': string;
60
+ 'error-container': string;
61
+ background: string;
62
+ 'surface-variant': string;
63
+ outline: string;
64
+ 'outline-variant': string;
65
+ 'surface-dim': string;
66
+ surface: string;
67
+ 'surface-bright': string;
68
+ 'surface-container-lowest': string;
69
+ 'surface-container-low': string;
70
+ 'surface-container': string;
71
+ 'surface-container-high': string;
72
+ 'surface-container-highest': string;
73
+ on: {
74
+ primary: string;
75
+ secondary: string;
76
+ tertiary: string;
77
+ error: string;
78
+ 'primary-container': string;
79
+ 'secondary-container': string;
80
+ 'tertiary-container': string;
81
+ 'error-container': string;
82
+ background: string;
83
+ 'surface-variant': string;
84
+ outline: string;
85
+ 'outline-variant': string;
86
+ 'surface-dim': string;
87
+ surface: string;
88
+ 'surface-bright': string;
89
+ 'surface-container-lowest': string;
90
+ 'surface-container-low': string;
91
+ 'surface-container': string;
92
+ 'surface-container-high': string;
93
+ 'surface-container-highest': string;
94
+ };
95
+ };
96
+ };
97
+ };
98
+ sizes: {
99
+ icon: string;
100
+ avatar: string;
101
+ };
102
+ radii: {
103
+ none: number;
104
+ default: string;
105
+ 'extra-small': string;
106
+ 'extra-small_top': string;
107
+ small: string;
108
+ medium: string;
109
+ large: string;
110
+ large_end: string;
111
+ large_top: string;
112
+ 'extra-large': string;
113
+ 'extra-large_top': string;
114
+ full: string;
115
+ circle: string;
116
+ };
117
+ shadows: {
118
+ 0: string;
119
+ 1: string;
120
+ 2: string;
121
+ 3: string;
122
+ 4: string;
123
+ 5: string;
124
+ };
125
+ fonts: {
126
+ body: string;
127
+ heading: string;
128
+ brand: string;
129
+ plain: string;
130
+ monospace: string;
131
+ };
132
+ fontSizes: {
133
+ 0: string;
134
+ 1: string;
135
+ 2: string;
136
+ 3: string;
137
+ 4: string;
138
+ 5: string;
139
+ 6: string;
140
+ 7: string;
141
+ 8: string;
142
+ 9: string;
143
+ };
144
+ fontWeights: {
145
+ light: number;
146
+ regular: number;
147
+ medium: number;
148
+ };
149
+ lineHeights: {
150
+ body: number;
151
+ heading: number;
152
+ };
153
+ space: {
154
+ 0: string;
155
+ 1: string;
156
+ 2: string;
157
+ 3: string;
158
+ 4: string;
159
+ 5: string;
160
+ 6: string;
161
+ 7: string;
162
+ 8: string;
163
+ };
164
+ text: {
165
+ caps: {
166
+ textTransform: string;
167
+ fontFamily: string;
168
+ lineHeight: string;
169
+ letterSpacing: string;
170
+ };
171
+ heading: {
172
+ fontFamily: string;
173
+ lineHeight: string;
174
+ };
175
+ display: {
176
+ fontFamily: string;
177
+ lineHeight: string;
178
+ };
179
+ 'display-large': {
180
+ fontFamily: "plain" | "brand";
181
+ lineHeight: string;
182
+ fontSize: string;
183
+ letterSpacing: string;
184
+ fontWeight: number;
185
+ };
186
+ 'display-medium': {
187
+ fontFamily: "plain" | "brand";
188
+ lineHeight: string;
189
+ fontSize: string;
190
+ letterSpacing: string;
191
+ fontWeight: number;
192
+ };
193
+ 'display-small': {
194
+ fontFamily: "plain" | "brand";
195
+ lineHeight: string;
196
+ fontSize: string;
197
+ letterSpacing: string;
198
+ fontWeight: number;
199
+ };
200
+ 'headline-large': {
201
+ fontFamily: "plain" | "brand";
202
+ lineHeight: string;
203
+ fontSize: string;
204
+ letterSpacing: string;
205
+ fontWeight: number;
206
+ };
207
+ 'headline-medium': {
208
+ fontFamily: "plain" | "brand";
209
+ lineHeight: string;
210
+ fontSize: string;
211
+ letterSpacing: string;
212
+ fontWeight: number;
213
+ };
214
+ 'headline-small': {
215
+ fontFamily: "plain" | "brand";
216
+ lineHeight: string;
217
+ fontSize: string;
218
+ letterSpacing: string;
219
+ fontWeight: number;
220
+ };
221
+ 'title-large': {
222
+ fontFamily: "plain" | "brand";
223
+ lineHeight: string;
224
+ fontSize: string;
225
+ letterSpacing: string;
226
+ fontWeight: number;
227
+ };
228
+ 'title-medium': {
229
+ fontFamily: "plain" | "brand";
230
+ lineHeight: string;
231
+ fontSize: string;
232
+ letterSpacing: string;
233
+ fontWeight: number;
234
+ };
235
+ 'title-small': {
236
+ fontFamily: "plain" | "brand";
237
+ lineHeight: string;
238
+ fontSize: string;
239
+ letterSpacing: string;
240
+ fontWeight: number;
241
+ };
242
+ 'label-large': {
243
+ fontFamily: "plain" | "brand";
244
+ lineHeight: string;
245
+ fontSize: string;
246
+ letterSpacing: string;
247
+ fontWeight: number;
248
+ };
249
+ 'label-medium': {
250
+ fontFamily: "plain" | "brand";
251
+ lineHeight: string;
252
+ fontSize: string;
253
+ letterSpacing: string;
254
+ fontWeight: number;
255
+ };
256
+ 'label-small': {
257
+ fontFamily: "plain" | "brand";
258
+ lineHeight: string;
259
+ fontSize: string;
260
+ letterSpacing: string;
261
+ fontWeight: number;
262
+ };
263
+ 'body-large': {
264
+ fontFamily: "plain" | "brand";
265
+ lineHeight: string;
266
+ fontSize: string;
267
+ letterSpacing: string;
268
+ fontWeight: number;
269
+ };
270
+ 'body-medium': {
271
+ fontFamily: "plain" | "brand";
272
+ lineHeight: string;
273
+ fontSize: string;
274
+ letterSpacing: string;
275
+ fontWeight: number;
276
+ };
277
+ 'body-small': {
278
+ fontFamily: "plain" | "brand";
279
+ lineHeight: string;
280
+ fontSize: string;
281
+ letterSpacing: string;
282
+ fontWeight: number;
283
+ };
284
+ h1: {
285
+ variant: string;
286
+ fontWeight: string;
287
+ fontSize: number;
288
+ letterSpacing: string;
289
+ };
290
+ h2: {
291
+ variant: string;
292
+ fontWeight: string;
293
+ fontSize: number;
294
+ letterSpacing: string;
295
+ };
296
+ h3: {
297
+ variant: string;
298
+ fontWeight: string;
299
+ fontSize: number;
300
+ letterSpacing: string;
301
+ };
302
+ h4: {
303
+ variant: string;
304
+ fontWeight: string;
305
+ fontSize: number;
306
+ letterSpacing: string;
307
+ };
308
+ h5: {
309
+ variant: string;
310
+ fontWeight: string;
311
+ fontSize: number;
312
+ letterSpacing: string;
313
+ };
314
+ h6: {
315
+ variant: string;
316
+ fontWeight: string;
317
+ fontSize: number;
318
+ letterSpacing: string;
319
+ };
320
+ subtitle1: {
321
+ variant: string;
322
+ fontWeight: string;
323
+ fontSize: number;
324
+ letterSpacing: string;
325
+ };
326
+ subtitle2: {
327
+ variant: string;
328
+ fontWeight: string;
329
+ fontSize: number;
330
+ letterSpacing: string;
331
+ };
332
+ body1: {
333
+ variant: string;
334
+ fontWeight: string;
335
+ fontSize: number;
336
+ letterSpacing: string;
337
+ };
338
+ body2: {
339
+ variant: string;
340
+ fontWeight: string;
341
+ fontSize: number;
342
+ letterSpacing: string;
343
+ };
344
+ button: {
345
+ variant: string;
346
+ fontSize: number;
347
+ letterSpacing: string;
348
+ fontWeight: string;
349
+ };
350
+ caption: {
351
+ variant: string;
352
+ fontWeight: string;
353
+ fontSize: number;
354
+ letterSpacing: string;
355
+ };
356
+ overline: {
357
+ variant: string;
358
+ fontWeight: string;
359
+ fontSize: number;
360
+ letterSpacing: string;
361
+ };
362
+ };
363
+ appbar: {
364
+ variants: {
365
+ base: {
366
+ fontFamily: string;
367
+ fontSize: number;
368
+ };
369
+ default: {
370
+ variant: string;
371
+ backgroundColor: string;
372
+ color: string;
373
+ };
374
+ primary: {
375
+ variant: string;
376
+ backgroundColor: string;
377
+ color: string;
378
+ };
379
+ secondary: {
380
+ variant: string;
381
+ backgroundColor: string;
382
+ color: string;
383
+ };
384
+ transparent: {
385
+ variant: string;
386
+ backgroundColor: string;
387
+ color: string;
388
+ };
389
+ };
390
+ elevations: {
391
+ default: {};
392
+ elevated: {
393
+ boxShadow: number;
394
+ };
395
+ };
396
+ sizes: {
397
+ default: {
398
+ height: string;
399
+ p: number;
400
+ };
401
+ dense: {
402
+ height: string;
403
+ };
404
+ };
405
+ };
406
+ buttons: {
407
+ variants: {
408
+ base: {
409
+ variant: string;
410
+ boxShadow: string;
411
+ py: number;
412
+ px: string;
413
+ height: string;
414
+ borderRadius: string;
415
+ cursor: string;
416
+ outline: string;
417
+ };
418
+ text: {
419
+ variant: string;
420
+ px: string;
421
+ };
422
+ filled: {
423
+ variant: string;
424
+ };
425
+ outlined: {
426
+ variant: string;
427
+ };
428
+ fab: {
429
+ variant: string;
430
+ height: string;
431
+ maxHeight: string;
432
+ width: string;
433
+ maxWidth: string;
434
+ borderRadius: string;
435
+ px: number;
436
+ };
437
+ 'fab-mini': {
438
+ variant: string;
439
+ height: string;
440
+ maxHeight: string;
441
+ width: string;
442
+ maxWidth: string;
443
+ borderRadius: string;
444
+ px: number;
445
+ };
446
+ 'fab-large': {
447
+ variant: string;
448
+ height: string;
449
+ maxHeight: string;
450
+ width: string;
451
+ maxWidth: string;
452
+ borderRadius: string;
453
+ px: number;
454
+ };
455
+ 'fab-extended': {
456
+ variant: string;
457
+ height: string;
458
+ px: string;
459
+ borderRadius: string;
460
+ };
461
+ icon: {
462
+ variant: string;
463
+ height: string;
464
+ maxHeight: string;
465
+ width: string;
466
+ maxWidth: string;
467
+ px: string;
468
+ borderRadius: string;
469
+ };
470
+ };
471
+ elevations: {
472
+ none: {};
473
+ default: {
474
+ transition: string;
475
+ '&:hover': {
476
+ boxShadow: number;
477
+ };
478
+ '&:active,&:focus-visible,&:disabled': {
479
+ boxShadow: number;
480
+ };
481
+ };
482
+ elevated: {
483
+ transition: string;
484
+ boxShadow: number;
485
+ '&:hover': {
486
+ boxShadow: number;
487
+ };
488
+ '&:active,&:focus-visible': {
489
+ boxShadow: number;
490
+ };
491
+ '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
492
+ boxShadow: number;
493
+ };
494
+ };
495
+ floating: {
496
+ transition: string;
497
+ boxShadow: number;
498
+ ':hover': {
499
+ boxShadow: number;
500
+ };
501
+ '&:active,&:focus-visible': {
502
+ boxShadow: number;
503
+ };
504
+ '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
505
+ boxShadow: number;
506
+ };
507
+ };
508
+ };
509
+ overlays: {
510
+ transparent: {
511
+ hover: {
512
+ opacity: number;
513
+ };
514
+ focus: {
515
+ opacity: number;
516
+ };
517
+ pressed: {
518
+ opacity: number;
519
+ };
520
+ };
521
+ filled: {
522
+ hover: {
523
+ opacity: number;
524
+ };
525
+ focus: {
526
+ opacity: number;
527
+ };
528
+ pressed: {
529
+ opacity: number;
530
+ };
531
+ };
532
+ };
533
+ };
534
+ chips: {
535
+ variants: {
536
+ base: {
537
+ variant: string;
538
+ boxShadow: string;
539
+ py: number;
540
+ px: number;
541
+ height: string;
542
+ borderRadius: string;
543
+ outline: string;
544
+ transition: string;
545
+ };
546
+ filled: {
547
+ variant: string;
548
+ boxShadow: number;
549
+ ':active:not([data-disabled])': {
550
+ boxShadow: number;
551
+ };
552
+ };
553
+ outlined: {
554
+ variant: string;
555
+ };
556
+ };
557
+ };
558
+ dialogs: {
559
+ variants: {
560
+ base: {
561
+ borderRadius: string;
562
+ };
563
+ };
564
+ backgroundColorOverlay: number;
565
+ };
566
+ paper: {
567
+ overlays: {
568
+ 0: number;
569
+ 1: number;
570
+ 2: number;
571
+ 3: number;
572
+ 4: number;
573
+ 5: number;
574
+ };
575
+ };
576
+ zIndices: {
577
+ appBar: number;
578
+ drawer: number;
579
+ dialog: number;
580
+ snackbar: number;
581
+ tooltip: number;
582
+ };
583
+ styles: {
584
+ root: {
585
+ body: {
586
+ fontFamily: string;
587
+ fontWeight: string;
588
+ lineHeight: string;
589
+ backgroundColor: string;
590
+ color: string;
591
+ };
592
+ };
593
+ };
594
+ };