@basic-ui/material 1.0.0-alpha.4 → 1.0.0-alpha.41

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 (544) hide show
  1. package/build/cjs/index.js +2133 -1450
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/Alert/Alert.js +3 -2
  5. package/build/esm/Alert/Alert.js.map +1 -1
  6. package/build/esm/Alert/index.js.map +1 -1
  7. package/build/esm/AppBar/AppBar.d.ts +3 -3
  8. package/build/esm/AppBar/AppBar.js +6 -5
  9. package/build/esm/AppBar/AppBar.js.map +1 -1
  10. package/build/esm/AppBar/AppBarButton.d.ts +1 -1
  11. package/build/esm/AppBar/AppBarButton.js +2 -1
  12. package/build/esm/AppBar/AppBarButton.js.map +1 -1
  13. package/build/esm/AppBar/context.js.map +1 -1
  14. package/build/esm/AppBar/index.js.map +1 -1
  15. package/build/esm/Badge/Badge.d.ts +2 -2
  16. package/build/esm/Badge/Badge.js +28 -2
  17. package/build/esm/Badge/Badge.js.map +1 -1
  18. package/build/esm/Badge/index.js.map +1 -1
  19. package/build/esm/BaseLine/BaseLine.js.map +1 -1
  20. package/build/esm/BaseLine/index.js.map +1 -1
  21. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  22. package/build/esm/BottomSheet/BottomSheet.js +2 -1
  23. package/build/esm/BottomSheet/BottomSheet.js.map +1 -1
  24. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +2 -2
  25. package/build/esm/BottomSheet/BottomSheetSurface.js +2 -2
  26. package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
  27. package/build/esm/BottomSheet/index.js.map +1 -1
  28. package/build/esm/Box/Box.d.ts +4 -4
  29. package/build/esm/Box/Box.js +1 -2
  30. package/build/esm/Box/Box.js.map +1 -1
  31. package/build/esm/Box/index.js.map +1 -1
  32. package/build/esm/Button/BaseButton.d.ts +3 -3
  33. package/build/esm/Button/BaseButton.js +6 -5
  34. package/build/esm/Button/BaseButton.js.map +1 -1
  35. package/build/esm/Button/Button.d.ts +4 -4
  36. package/build/esm/Button/Button.js +6 -6
  37. package/build/esm/Button/Button.js.map +1 -1
  38. package/build/esm/Button/ButtonGroup.d.ts +2 -2
  39. package/build/esm/Button/ButtonGroup.js +3 -2
  40. package/build/esm/Button/ButtonGroup.js.map +1 -1
  41. package/build/esm/Button/FilledButton.d.ts +1 -1
  42. package/build/esm/Button/FilledButton.js +6 -8
  43. package/build/esm/Button/FilledButton.js.map +1 -1
  44. package/build/esm/Button/FloatingActionButton.js +1 -1
  45. package/build/esm/Button/FloatingActionButton.js.map +1 -1
  46. package/build/esm/Button/IconButton.js +1 -1
  47. package/build/esm/Button/IconButton.js.map +1 -1
  48. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  49. package/build/esm/Button/OutlinedButton.js +2 -2
  50. package/build/esm/Button/OutlinedButton.js.map +1 -1
  51. package/build/esm/Button/TransparentButton.d.ts +1 -1
  52. package/build/esm/Button/TransparentButton.js.map +1 -1
  53. package/build/esm/Button/context.js.map +1 -1
  54. package/build/esm/Button/index.js.map +1 -1
  55. package/build/esm/CheckBox/CheckBox.d.ts +5 -5
  56. package/build/esm/CheckBox/CheckBox.js +6 -5
  57. package/build/esm/CheckBox/CheckBox.js.map +1 -1
  58. package/build/esm/CheckBox/CheckBoxIcon.d.ts +4 -4
  59. package/build/esm/CheckBox/CheckBoxIcon.js +6 -5
  60. package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
  61. package/build/esm/CheckBox/CheckPath.d.ts +0 -1
  62. package/build/esm/CheckBox/CheckPath.js.map +1 -1
  63. package/build/esm/CheckBox/IndeterminatePath.d.ts +0 -1
  64. package/build/esm/CheckBox/IndeterminatePath.js.map +1 -1
  65. package/build/esm/CheckBox/index.js.map +1 -1
  66. package/build/esm/Chip/ButtonChip.d.ts +4 -4
  67. package/build/esm/Chip/ButtonChip.js +4 -4
  68. package/build/esm/Chip/ButtonChip.js.map +1 -1
  69. package/build/esm/Chip/Chip.js.map +1 -1
  70. package/build/esm/Chip/ChipBase.d.ts +3 -3
  71. package/build/esm/Chip/ChipBase.js +10 -10
  72. package/build/esm/Chip/ChipBase.js.map +1 -1
  73. package/build/esm/Chip/ChoiceChip.d.ts +5 -5
  74. package/build/esm/Chip/ChoiceChip.js +6 -5
  75. package/build/esm/Chip/ChoiceChip.js.map +1 -1
  76. package/build/esm/Chip/index.js.map +1 -1
  77. package/build/esm/Combobox/Combobox.d.ts +13 -13
  78. package/build/esm/Combobox/Combobox.js +25 -16
  79. package/build/esm/Combobox/Combobox.js.map +1 -1
  80. package/build/esm/Combobox/index.js.map +1 -1
  81. package/build/esm/Dialog/Dialog.d.ts +1 -1
  82. package/build/esm/Dialog/Dialog.js +6 -5
  83. package/build/esm/Dialog/Dialog.js.map +1 -1
  84. package/build/esm/Dialog/DialogBackdrop.d.ts +2 -2
  85. package/build/esm/Dialog/DialogBackdrop.js +2 -2
  86. package/build/esm/Dialog/DialogBackdrop.js.map +1 -1
  87. package/build/esm/Dialog/DialogContainer.d.ts +1 -1
  88. package/build/esm/Dialog/DialogContainer.js +2 -1
  89. package/build/esm/Dialog/DialogContainer.js.map +1 -1
  90. package/build/esm/Dialog/DialogSurface.d.ts +2 -2
  91. package/build/esm/Dialog/DialogSurface.js +4 -4
  92. package/build/esm/Dialog/DialogSurface.js.map +1 -1
  93. package/build/esm/Dialog/Scrim.d.ts +1 -1
  94. package/build/esm/Dialog/Scrim.js +2 -1
  95. package/build/esm/Dialog/Scrim.js.map +1 -1
  96. package/build/esm/Dialog/index.js +1 -0
  97. package/build/esm/Dialog/index.js.map +1 -1
  98. package/build/esm/Dialog/useDialogAnimation.js +6 -4
  99. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  100. package/build/esm/Divider/Divider.d.ts +3 -3
  101. package/build/esm/Divider/Divider.js +9 -10
  102. package/build/esm/Divider/Divider.js.map +1 -1
  103. package/build/esm/Divider/index.js.map +1 -1
  104. package/build/esm/FloatingLabel/FloatingLabel.d.ts +4 -4
  105. package/build/esm/FloatingLabel/FloatingLabel.js +7 -6
  106. package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
  107. package/build/esm/FloatingLabel/index.js.map +1 -1
  108. package/build/esm/LineRipple/LineRipple.d.ts +3 -3
  109. package/build/esm/LineRipple/LineRipple.js +5 -4
  110. package/build/esm/LineRipple/LineRipple.js.map +1 -1
  111. package/build/esm/LineRipple/index.js.map +1 -1
  112. package/build/esm/Link/Link.d.ts +3 -3
  113. package/build/esm/Link/Link.js +14 -2
  114. package/build/esm/Link/Link.js.map +1 -1
  115. package/build/esm/Link/index.js.map +1 -1
  116. package/build/esm/List/List.d.ts +5 -5
  117. package/build/esm/List/List.js +2 -2
  118. package/build/esm/List/List.js.map +1 -1
  119. package/build/esm/List/index.js.map +1 -1
  120. package/build/esm/ListItem/ListItem.d.ts +7 -5
  121. package/build/esm/ListItem/ListItem.js +50 -47
  122. package/build/esm/ListItem/ListItem.js.map +1 -1
  123. package/build/esm/ListItem/ListItemText.d.ts +6 -6
  124. package/build/esm/ListItem/ListItemText.js +5 -5
  125. package/build/esm/ListItem/ListItemText.js.map +1 -1
  126. package/build/esm/ListItem/index.js.map +1 -1
  127. package/build/esm/Menu/Menu.d.ts +9 -7
  128. package/build/esm/Menu/Menu.js +31 -11
  129. package/build/esm/Menu/Menu.js.map +1 -1
  130. package/build/esm/Menu/animation.js.map +1 -1
  131. package/build/esm/Menu/index.d.ts +1 -0
  132. package/build/esm/Menu/index.js +1 -0
  133. package/build/esm/Menu/index.js.map +1 -1
  134. package/build/esm/NavRail/NavRailItem.d.ts +15 -0
  135. package/build/esm/NavRail/NavRailItem.js +149 -0
  136. package/build/esm/NavRail/NavRailItem.js.map +1 -0
  137. package/build/esm/NavRail/icons/test-icons.d.ts +4 -0
  138. package/build/esm/NavRail/icons/test-icons.js +42 -0
  139. package/build/esm/NavRail/icons/test-icons.js.map +1 -0
  140. package/build/esm/NavRail/index.d.ts +1 -0
  141. package/build/esm/NavRail/index.js +2 -0
  142. package/build/esm/NavRail/index.js.map +1 -0
  143. package/build/esm/NotchedOutline/NotchedOutline.d.ts +5 -5
  144. package/build/esm/NotchedOutline/NotchedOutline.js +4 -4
  145. package/build/esm/NotchedOutline/NotchedOutline.js.map +1 -1
  146. package/build/esm/NotchedOutline/context.js.map +1 -1
  147. package/build/esm/NotchedOutline/index.js.map +1 -1
  148. package/build/esm/NotchedOutline/styledComponents.d.ts +118 -28
  149. package/build/esm/NotchedOutline/styledComponents.js +3 -2
  150. package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
  151. package/build/esm/Paper/Paper.d.ts +4 -4
  152. package/build/esm/Paper/Paper.js +8 -8
  153. package/build/esm/Paper/Paper.js.map +1 -1
  154. package/build/esm/Paper/index.js.map +1 -1
  155. package/build/esm/Popover/Popover.d.ts +14 -0
  156. package/build/esm/Popover/Popover.js +74 -0
  157. package/build/esm/Popover/Popover.js.map +1 -0
  158. package/build/esm/Popover/PopoverContainer.d.ts +4 -0
  159. package/build/esm/Popover/PopoverContainer.js +20 -0
  160. package/build/esm/Popover/PopoverContainer.js.map +1 -0
  161. package/build/esm/Popover/PopoverSurface.d.ts +5 -0
  162. package/build/esm/Popover/PopoverSurface.js +41 -0
  163. package/build/esm/Popover/PopoverSurface.js.map +1 -0
  164. package/build/esm/Popover/index.d.ts +1 -0
  165. package/build/esm/Popover/index.js +2 -0
  166. package/build/esm/Popover/index.js.map +1 -0
  167. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +1 -1
  168. package/build/esm/ProgressSpinner/ProgressSpinner.js +14 -14
  169. package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
  170. package/build/esm/ProgressSpinner/index.js.map +1 -1
  171. package/build/esm/RadioButton/RadioButton.js +4 -2
  172. package/build/esm/RadioButton/RadioButton.js.map +1 -1
  173. package/build/esm/RadioButton/RadioButtonIcon.d.ts +3 -3
  174. package/build/esm/RadioButton/RadioButtonIcon.js +6 -5
  175. package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
  176. package/build/esm/RadioButton/RadioGroup.d.ts +1 -1
  177. package/build/esm/RadioButton/RadioGroup.js +2 -1
  178. package/build/esm/RadioButton/RadioGroup.js.map +1 -1
  179. package/build/esm/RadioButton/index.js.map +1 -1
  180. package/build/esm/Ripple/Ripple.js.map +1 -1
  181. package/build/esm/Ripple/RippleBox.d.ts +1 -2
  182. package/build/esm/Ripple/RippleBox.js +7 -6
  183. package/build/esm/Ripple/RippleBox.js.map +1 -1
  184. package/build/esm/Ripple/constants.js.map +1 -1
  185. package/build/esm/Ripple/index.js.map +1 -1
  186. package/build/esm/Ripple/keyframes.js.map +1 -1
  187. package/build/esm/Ripple/useRipple.js +2 -2
  188. package/build/esm/Ripple/useRipple.js.map +1 -1
  189. package/build/esm/Ripple/useRippleHandlers.d.ts +3 -3
  190. package/build/esm/Ripple/useRippleHandlers.js +2 -1
  191. package/build/esm/Ripple/useRippleHandlers.js.map +1 -1
  192. package/build/esm/Ripple/useRippleSurface.d.ts +6 -5
  193. package/build/esm/Ripple/useRippleSurface.js +65 -60
  194. package/build/esm/Ripple/useRippleSurface.js.map +1 -1
  195. package/build/esm/Select/CustomContainerExample.d.ts +3 -0
  196. package/build/esm/Select/CustomContainerExample.js +59 -0
  197. package/build/esm/Select/CustomContainerExample.js.map +1 -0
  198. package/build/esm/Select/Select.d.ts +23 -9
  199. package/build/esm/Select/Select.js +67 -15
  200. package/build/esm/Select/Select.js.map +1 -1
  201. package/build/esm/Select/SelectIcon.d.ts +3 -3
  202. package/build/esm/Select/SelectIcon.js +6 -5
  203. package/build/esm/Select/SelectIcon.js.map +1 -1
  204. package/build/esm/Select/context.d.ts +7 -6
  205. package/build/esm/Select/context.js +2 -1
  206. package/build/esm/Select/context.js.map +1 -1
  207. package/build/esm/Select/defaultRender.d.ts +3 -1
  208. package/build/esm/Select/defaultRender.js +33 -4
  209. package/build/esm/Select/defaultRender.js.map +1 -1
  210. package/build/esm/Select/index.js.map +1 -1
  211. package/build/esm/Select/styledComponents.d.ts +9 -9
  212. package/build/esm/Select/styledComponents.js +13 -22
  213. package/build/esm/Select/styledComponents.js.map +1 -1
  214. package/build/esm/SelectItem/SelectItem.d.ts +11 -4
  215. package/build/esm/SelectItem/SelectItem.js +34 -9
  216. package/build/esm/SelectItem/SelectItem.js.map +1 -1
  217. package/build/esm/SelectItem/index.js.map +1 -1
  218. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +5 -5
  219. package/build/esm/SelectionControl/SelectionControlLabel.js +4 -3
  220. package/build/esm/SelectionControl/SelectionControlLabel.js.map +1 -1
  221. package/build/esm/SelectionControl/SelectionControlText.d.ts +4 -4
  222. package/build/esm/SelectionControl/SelectionControlText.js +4 -4
  223. package/build/esm/SelectionControl/SelectionControlText.js.map +1 -1
  224. package/build/esm/SelectionControl/index.js.map +1 -1
  225. package/build/esm/Skeleton/DelayAppearance.d.ts +3 -3
  226. package/build/esm/Skeleton/DelayAppearance.js +2 -2
  227. package/build/esm/Skeleton/DelayAppearance.js.map +1 -1
  228. package/build/esm/Skeleton/Skeleton.d.ts +6 -6
  229. package/build/esm/Skeleton/Skeleton.js +4 -4
  230. package/build/esm/Skeleton/Skeleton.js.map +1 -1
  231. package/build/esm/Skeleton/animation.js.map +1 -1
  232. package/build/esm/Skeleton/index.js.map +1 -1
  233. package/build/esm/Slider/Slider.d.ts +17 -0
  234. package/build/esm/Slider/Slider.js +224 -0
  235. package/build/esm/Slider/Slider.js.map +1 -0
  236. package/build/esm/Slider/index.d.ts +1 -0
  237. package/build/esm/Slider/index.js +2 -0
  238. package/build/esm/Slider/index.js.map +1 -0
  239. package/build/esm/Snackbar/Snackbar.d.ts +3 -3
  240. package/build/esm/Snackbar/Snackbar.js +12 -12
  241. package/build/esm/Snackbar/Snackbar.js.map +1 -1
  242. package/build/esm/Snackbar/Stack.d.ts +2 -3
  243. package/build/esm/Snackbar/Stack.js +11 -10
  244. package/build/esm/Snackbar/Stack.js.map +1 -1
  245. package/build/esm/Snackbar/index.d.ts +1 -0
  246. package/build/esm/Snackbar/index.js +1 -0
  247. package/build/esm/Snackbar/index.js.map +1 -1
  248. package/build/esm/Snackbar/useSnackbarAnimation.d.ts +2 -66
  249. package/build/esm/Snackbar/useSnackbarAnimation.js +9 -8
  250. package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
  251. package/build/esm/Switch/Switch.d.ts +9 -5
  252. package/build/esm/Switch/Switch.js +70 -48
  253. package/build/esm/Switch/Switch.js.map +1 -1
  254. package/build/esm/Switch/index.js.map +1 -1
  255. package/build/esm/Switch/styledComponents.js +34 -25
  256. package/build/esm/Switch/styledComponents.js.map +1 -1
  257. package/build/esm/Tab/Tab.d.ts +3 -3
  258. package/build/esm/Tab/Tab.js +51 -14
  259. package/build/esm/Tab/Tab.js.map +1 -1
  260. package/build/esm/Tab/TabList.d.ts +2 -1
  261. package/build/esm/Tab/TabList.js +8 -3
  262. package/build/esm/Tab/TabList.js.map +1 -1
  263. package/build/esm/Tab/TabPanel.d.ts +1 -1
  264. package/build/esm/Tab/TabPanel.js +4 -2
  265. package/build/esm/Tab/TabPanel.js.map +1 -1
  266. package/build/esm/Tab/TabPanels.js.map +1 -1
  267. package/build/esm/Tab/Tabs.js.map +1 -1
  268. package/build/esm/Tab/context.d.ts +1 -0
  269. package/build/esm/Tab/context.js +2 -1
  270. package/build/esm/Tab/context.js.map +1 -1
  271. package/build/esm/Tab/index.js.map +1 -1
  272. package/build/esm/TabIndicator/TabIndicator.d.ts +4 -2
  273. package/build/esm/TabIndicator/TabIndicator.js +78 -10
  274. package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
  275. package/build/esm/TabIndicator/context.d.ts +2 -2
  276. package/build/esm/TabIndicator/context.js.map +1 -1
  277. package/build/esm/TabIndicator/index.js.map +1 -1
  278. package/build/esm/Table/Table.d.ts +1 -1
  279. package/build/esm/Table/Table.js +14 -5
  280. package/build/esm/Table/Table.js.map +1 -1
  281. package/build/esm/Table/TableBody.d.ts +1 -1
  282. package/build/esm/Table/TableBody.js +4 -3
  283. package/build/esm/Table/TableBody.js.map +1 -1
  284. package/build/esm/Table/TableCell.d.ts +1 -1
  285. package/build/esm/Table/TableCell.js +4 -3
  286. package/build/esm/Table/TableCell.js.map +1 -1
  287. package/build/esm/Table/TableHead.js +7 -5
  288. package/build/esm/Table/TableHead.js.map +1 -1
  289. package/build/esm/Table/TableRow.d.ts +1 -1
  290. package/build/esm/Table/TableRow.js +6 -6
  291. package/build/esm/Table/TableRow.js.map +1 -1
  292. package/build/esm/Table/context.js.map +1 -1
  293. package/build/esm/Table/index.js.map +1 -1
  294. package/build/esm/Text/LoremIpsum.js +1 -1
  295. package/build/esm/Text/LoremIpsum.js.map +1 -1
  296. package/build/esm/Text/Text.d.ts +8 -4
  297. package/build/esm/Text/Text.js +7 -3
  298. package/build/esm/Text/Text.js.map +1 -1
  299. package/build/esm/Text/index.js.map +1 -1
  300. package/build/esm/TextField/FilledContainer.d.ts +7 -4
  301. package/build/esm/TextField/FilledContainer.js +11 -11
  302. package/build/esm/TextField/FilledContainer.js.map +1 -1
  303. package/build/esm/TextField/HelperText.d.ts +5 -5
  304. package/build/esm/TextField/HelperText.js +5 -5
  305. package/build/esm/TextField/HelperText.js.map +1 -1
  306. package/build/esm/TextField/IconContainer.d.ts +2 -3
  307. package/build/esm/TextField/IconContainer.js +0 -1
  308. package/build/esm/TextField/IconContainer.js.map +1 -1
  309. package/build/esm/TextField/Input.d.ts +4 -4
  310. package/build/esm/TextField/Input.js +11 -9
  311. package/build/esm/TextField/Input.js.map +1 -1
  312. package/build/esm/TextField/OutlinedContainer.d.ts +4 -4
  313. package/build/esm/TextField/OutlinedContainer.js +17 -9
  314. package/build/esm/TextField/OutlinedContainer.js.map +1 -1
  315. package/build/esm/TextField/TextField.d.ts +5 -5
  316. package/build/esm/TextField/TextField.js +4 -4
  317. package/build/esm/TextField/TextField.js.map +1 -1
  318. package/build/esm/TextField/consts.js.map +1 -1
  319. package/build/esm/TextField/index.js.map +1 -1
  320. package/build/esm/ThemeExplorer/BorderSlider.d.ts +7 -0
  321. package/build/esm/ThemeExplorer/BorderSlider.js +78 -0
  322. package/build/esm/ThemeExplorer/BorderSlider.js.map +1 -0
  323. package/build/esm/ThemeExplorer/ColorPicker.js +4 -3
  324. package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -1
  325. package/build/esm/ThemeExplorer/ColorSchemePicker.d.ts +10 -0
  326. package/build/esm/ThemeExplorer/ColorSchemePicker.js +54 -0
  327. package/build/esm/ThemeExplorer/ColorSchemePicker.js.map +1 -0
  328. package/build/esm/ThemeExplorer/FontAutoComplete.d.ts +9 -0
  329. package/build/esm/ThemeExplorer/FontAutoComplete.js +128 -0
  330. package/build/esm/ThemeExplorer/FontAutoComplete.js.map +1 -0
  331. package/build/esm/ThemeExplorer/TextFieldColorPicker.js +4 -3
  332. package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -1
  333. package/build/esm/ThemeExplorer/ThemeBuilder.d.ts +11 -0
  334. package/build/esm/ThemeExplorer/ThemeBuilder.js +400 -0
  335. package/build/esm/ThemeExplorer/ThemeBuilder.js.map +1 -0
  336. package/build/esm/ThemeExplorer/ThemeColors.d.ts +2 -2
  337. package/build/esm/ThemeExplorer/ThemeColors.js +38 -16
  338. package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
  339. package/build/esm/ThemeExplorer/components.d.ts +7 -8
  340. package/build/esm/ThemeExplorer/components.js +29 -28
  341. package/build/esm/ThemeExplorer/components.js.map +1 -1
  342. package/build/esm/ThemeExplorer/googleFonts.d.ts +1 -0
  343. package/build/esm/ThemeExplorer/googleFonts.js +7 -0
  344. package/build/esm/ThemeExplorer/googleFonts.js.map +1 -0
  345. package/build/esm/ThemeExplorer/index.d.ts +1 -0
  346. package/build/esm/ThemeExplorer/index.js +2 -0
  347. package/build/esm/ThemeExplorer/index.js.map +1 -0
  348. package/build/esm/ThemeExplorer/makeColorScheme.d.ts +36 -4
  349. package/build/esm/ThemeExplorer/makeColorScheme.js +46 -10
  350. package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
  351. package/build/esm/ThemeExplorer/makeTailwindTheme.d.ts +2 -0
  352. package/build/esm/ThemeExplorer/makeTailwindTheme.js +30 -0
  353. package/build/esm/ThemeExplorer/makeTailwindTheme.js.map +1 -0
  354. package/build/esm/ThemeExplorer/updateGoogleFonts.js +70 -0
  355. package/build/esm/ThemeExplorer/updateGoogleFonts.js.map +1 -0
  356. package/build/esm/ThemeExplorer/useDeferredColor.js +6 -9
  357. package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -1
  358. package/build/esm/ThemeExplorer/useLocalStorageCachedState.d.ts +1 -1
  359. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +1 -1
  360. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -1
  361. package/build/esm/Tooltip/Tooltip.d.ts +3 -3
  362. package/build/esm/Tooltip/Tooltip.js +30 -16
  363. package/build/esm/Tooltip/Tooltip.js.map +1 -1
  364. package/build/esm/Tooltip/index.js.map +1 -1
  365. package/build/esm/color.d.ts +3 -1
  366. package/build/esm/color.js +14 -5
  367. package/build/esm/color.js.map +1 -1
  368. package/build/esm/css.js.map +1 -1
  369. package/build/esm/hooks/useAnimation.js +3 -3
  370. package/build/esm/hooks/useAnimation.js.map +1 -1
  371. package/build/esm/index.d.ts +5 -1
  372. package/build/esm/index.js +5 -1
  373. package/build/esm/index.js.map +1 -1
  374. package/build/esm/motion.d.ts +7 -0
  375. package/build/esm/motion.js +8 -0
  376. package/build/esm/motion.js.map +1 -0
  377. package/build/esm/tailwind/extendColors.d.ts +5 -0
  378. package/build/esm/tailwind/extendColors.js +59 -0
  379. package/build/esm/tailwind/extendColors.js.map +1 -0
  380. package/build/esm/tailwind/index.d.ts +8 -0
  381. package/build/esm/tailwind/index.js +45 -0
  382. package/build/esm/tailwind/index.js.map +1 -0
  383. package/build/esm/theme/index.js.map +1 -1
  384. package/build/esm/theme/theme.d.ts +118 -28
  385. package/build/esm/theme/theme.js +54 -42
  386. package/build/esm/theme/theme.js.map +1 -1
  387. package/build/esm/theme/typography-raleway.js.map +1 -1
  388. package/build/esm/theme/typography-roboto.js.map +1 -1
  389. package/build/esm/theme/useTheme.d.ts +561 -1
  390. package/build/esm/theme/useTheme.js.map +1 -1
  391. package/build/tsconfig-build.tsbuildinfo +1 -0
  392. package/package.json +22 -12
  393. package/src/Alert/Alert.tsx +1 -1
  394. package/src/AppBar/AppBar.tsx +4 -3
  395. package/src/Badge/Badge.story.tsx +68 -0
  396. package/src/Badge/Badge.tsx +33 -3
  397. package/src/BottomSheet/BottomSheetSurface.tsx +3 -3
  398. package/src/Box/Box.tsx +6 -8
  399. package/src/Button/BaseButton.tsx +4 -11
  400. package/src/Button/Button.story.tsx +10 -1
  401. package/src/Button/Button.tsx +4 -4
  402. package/src/Button/ButtonGroup.tsx +1 -1
  403. package/src/Button/FilledButton.tsx +4 -9
  404. package/src/Button/OutlinedButton.tsx +1 -1
  405. package/src/Button/SpinnerButton.story.tsx +1 -1
  406. package/src/CheckBox/CheckBox.story.tsx +7 -6
  407. package/src/CheckBox/CheckBox.tsx +6 -10
  408. package/src/CheckBox/CheckBoxIcon.tsx +5 -5
  409. package/src/Chip/ButtonChip.tsx +3 -3
  410. package/src/Chip/Chip.story.tsx +1 -1
  411. package/src/Chip/ChipBase.tsx +2 -2
  412. package/src/Chip/ChoiceChip.tsx +7 -7
  413. package/src/Combobox/Combobox.story.tsx +3 -3
  414. package/src/Combobox/Combobox.tsx +14 -12
  415. package/src/Dialog/DialogBackdrop.tsx +3 -3
  416. package/src/Dialog/DialogSurface.tsx +2 -4
  417. package/src/Dialog/useDialogAnimation.tsx +3 -4
  418. package/src/Divider/Divider.tsx +4 -5
  419. package/src/FloatingLabel/FloatingLabel.tsx +7 -6
  420. package/src/LineRipple/LineRipple.story.tsx +1 -1
  421. package/src/LineRipple/LineRipple.tsx +4 -4
  422. package/src/Link/Link.tsx +14 -5
  423. package/src/List/List.tsx +4 -4
  424. package/src/ListItem/ListItem.tsx +52 -47
  425. package/src/ListItem/ListItemText.tsx +6 -7
  426. package/src/Menu/ContextMenu.story.tsx +34 -0
  427. package/src/Menu/Menu.tsx +19 -5
  428. package/src/Menu/index.ts +1 -0
  429. package/src/NavRail/NavRail.story.tsx +146 -0
  430. package/src/NavRail/NavRailItem.tsx +175 -0
  431. package/src/NavRail/icons/test-icons.tsx +46 -0
  432. package/src/NavRail/index.ts +1 -0
  433. package/src/NotchedOutline/NotchedOutline.tsx +4 -5
  434. package/src/NotchedOutline/styledComponents.ts +2 -1
  435. package/src/Paper/Paper.story.tsx +3 -3
  436. package/src/Paper/Paper.tsx +5 -9
  437. package/src/Popover/Popover.story.tsx +29 -0
  438. package/src/Popover/Popover.tsx +96 -0
  439. package/src/Popover/PopoverContainer.tsx +25 -0
  440. package/src/Popover/PopoverSurface.tsx +51 -0
  441. package/src/Popover/index.ts +1 -0
  442. package/src/ProgressSpinner/ProgressSpinner.tsx +9 -9
  443. package/src/RadioButton/RadioButton.story.tsx +2 -2
  444. package/src/RadioButton/RadioButton.tsx +1 -1
  445. package/src/RadioButton/RadioButtonIcon.tsx +4 -5
  446. package/src/Ripple/Ripple.story.tsx +1 -1
  447. package/src/Ripple/RippleBox.tsx +1 -2
  448. package/src/Ripple/useRippleHandlers.ts +3 -3
  449. package/src/Ripple/useRippleSurface.ts +83 -61
  450. package/src/Select/CustomContainerExample.tsx +59 -0
  451. package/src/Select/PaymentMethodSelect.story.tsx +17 -24
  452. package/src/Select/Select.story.tsx +68 -69
  453. package/src/Select/Select.tsx +118 -32
  454. package/src/Select/SelectIcon.tsx +3 -4
  455. package/src/Select/SelectMultiple.story.tsx +215 -0
  456. package/src/Select/context.ts +7 -4
  457. package/src/Select/defaultRender.tsx +49 -0
  458. package/src/Select/styledComponents.tsx +12 -22
  459. package/src/SelectItem/SelectItem.tsx +81 -49
  460. package/src/SelectionControl/SelectionControlLabel.tsx +5 -8
  461. package/src/SelectionControl/SelectionControlText.tsx +3 -3
  462. package/src/Skeleton/DelayAppearance.tsx +2 -2
  463. package/src/Skeleton/Skeleton.story.tsx +2 -2
  464. package/src/Skeleton/Skeleton.tsx +6 -6
  465. package/src/Slider/Slider.story.tsx +36 -0
  466. package/src/Slider/Slider.tsx +275 -0
  467. package/src/Slider/index.ts +1 -0
  468. package/src/Snackbar/Snackbar.tsx +10 -10
  469. package/src/Snackbar/Stack.tsx +13 -12
  470. package/src/Snackbar/index.ts +1 -0
  471. package/src/Snackbar/useSnackbarAnimation.ts +5 -4
  472. package/src/Switch/Switch.story.tsx +78 -7
  473. package/src/Switch/Switch.tsx +101 -58
  474. package/src/Switch/styledComponents.tsx +34 -27
  475. package/src/Tab/Tab.story.tsx +170 -14
  476. package/src/Tab/Tab.tsx +53 -15
  477. package/src/Tab/TabList.tsx +5 -1
  478. package/src/Tab/context.ts +2 -0
  479. package/src/TabIndicator/TabIndicator.tsx +85 -8
  480. package/src/TabIndicator/context.ts +2 -1
  481. package/src/Table/Table.tsx +10 -1
  482. package/src/Table/TableHead.tsx +3 -2
  483. package/src/Table/TableRow.tsx +2 -3
  484. package/src/Text/LoremIpsum.tsx +1 -1
  485. package/src/Text/Text.story.tsx +42 -7
  486. package/src/Text/Text.tsx +25 -5
  487. package/src/TextField/FilledContainer.tsx +9 -8
  488. package/src/TextField/HelperText.tsx +5 -5
  489. package/src/TextField/IconContainer.tsx +2 -3
  490. package/src/TextField/Input.tsx +5 -4
  491. package/src/TextField/OutlinedContainer.tsx +11 -6
  492. package/src/TextField/TextField.tsx +4 -4
  493. package/src/ThemeExplorer/BorderSlider.tsx +73 -0
  494. package/src/ThemeExplorer/ColorSchemePicker.tsx +55 -0
  495. package/src/ThemeExplorer/FontAutoComplete.tsx +139 -0
  496. package/src/ThemeExplorer/ThemeBuilder.story.tsx +3 -160
  497. package/src/ThemeExplorer/ThemeBuilder.tsx +353 -0
  498. package/src/ThemeExplorer/ThemeColors.tsx +45 -16
  499. package/src/ThemeExplorer/components.tsx +30 -30
  500. package/src/ThemeExplorer/googleFonts.ts +1436 -0
  501. package/src/ThemeExplorer/index.ts +1 -0
  502. package/src/ThemeExplorer/makeColorScheme.tsx +44 -7
  503. package/src/ThemeExplorer/makeTailwindTheme.ts +44 -0
  504. package/src/ThemeExplorer/updateGoogleFonts.js +33 -0
  505. package/src/ThemeExplorer/useDeferredColor.tsx +6 -10
  506. package/src/ThemeExplorer/useLocalStorageCachedState.ts +2 -2
  507. package/src/Tooltip/Tooltip.story.tsx +2 -2
  508. package/src/Tooltip/Tooltip.tsx +36 -19
  509. package/src/color.ts +30 -6
  510. package/src/index.ts +5 -1
  511. package/src/motion.ts +7 -0
  512. package/src/tailwind/extendColors.ts +51 -0
  513. package/src/tailwind/index.ts +56 -0
  514. package/src/tailwind/tests/extendColors.test.ts +123 -0
  515. package/src/theme/theme.ts +57 -39
  516. package/tailwind/package.json +5 -0
  517. package/theme-explorer/package.json +5 -0
  518. package/build/esm/ColorMode/ColorModeProvider.d.ts +0 -7
  519. package/build/esm/ColorMode/ColorModeProvider.js +0 -92
  520. package/build/esm/ColorMode/ColorModeProvider.js.map +0 -1
  521. package/build/esm/ColorMode/color-mode.d.ts +0 -8
  522. package/build/esm/ColorMode/color-mode.js +0 -11
  523. package/build/esm/ColorMode/color-mode.js.map +0 -1
  524. package/build/esm/ColorMode/color-vars.d.ts +0 -4
  525. package/build/esm/ColorMode/color-vars.js +0 -58
  526. package/build/esm/ColorMode/color-vars.js.map +0 -1
  527. package/build/esm/ColorMode/constants.d.ts +0 -3
  528. package/build/esm/ColorMode/constants.js +0 -5
  529. package/build/esm/ColorMode/constants.js.map +0 -1
  530. package/build/esm/ColorMode/index.d.ts +0 -4
  531. package/build/esm/ColorMode/index.js +0 -5
  532. package/build/esm/ColorMode/index.js.map +0 -1
  533. package/build/esm/ListItem/context.d.ts +0 -7
  534. package/build/esm/ListItem/context.js +0 -10
  535. package/build/esm/ListItem/context.js.map +0 -1
  536. package/build/tsconfig.tsbuildinfo +0 -1
  537. package/src/ColorMode/ColorModeProvider.tsx +0 -97
  538. package/src/ColorMode/color-mode.ts +0 -20
  539. package/src/ColorMode/color-vars.ts +0 -56
  540. package/src/ColorMode/constants.ts +0 -5
  541. package/src/ColorMode/index.ts +0 -4
  542. package/src/ColorMode/tests/color-vars.test.ts +0 -9
  543. package/src/Select/defaultRender.ts +0 -18
  544. package/src/ThemeExplorer/ThemeExplorer.story.tsx +0 -43
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
1
+ import type { ElementType } from 'react';
2
2
  import type { BoxProps } from '../Box';
3
3
  export interface DividerProps extends BoxProps {
4
- as?: React.ElementType<any>;
4
+ as?: ElementType<any>;
5
5
  direction?: 'vertical' | 'horizontal';
6
6
  }
7
- export declare const Divider: React.ForwardRefExoticComponent<Pick<DividerProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const Divider: import("react").ForwardRefExoticComponent<Pick<DividerProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,9 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["as", "direction", "__css"];
3
4
  import { forwardRef } from 'react';
4
- import * as React from 'react';
5
5
  import { Box } from '../Box';
6
- import { alpha } from '../color';
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
8
7
  export var Divider = /*#__PURE__*/forwardRef(function Divider(props, forwardedRef) {
9
8
  var _props$as = props.as,
@@ -11,27 +10,27 @@ export var Divider = /*#__PURE__*/forwardRef(function Divider(props, forwardedRe
11
10
  _props$direction = props.direction,
12
11
  direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
13
12
  __css = props.__css,
14
- otherProps = _objectWithoutProperties(props, ["as", "direction", "__css"]);
13
+ otherProps = _objectWithoutProperties(props, _excluded);
15
14
 
16
- return /*#__PURE__*/_jsx(Box, _extends({
15
+ return /*#__PURE__*/_jsx(Box, _extends(_extends({
17
16
  ref: forwardedRef,
18
17
  as: as,
19
18
  role: "separator"
20
- }, otherProps, {
21
- __css: _extends({
19
+ }, otherProps), {}, {
20
+ __css: _extends(_extends(_extends({
22
21
  border: 'none',
23
22
  listStyleType: 'none'
24
23
  }, direction === 'horizontal' && {
25
24
  height: 0,
26
25
  borderBottomWidth: "0.0625rem",
27
26
  borderBottomStyle: 'solid',
28
- borderBottomColor: alpha('on.surface', 0.12)
29
- }, direction === 'vertical' && {
27
+ borderBottomColor: 'outline-variant'
28
+ }), direction === 'vertical' && {
30
29
  width: 0,
31
30
  borderRightWidth: "0.0625rem",
32
31
  borderRightStyle: 'solid',
33
- borderRightColor: alpha('on.surface', 0.12)
34
- }, __css)
32
+ borderRightColor: 'outline-variant'
33
+ }), __css)
35
34
  }));
36
35
  });
37
36
  //# sourceMappingURL=Divider.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Divider/Divider.tsx"],"names":["forwardRef","React","Box","alpha","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAOA,OAAO,IAAMC,OAAO,gBAAGJ,UAAU,CAC/B,SAASI,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;AAAA,kBAMhCD,KANgC,CAElCE,EAFkC;AAAA,MAElCA,EAFkC,0BAE7B,KAF6B;AAAA,yBAMhCF,KANgC,CAGlCG,SAHkC;AAAA,MAGlCA,SAHkC,iCAGtB,YAHsB;AAAA,MAIlCC,KAJkC,GAMhCJ,KANgC,CAIlCI,KAJkC;AAAA,MAK/BC,UAL+B,4BAMhCL,KANgC;;AAQpC,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,IAAI,EAAC;AAHP,KAIMG,UAJN;AAKE,IAAA,KAAK;AACHC,MAAAA,MAAM,EAAE,MADL;AAEHC,MAAAA,aAAa,EAAE;AAFZ,OAGCJ,SAAS,KAAK,YAAd,IAA8B;AAChCK,MAAAA,MAAM,EAAE,CADwB;AAEhCC,MAAAA,iBAAiB,aAFe;AAGhCC,MAAAA,iBAAiB,EAAE,OAHa;AAIhCC,MAAAA,iBAAiB,EAAEb,KAAK,CAAC,YAAD,EAAe,IAAf;AAJQ,KAH/B,EASCK,SAAS,KAAK,UAAd,IAA4B;AAC9BS,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,gBAAgB,aAFc;AAG9BC,MAAAA,gBAAgB,EAAE,OAHY;AAI9BC,MAAAA,gBAAgB,EAAEjB,KAAK,CAAC,YAAD,EAAe,IAAf;AAJO,KAT7B,EAeAM,KAfA;AALP,KADF;AAyBD,CAlC8B,CAA1B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface DividerProps extends BoxProps {\n as?: React.ElementType<any>;\n direction?: 'vertical' | 'horizontal';\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n function Divider(props, forwardedRef) {\n const {\n as = 'div',\n direction = 'horizontal',\n __css,\n ...otherProps\n } = props;\n\n return (\n <Box\n ref={forwardedRef}\n as={as}\n role=\"separator\"\n {...otherProps}\n __css={{\n border: 'none',\n listStyleType: 'none',\n ...(direction === 'horizontal' && {\n height: 0,\n borderBottomWidth: rem(1),\n borderBottomStyle: 'solid',\n borderBottomColor: alpha('on.surface', 0.12),\n }),\n ...(direction === 'vertical' && {\n width: 0,\n borderRightWidth: rem(1),\n borderRightStyle: 'solid',\n borderRightColor: alpha('on.surface', 0.12),\n }),\n ...__css,\n }}\n />\n );\n }\n);\n"],"file":"Divider.js"}
1
+ {"version":3,"file":"Divider.js","names":["forwardRef","Box","Divider","props","forwardedRef","as","direction","__css","otherProps","border","listStyleType","height","borderBottomWidth","borderBottomStyle","borderBottomColor","width","borderRightWidth","borderRightStyle","borderRightColor"],"sources":["../../../src/Divider/Divider.tsx"],"sourcesContent":["import type { ElementType } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface DividerProps extends BoxProps {\n as?: ElementType<any>;\n direction?: 'vertical' | 'horizontal';\n}\n\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n function Divider(props, forwardedRef) {\n const {\n as = 'div',\n direction = 'horizontal',\n __css,\n ...otherProps\n } = props;\n\n return (\n <Box\n ref={forwardedRef}\n as={as}\n role=\"separator\"\n {...otherProps}\n __css={{\n border: 'none',\n listStyleType: 'none',\n ...(direction === 'horizontal' && {\n height: 0,\n borderBottomWidth: rem(1),\n borderBottomStyle: 'solid',\n borderBottomColor: 'outline-variant',\n }),\n ...(direction === 'vertical' && {\n width: 0,\n borderRightWidth: rem(1),\n borderRightStyle: 'solid',\n borderRightColor: 'outline-variant',\n }),\n ...__css,\n }}\n />\n );\n }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;;AAOA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAC/B,SAASE,OAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAsC;EACpC,gBAKID,KALJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,uBAKIF,KALJ,CAEEG,SAFF;EAAA,IAEEA,SAFF,iCAEc,YAFd;EAAA,IAGEC,KAHF,GAKIJ,KALJ,CAGEI,KAHF;EAAA,IAIKC,UAJL,4BAKIL,KALJ;;EAOA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,EAAE,EAAEC,EAFN;IAGE,IAAI,EAAC;EAHP,GAIMG,UAJN;IAKE,KAAK;MACHC,MAAM,EAAE,MADL;MAEHC,aAAa,EAAE;IAFZ,GAGCJ,SAAS,KAAK,YAAd,IAA8B;MAChCK,MAAM,EAAE,CADwB;MAEhCC,iBAAiB,aAFe;MAGhCC,iBAAiB,EAAE,OAHa;MAIhCC,iBAAiB,EAAE;IAJa,CAH/B,GASCR,SAAS,KAAK,UAAd,IAA4B;MAC9BS,KAAK,EAAE,CADuB;MAE9BC,gBAAgB,aAFc;MAG9BC,gBAAgB,EAAE,OAHY;MAI9BC,gBAAgB,EAAE;IAJY,CAT7B,GAeAX,KAfA;EALP,GADF;AAyBD,CAlC8B,CAA1B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from './Divider';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/Divider/index.ts"],"sourcesContent":["export * from './Divider';\n"],"mappings":"AAAA,cAAc,WAAd"}
@@ -1,6 +1,6 @@
1
- import * as React from 'react';
2
- export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
3
- children?: React.ReactNode;
1
+ import type { LabelHTMLAttributes, ReactNode } from 'react';
2
+ export interface FloatingLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
3
+ children?: ReactNode;
4
4
  active?: boolean;
5
5
  offsetX?: number;
6
6
  height?: number;
@@ -10,4 +10,4 @@ export interface FloatingLabelProps extends React.LabelHTMLAttributes<HTMLLabelE
10
10
  translateY?: number;
11
11
  transitionTime?: number;
12
12
  }
13
- export declare const FloatingLabel: React.ForwardRefExoticComponent<FloatingLabelProps & React.RefAttributes<HTMLLabelElement>>;
13
+ export declare const FloatingLabel: import("react").ForwardRefExoticComponent<FloatingLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
@@ -1,10 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["offsetX", "scale", "height", "active", "transitionTime", "style", "translateX", "translateY", "children"];
3
4
  import { forwardRef } from 'react';
4
- import * as React from 'react';
5
5
  import { rem } from 'polished';
6
6
  import { Text as _Text } from '../Text';
7
7
  import { useNotchedOutlineContext } from '../NotchedOutline/context';
8
+ import { EASING_STANDARD } from '../motion';
8
9
  import { jsx as _jsx } from "react/jsx-runtime";
9
10
  export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props, forwardedRef) {
10
11
  var _props$offsetX = props.offsetX,
@@ -21,7 +22,7 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
21
22
  translateXProp = props.translateX,
22
23
  translateYProp = props.translateY,
23
24
  children = props.children,
24
- otherProps = _objectWithoutProperties(props, ["offsetX", "scale", "height", "active", "transitionTime", "style", "translateX", "translateY", "children"]);
25
+ otherProps = _objectWithoutProperties(props, _excluded);
25
26
 
26
27
  var ctx = useNotchedOutlineContext();
27
28
  var notchStart = ctx ? ctx.notchStart : 0;
@@ -29,9 +30,9 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
29
30
  var translateX = translateXProp !== undefined ? translateXProp : notchStart - offsetX;
30
31
  var translateY = translateYProp !== undefined ? translateYProp : -height / 2;
31
32
  var transform = active ? "translate(".concat(rem(translateX), ", ").concat(rem(translateY), ") scale(").concat(scale, ")") : undefined;
32
- return /*#__PURE__*/_jsx(Text, _extends({
33
+ return /*#__PURE__*/_jsx(Text, _extends(_extends({
33
34
  as: "label",
34
- variant: "subtitle1",
35
+ variant: "body-large",
35
36
  ref: forwardedRef,
36
37
  __css: {
37
38
  position: 'absolute',
@@ -41,13 +42,13 @@ export var FloatingLabel = /*#__PURE__*/forwardRef(function FloatingLabel(props,
41
42
  left: rem(offsetX),
42
43
  height: typeof height === 'number' ? rem(height) : height,
43
44
  transformOrigin: 'left center',
44
- transition: "transform ".concat(transitionTime, "ms cubic-bezier(.4,0,.2,1), color ").concat(transitionTime, "ms cubic-bezier(.4,0,.2,1)"),
45
+ transition: "transform ".concat(transitionTime, "ms ").concat(EASING_STANDARD, ", color ").concat(transitionTime, "ms ").concat(EASING_STANDARD),
45
46
  pointerEvents: 'none'
46
47
  },
47
48
  style: _extends({
48
49
  transform: transform
49
50
  }, style)
50
- }, otherProps, {
51
+ }, otherProps), {}, {
51
52
  children: children
52
53
  }));
53
54
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"names":["forwardRef","React","rem","Text","_Text","useNotchedOutlineContext","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;;AAeA,OAAO,IAAMC,aAAa,gBAAGN,UAAU,CACrC,SAASM,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,uBAYtCD,KAZsC,CAExCE,OAFwC;AAAA,MAExCA,OAFwC,+BAE9B,CAF8B;AAAA,qBAYtCF,KAZsC,CAGxCG,KAHwC;AAAA,MAGxCA,KAHwC,6BAGhC,IAHgC;AAAA,sBAYtCH,KAZsC,CAIxCI,MAJwC;AAAA,MAIxCA,MAJwC,8BAI/B,EAJ+B;AAAA,MAKxCC,MALwC,GAYtCL,KAZsC,CAKxCK,MALwC;AAAA,8BAYtCL,KAZsC,CAMxCM,cANwC;AAAA,MAMxCA,cANwC,sCAMvB,GANuB;AAAA,qBAYtCN,KAZsC,CAOxCO,KAPwC;AAAA,MAOxCA,KAPwC,6BAOhC,EAPgC;AAAA,MAQ5BC,cAR4B,GAYtCR,KAZsC,CAQxCS,UARwC;AAAA,MAS5BC,cAT4B,GAYtCV,KAZsC,CASxCW,UATwC;AAAA,MAUxCC,QAVwC,GAYtCZ,KAZsC,CAUxCY,QAVwC;AAAA,MAWrCC,UAXqC,4BAYtCb,KAZsC;;AAc1C,MAAMc,GAAG,GAAGhB,wBAAwB,EAApC;AACA,MAAMiB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;AAEA,MAAMnB,IAA8B,GAAGC,KAAvC;AAEA,MAAMY,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;AAEA,MAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;AAGA,MAAMa,SAAS,GAAGZ,MAAM,uBACPV,GAAG,CAACc,UAAD,CADI,eACad,GAAG,CAACgB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;AAIA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,GAAG,EAAEf,YAHP;AAIE,IAAA,KAAK,EAAE;AACLiB,MAAAA,QAAQ,EAAE,UADL;AAELC,MAAAA,UAAU,EAAE,SAFP;AAGLC,MAAAA,OAAO,EAAE,aAHJ;AAILC,MAAAA,UAAU,EAAE,QAJP;AAKLC,MAAAA,IAAI,EAAE3B,GAAG,CAACO,OAAD,CALJ;AAMLE,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BT,GAAG,CAACS,MAAD,CAAhC,GAA2CA,MAN9C;AAOLmB,MAAAA,eAAe,EAAE,aAPZ;AAQLC,MAAAA,UAAU,sBAAelB,cAAf,+CAAkEA,cAAlE,+BARL;AASLmB,MAAAA,aAAa,EAAE;AATV,KAJT;AAeE,IAAA,KAAK;AACHR,MAAAA,SAAS,EAATA;AADG,OAEAV,KAFA;AAfP,KAmBMM,UAnBN;AAAA,cAqBGD;AArBH,KADF;AAyBD,CAtDoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Text as _Text } from '../Text';\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\n\nexport interface FloatingLabelProps\n extends React.LabelHTMLAttributes<HTMLLabelElement> {\n children?: React.ReactNode;\n active?: boolean;\n offsetX?: number;\n height?: number;\n scale?: number;\n px?: number;\n translateX?: number;\n translateY?: number;\n transitionTime?: number;\n}\n\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\n function FloatingLabel(props, forwardedRef) {\n const {\n offsetX = 0,\n scale = 0.75,\n height = 56,\n active,\n transitionTime = 150,\n style = {},\n translateX: translateXProp,\n translateY: translateYProp,\n children,\n ...otherProps\n } = props;\n\n const ctx = useNotchedOutlineContext();\n const notchStart = ctx ? ctx.notchStart : 0;\n\n const Text: React.ComponentType<any> = _Text;\n\n const translateX =\n translateXProp !== undefined ? translateXProp : notchStart - offsetX;\n const translateY =\n translateYProp !== undefined ? translateYProp : -height / 2;\n\n const transform = active\n ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\n : undefined;\n\n return (\n <Text\n as=\"label\"\n variant=\"subtitle1\"\n ref={forwardedRef}\n __css={{\n position: 'absolute',\n fontWeight: 'regular',\n display: 'inline-flex',\n alignItems: 'center',\n left: rem(offsetX),\n height: typeof height === 'number' ? rem(height) : height,\n transformOrigin: 'left center',\n transition: `transform ${transitionTime}ms cubic-bezier(.4,0,.2,1), color ${transitionTime}ms cubic-bezier(.4,0,.2,1)`,\n pointerEvents: 'none',\n }}\n style={{\n transform,\n ...style,\n }}\n {...otherProps}\n >\n {children}\n </Text>\n );\n }\n);\n"],"file":"FloatingLabel.js"}
1
+ {"version":3,"file":"FloatingLabel.js","names":["forwardRef","rem","Text","_Text","useNotchedOutlineContext","EASING_STANDARD","FloatingLabel","props","forwardedRef","offsetX","scale","height","active","transitionTime","style","translateXProp","translateX","translateYProp","translateY","children","otherProps","ctx","notchStart","undefined","transform","position","fontWeight","display","alignItems","left","transformOrigin","transition","pointerEvents"],"sources":["../../../src/FloatingLabel/FloatingLabel.tsx"],"sourcesContent":["import type { ComponentType, LabelHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport { Text as _Text } from '../Text';\nimport { useNotchedOutlineContext } from '../NotchedOutline/context';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface FloatingLabelProps\n extends LabelHTMLAttributes<HTMLLabelElement> {\n children?: ReactNode;\n active?: boolean;\n offsetX?: number;\n height?: number;\n scale?: number;\n px?: number;\n translateX?: number;\n translateY?: number;\n transitionTime?: number;\n}\n\nexport const FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelProps>(\n function FloatingLabel(props, forwardedRef) {\n const {\n offsetX = 0,\n scale = 0.75,\n height = 56,\n active,\n transitionTime = 150,\n style = {},\n translateX: translateXProp,\n translateY: translateYProp,\n children,\n ...otherProps\n } = props;\n\n const ctx = useNotchedOutlineContext();\n const notchStart = ctx ? ctx.notchStart : 0;\n\n const Text: ComponentType<any> = _Text;\n\n const translateX =\n translateXProp !== undefined ? translateXProp : notchStart - offsetX;\n const translateY =\n translateYProp !== undefined ? translateYProp : -height / 2;\n\n const transform = active\n ? `translate(${rem(translateX)}, ${rem(translateY)}) scale(${scale})`\n : undefined;\n\n return (\n <Text\n as=\"label\"\n variant=\"body-large\"\n ref={forwardedRef}\n __css={{\n position: 'absolute',\n fontWeight: 'regular',\n display: 'inline-flex',\n alignItems: 'center',\n left: rem(offsetX),\n height: typeof height === 'number' ? rem(height) : height,\n transformOrigin: 'left center',\n transition: `transform ${transitionTime}ms ${EASING_STANDARD}, color ${transitionTime}ms ${EASING_STANDARD}`,\n pointerEvents: 'none',\n }}\n style={{\n transform,\n ...style,\n }}\n {...otherProps}\n >\n {children}\n </Text>\n );\n }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,IAAI,IAAIC,KAAjB,QAA8B,SAA9B;AACA,SAASC,wBAAT,QAAyC,2BAAzC;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAeA,OAAO,IAAMC,aAAa,gBAAGN,UAAU,CACrC,SAASM,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,qBAWID,KAXJ,CACEE,OADF;EAAA,IACEA,OADF,+BACY,CADZ;EAAA,mBAWIF,KAXJ,CAEEG,KAFF;EAAA,IAEEA,KAFF,6BAEU,IAFV;EAAA,oBAWIH,KAXJ,CAGEI,MAHF;EAAA,IAGEA,MAHF,8BAGW,EAHX;EAAA,IAIEC,MAJF,GAWIL,KAXJ,CAIEK,MAJF;EAAA,4BAWIL,KAXJ,CAKEM,cALF;EAAA,IAKEA,cALF,sCAKmB,GALnB;EAAA,mBAWIN,KAXJ,CAMEO,KANF;EAAA,IAMEA,KANF,6BAMU,EANV;EAAA,IAOcC,cAPd,GAWIR,KAXJ,CAOES,UAPF;EAAA,IAQcC,cARd,GAWIV,KAXJ,CAQEW,UARF;EAAA,IASEC,QATF,GAWIZ,KAXJ,CASEY,QATF;EAAA,IAUKC,UAVL,4BAWIb,KAXJ;;EAaA,IAAMc,GAAG,GAAGjB,wBAAwB,EAApC;EACA,IAAMkB,UAAU,GAAGD,GAAG,GAAGA,GAAG,CAACC,UAAP,GAAoB,CAA1C;EAEA,IAAMpB,IAAwB,GAAGC,KAAjC;EAEA,IAAMa,UAAU,GACdD,cAAc,KAAKQ,SAAnB,GAA+BR,cAA/B,GAAgDO,UAAU,GAAGb,OAD/D;EAEA,IAAMS,UAAU,GACdD,cAAc,KAAKM,SAAnB,GAA+BN,cAA/B,GAAgD,CAACN,MAAD,GAAU,CAD5D;EAGA,IAAMa,SAAS,GAAGZ,MAAM,uBACPX,GAAG,CAACe,UAAD,CADI,eACaf,GAAG,CAACiB,UAAD,CADhB,qBACuCR,KADvC,SAEpBa,SAFJ;EAIA,oBACE,KAAC,IAAD;IACE,EAAE,EAAC,OADL;IAEE,OAAO,EAAC,YAFV;IAGE,GAAG,EAAEf,YAHP;IAIE,KAAK,EAAE;MACLiB,QAAQ,EAAE,UADL;MAELC,UAAU,EAAE,SAFP;MAGLC,OAAO,EAAE,aAHJ;MAILC,UAAU,EAAE,QAJP;MAKLC,IAAI,EAAE5B,GAAG,CAACQ,OAAD,CALJ;MAMLE,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BV,GAAG,CAACU,MAAD,CAAhC,GAA2CA,MAN9C;MAOLmB,eAAe,EAAE,aAPZ;MAQLC,UAAU,sBAAelB,cAAf,gBAAmCR,eAAnC,qBAA6DQ,cAA7D,gBAAiFR,eAAjF,CARL;MASL2B,aAAa,EAAE;IATV,CAJT;IAeE,KAAK;MACHR,SAAS,EAATA;IADG,GAEAV,KAFA;EAfP,GAmBMM,UAnBN;IAAA,UAqBGD;EArBH,GADF;AAyBD,CAtDoC,CAAhC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/FloatingLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './FloatingLabel';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/FloatingLabel/index.ts"],"sourcesContent":["export * from './FloatingLabel';\n"],"mappings":"AAAA,cAAc,iBAAd"}
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
1
+ import type { ReactNode } from 'react';
2
2
  import type { BoxProps } from '../Box';
3
3
  export interface LineRippleProps extends BoxProps {
4
4
  active?: boolean;
5
5
  transitionDuration?: number;
6
6
  posx?: number;
7
- children?: React.ReactNode;
7
+ children?: ReactNode;
8
8
  }
9
- export declare const LineRipple: React.ForwardRefExoticComponent<Pick<LineRippleProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "transitionDuration" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "active" | "posx"> & React.RefAttributes<HTMLDivElement>>;
9
+ export declare const LineRipple: import("react").ForwardRefExoticComponent<Pick<LineRippleProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "transitionDuration" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "active" | "posx"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,10 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
+ var _excluded = ["as", "transitionDuration", "color", "active", "posx", "style", "__css"];
4
5
  import { forwardRef, useState, useRef, useEffect } from 'react';
5
- import * as React from 'react';
6
6
  import { useTheme } from '../theme';
7
7
  import { Box } from '../Box';
8
+ import { EASING_STANDARD } from '../motion';
8
9
  import { jsx as _jsx } from "react/jsx-runtime";
9
10
  export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwardedRef) {
10
11
  var asProp = props.as,
@@ -19,7 +20,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
19
20
  _props$style = props.style,
20
21
  styleProp = _props$style === void 0 ? {} : _props$style,
21
22
  __css = props.__css,
22
- otherProps = _objectWithoutProperties(props, ["as", "transitionDuration", "color", "active", "posx", "style", "__css"]);
23
+ otherProps = _objectWithoutProperties(props, _excluded);
23
24
 
24
25
  var _useState = useState(),
25
26
  _useState2 = _slicedToArray(_useState, 2),
@@ -54,7 +55,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
54
55
  ref: forwardedRef,
55
56
  bg: color,
56
57
  theme: theme,
57
- style: _extends({}, style, styleProp),
58
+ style: _extends(_extends({}, style), styleProp),
58
59
  __css: _extends({
59
60
  position: 'absolute',
60
61
  bottom: '0',
@@ -64,7 +65,7 @@ export var LineRipple = /*#__PURE__*/forwardRef(function LineRipple(props, forwa
64
65
  zIndex: 1,
65
66
  transform: 'scaleX(0)',
66
67
  transformOrigin: 'center center',
67
- transition: "transform ".concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1),opacity ").concat(transitionDuration, "ms cubic-bezier(.4,0,.2,1)"),
68
+ transition: "transform ".concat(transitionDuration, "ms ").concat(EASING_STANDARD, ",opacity ").concat(transitionDuration, "ms ").concat(EASING_STANDARD),
68
69
  opacity: 0
69
70
  }, __css)
70
71
  }, otherProps));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/LineRipple/LineRipple.tsx"],"names":["forwardRef","useState","useRef","useEffect","React","useTheme","Box","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"mappings":";;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;;AASA,OAAO,IAAMC,UAAU,gBAAGP,UAAU,CAClC,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,MAEjCC,MAFiC,GAUnCF,KAVmC,CAErCG,EAFqC;AAAA,8BAUnCH,KAVmC,CAGrCI,kBAHqC;AAAA,MAGrCA,kBAHqC,sCAGhB,GAHgB;AAAA,qBAUnCJ,KAVmC,CAIrCK,KAJqC;AAAA,MAIrCA,KAJqC,6BAI7B,SAJ6B;AAAA,sBAUnCL,KAVmC,CAKrCM,MALqC;AAAA,MAKrCA,MALqC,8BAK5B,KAL4B;AAAA,oBAUnCN,KAVmC,CAMrCO,IANqC;AAAA,MAMrCA,IANqC,4BAM9B,CAAC,CAN6B;AAAA,qBAUnCP,KAVmC,CAOrCQ,KAPqC;AAAA,MAO9BC,SAP8B,6BAOlB,EAPkB;AAAA,MAQrCC,KARqC,GAUnCV,KAVmC,CAQrCU,KARqC;AAAA,MASlCC,UATkC,4BAUnCX,KAVmC;;AAAA,kBAYbP,QAAQ,EAZK;AAAA;AAAA,MAYhCe,KAZgC;AAAA,MAYzBI,QAZyB;;AAavC,MAAMC,KAAK,GAAGhB,QAAQ,EAAtB;AACA,MAAMiB,YAAY,GAAGpB,MAAM,EAA3B;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIW,MAAJ,EAAY;AACVM,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPC,QAAAA,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;AAGPC,QAAAA,OAAO,EAAE;AAHF,OAAD,CAAR;AAKD,KAND,MAMO;AACLN,MAAAA,QAAQ,CAAC;AACPG,QAAAA,SAAS,EAAE,WADJ;AAEPG,QAAAA,OAAO,EAAE;AAFF,OAAD,CAAR;AAKAJ,MAAAA,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;AAC7CT,QAAAA,QAAQ,CAACK,SAAD,CAAR;AACD,OAFsB,EAEpBb,kBAFoB,CAAvB;AAGD;;AAED,WAAO,YAAM;AACXkB,MAAAA,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;AACD,KAFD;AAGD,GArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;AAuBA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAEF,MADN;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,KAHN;AAIE,IAAA,KAAK,EAAEQ,KAJT;AAKE,IAAA,KAAK,eAAOL,KAAP,EAAiBC,SAAjB,CALP;AAME,IAAA,KAAK;AACHc,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE,GAFL;AAGHC,MAAAA,IAAI,EAAE,GAHH;AAIHC,MAAAA,KAAK,EAAE,MAJJ;AAKHC,MAAAA,MAAM,YALH;AAMHC,MAAAA,MAAM,EAAE,CANL;AAOHb,MAAAA,SAAS,EAAE,WAPR;AAQHC,MAAAA,eAAe,EAAE,eARd;AASHa,MAAAA,UAAU,sBAAezB,kBAAf,gDAAuEA,kBAAvE,+BATP;AAUHc,MAAAA,OAAO,EAAE;AAVN,OAWAR,KAXA;AANP,KAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B","sourcesContent":["import type { CSSProperties } from 'react';\nimport { forwardRef, useState, useRef, useEffect } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { useTheme } from '../theme';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport interface LineRippleProps extends BoxProps {\n active?: boolean;\n transitionDuration?: number;\n posx?: number;\n children?: React.ReactNode;\n}\n\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\n function LineRipple(props, forwardedRef) {\n const {\n as: asProp,\n transitionDuration = 180,\n color = 'primary',\n active = false,\n posx = -1,\n style: styleProp = {},\n __css,\n ...otherProps\n } = props;\n\n const [style, setStyle] = useState<CSSProperties>();\n const theme = useTheme();\n const leaveTimeout = useRef<number>();\n\n useEffect(() => {\n if (active) {\n setStyle({\n transform: 'scaleX(1)',\n transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\n opacity: 1,\n });\n } else {\n setStyle({\n transform: 'scaleX(1)',\n opacity: 0,\n });\n\n leaveTimeout.current = window.setTimeout(() => {\n setStyle(undefined);\n }, transitionDuration);\n }\n\n return () => {\n clearTimeout(leaveTimeout.current);\n };\n }, [active, posx, transitionDuration]);\n\n return (\n <Box\n as={asProp}\n ref={forwardedRef}\n bg={color}\n theme={theme}\n style={{ ...style, ...styleProp }}\n __css={{\n position: 'absolute',\n bottom: '0',\n left: '0',\n width: '100%',\n height: rem(2),\n zIndex: 1,\n transform: 'scaleX(0)',\n transformOrigin: 'center center',\n transition: `transform ${transitionDuration}ms cubic-bezier(.4,0,.2,1),opacity ${transitionDuration}ms cubic-bezier(.4,0,.2,1)`,\n opacity: 0,\n ...__css,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"file":"LineRipple.js"}
1
+ {"version":3,"file":"LineRipple.js","names":["forwardRef","useState","useRef","useEffect","useTheme","Box","EASING_STANDARD","LineRipple","props","forwardedRef","asProp","as","transitionDuration","color","active","posx","style","styleProp","__css","otherProps","setStyle","theme","leaveTimeout","transform","transformOrigin","undefined","opacity","current","window","setTimeout","clearTimeout","position","bottom","left","width","height","zIndex","transition"],"sources":["../../../src/LineRipple/LineRipple.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { forwardRef, useState, useRef, useEffect } from 'react';\nimport { rem } from 'polished';\n\nimport { useTheme } from '../theme';\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface LineRippleProps extends BoxProps {\n active?: boolean;\n transitionDuration?: number;\n posx?: number;\n children?: ReactNode;\n}\n\nexport const LineRipple = forwardRef<HTMLDivElement, LineRippleProps>(\n function LineRipple(props, forwardedRef) {\n const {\n as: asProp,\n transitionDuration = 180,\n color = 'primary',\n active = false,\n posx = -1,\n style: styleProp = {},\n __css,\n ...otherProps\n } = props;\n\n const [style, setStyle] = useState<CSSProperties>();\n const theme = useTheme();\n const leaveTimeout = useRef<number>();\n\n useEffect(() => {\n if (active) {\n setStyle({\n transform: 'scaleX(1)',\n transformOrigin: posx >= 0 ? `${posx}px center` : undefined,\n opacity: 1,\n });\n } else {\n setStyle({\n transform: 'scaleX(1)',\n opacity: 0,\n });\n\n leaveTimeout.current = window.setTimeout(() => {\n setStyle(undefined);\n }, transitionDuration);\n }\n\n return () => {\n clearTimeout(leaveTimeout.current);\n };\n }, [active, posx, transitionDuration]);\n\n return (\n <Box\n as={asProp}\n ref={forwardedRef}\n bg={color}\n theme={theme}\n style={{ ...style, ...styleProp }}\n __css={{\n position: 'absolute',\n bottom: '0',\n left: '0',\n width: '100%',\n height: rem(2),\n zIndex: 1,\n transform: 'scaleX(0)',\n transformOrigin: 'center center',\n transition: `transform ${transitionDuration}ms ${EASING_STANDARD},opacity ${transitionDuration}ms ${EASING_STANDARD}`,\n opacity: 0,\n ...__css,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,MAA/B,EAAuCC,SAAvC,QAAwD,OAAxD;AAGA,SAASC,QAAT,QAAyB,UAAzB;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AASA,OAAO,IAAMC,UAAU,gBAAGP,UAAU,CAClC,SAASO,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,IACMC,MADN,GASIF,KATJ,CACEG,EADF;EAAA,4BASIH,KATJ,CAEEI,kBAFF;EAAA,IAEEA,kBAFF,sCAEuB,GAFvB;EAAA,mBASIJ,KATJ,CAGEK,KAHF;EAAA,IAGEA,KAHF,6BAGU,SAHV;EAAA,oBASIL,KATJ,CAIEM,MAJF;EAAA,IAIEA,MAJF,8BAIW,KAJX;EAAA,kBASIN,KATJ,CAKEO,IALF;EAAA,IAKEA,IALF,4BAKS,CAAC,CALV;EAAA,mBASIP,KATJ,CAMEQ,KANF;EAAA,IAMSC,SANT,6BAMqB,EANrB;EAAA,IAOEC,KAPF,GASIV,KATJ,CAOEU,KAPF;EAAA,IAQKC,UARL,4BASIX,KATJ;;EAWA,gBAA0BP,QAAQ,EAAlC;EAAA;EAAA,IAAOe,KAAP;EAAA,IAAcI,QAAd;;EACA,IAAMC,KAAK,GAAGjB,QAAQ,EAAtB;EACA,IAAMkB,YAAY,GAAGpB,MAAM,EAA3B;EAEAC,SAAS,CAAC,YAAM;IACd,IAAIW,MAAJ,EAAY;MACVM,QAAQ,CAAC;QACPG,SAAS,EAAE,WADJ;QAEPC,eAAe,EAAET,IAAI,IAAI,CAAR,aAAeA,IAAf,iBAAiCU,SAF3C;QAGPC,OAAO,EAAE;MAHF,CAAD,CAAR;IAKD,CAND,MAMO;MACLN,QAAQ,CAAC;QACPG,SAAS,EAAE,WADJ;QAEPG,OAAO,EAAE;MAFF,CAAD,CAAR;MAKAJ,YAAY,CAACK,OAAb,GAAuBC,MAAM,CAACC,UAAP,CAAkB,YAAM;QAC7CT,QAAQ,CAACK,SAAD,CAAR;MACD,CAFsB,EAEpBb,kBAFoB,CAAvB;IAGD;;IAED,OAAO,YAAM;MACXkB,YAAY,CAACR,YAAY,CAACK,OAAd,CAAZ;IACD,CAFD;EAGD,CArBQ,EAqBN,CAACb,MAAD,EAASC,IAAT,EAAeH,kBAAf,CArBM,CAAT;EAuBA,oBACE,KAAC,GAAD;IACE,EAAE,EAAEF,MADN;IAEE,GAAG,EAAED,YAFP;IAGE,EAAE,EAAEI,KAHN;IAIE,KAAK,EAAEQ,KAJT;IAKE,KAAK,wBAAOL,KAAP,GAAiBC,SAAjB,CALP;IAME,KAAK;MACHc,QAAQ,EAAE,UADP;MAEHC,MAAM,EAAE,GAFL;MAGHC,IAAI,EAAE,GAHH;MAIHC,KAAK,EAAE,MAJJ;MAKHC,MAAM,YALH;MAMHC,MAAM,EAAE,CANL;MAOHb,SAAS,EAAE,WAPR;MAQHC,eAAe,EAAE,eARd;MASHa,UAAU,sBAAezB,kBAAf,gBAAuCN,eAAvC,sBAAkEM,kBAAlE,gBAA0FN,eAA1F,CATP;MAUHoB,OAAO,EAAE;IAVN,GAWAR,KAXA;EANP,GAmBMC,UAnBN,EADF;AAuBD,CA/DiC,CAA7B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/LineRipple/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './LineRipple';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/LineRipple/index.ts"],"sourcesContent":["export * from './LineRipple';\n"],"mappings":"AAAA,cAAc,cAAd"}
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
1
+ import type { AnchorHTMLAttributes } from 'react';
2
2
  import type { BoxProps } from '../Box';
3
- export interface LinkProps extends BoxProps<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>> {
3
+ export interface LinkProps extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {
4
4
  color?: string;
5
5
  to?: string;
6
6
  replace?: boolean;
7
7
  state?: any;
8
8
  }
9
- export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "to" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "media" | "target" | "type" | "href" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "state"> & React.RefAttributes<HTMLAnchorElement>>;
9
+ export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "replace" | "type" | "to" | "download" | "state" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy"> & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["as", "color", "__css"];
3
4
  import { forwardRef } from 'react';
4
- import * as React from 'react';
5
5
  import { Box } from '../Box';
6
6
  import { alpha } from '../color';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,7 +11,7 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
11
11
  _props$color = props.color,
12
12
  color = _props$color === void 0 ? 'primary' : _props$color,
13
13
  __css = props.__css,
14
- otherProps = _objectWithoutProperties(props, ["as", "color", "__css"]);
14
+ otherProps = _objectWithoutProperties(props, _excluded);
15
15
 
16
16
  return /*#__PURE__*/_jsx(Box, _extends({
17
17
  ref: forwardedRef,
@@ -24,6 +24,12 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
24
24
  letterSpacing: 'inherit',
25
25
  color: color,
26
26
  textDecoration: 'underline',
27
+ background: 'none',
28
+ border: 'none',
29
+ borderRadius: 'extra-small',
30
+ 'button&': {
31
+ cursor: 'pointer'
32
+ },
27
33
  '&:hover,&:focus': {
28
34
  textDecoration: 'none'
29
35
  },
@@ -35,6 +41,12 @@ export var Link = /*#__PURE__*/forwardRef(function Link(props, forwardedRef) {
35
41
  '&:active': {
36
42
  bg: alpha(color, 0.16)
37
43
  },
44
+ '&[aria-disabled="true"],&:disabled': {
45
+ color: 'on.surface',
46
+ opacity: 0.38,
47
+ cursor: 'default',
48
+ pointerEvents: 'none'
49
+ },
38
50
  WebkitTapHighlightColor: 'transparent'
39
51
  }, __css)
40
52
  }, otherProps));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Link/Link.tsx"],"names":["forwardRef","React","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","outlineWidth","outlineStyle","outlineColor","bg","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAcA,OAAO,IAAMC,IAAI,gBAAGJ,UAAU,CAA+B,SAASI,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;AAAA,kBACsED,KADtE,CACQE,EADR;AAAA,MACYC,MADZ,0BACqB,GADrB;AAAA,qBACsEH,KADtE,CAC0BI,KAD1B;AAAA,MAC0BA,KAD1B,6BACkC,SADlC;AAAA,MAC6CC,KAD7C,GACsEL,KADtE,CAC6CK,KAD7C;AAAA,MACuDC,UADvD,4BACsEN,KADtE;;AAGA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,EAAE,EAAEE,MAFN;AAGE,IAAA,KAAK;AACHI,MAAAA,UAAU,EAAE,SADT;AAEHC,MAAAA,QAAQ,EAAE,SAFP;AAGHC,MAAAA,UAAU,EAAE,SAHT;AAIHC,MAAAA,UAAU,EAAE,SAJT;AAKHC,MAAAA,aAAa,EAAE,SALZ;AAMHP,MAAAA,KAAK,EAALA,KANG;AAOHQ,MAAAA,cAAc,EAAE,WAPb;AAQH,yBAAmB;AACjBA,QAAAA,cAAc,EAAE;AADC,OARhB;AAWH,0BAAoB;AAClBC,QAAAA,YAAY,aADM;AAElBC,QAAAA,YAAY,EAAE,OAFI;AAGlBC,QAAAA,YAAY,EAAEjB,KAAK,CAACM,KAAD,EAAQ,IAAR;AAHD,OAXjB;AAgBH,kBAAY;AACVY,QAAAA,EAAE,EAAElB,KAAK,CAACM,KAAD,EAAQ,IAAR;AADC,OAhBT;AAmBHa,MAAAA,uBAAuB,EAAE;AAnBtB,OAoBAZ,KApBA;AAHP,KAyBMC,UAzBN,EADF;AA6BD,CAnC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n extends BoxProps<\n HTMLAnchorElement,\n React.AnchorHTMLAttributes<HTMLAnchorElement>\n > {\n color?: string;\n // ReachRouter Props\n to?: string;\n replace?: boolean;\n state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n props,\n forwardedRef\n) {\n const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n return (\n <Box\n ref={forwardedRef as any}\n as={asProp}\n __css={{\n fontFamily: 'inherit',\n fontSize: 'inherit',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n letterSpacing: 'inherit',\n color,\n textDecoration: 'underline',\n '&:hover,&:focus': {\n textDecoration: 'none',\n },\n '&:focus,&:active': {\n outlineWidth: rem(1),\n outlineStyle: 'solid',\n outlineColor: alpha(color, 0.87),\n },\n '&:active': {\n bg: alpha(color, 0.16),\n },\n WebkitTapHighlightColor: 'transparent',\n ...__css,\n }}\n {...otherProps}\n />\n );\n});\n"],"file":"Link.js"}
1
+ {"version":3,"file":"Link.js","names":["forwardRef","Box","alpha","Link","props","forwardedRef","as","asProp","color","__css","otherProps","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textDecoration","background","border","borderRadius","cursor","outlineWidth","outlineStyle","outlineColor","bg","opacity","pointerEvents","WebkitTapHighlightColor"],"sources":["../../../src/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { alpha } from '../color';\n\nexport interface LinkProps\n extends BoxProps<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>> {\n color?: string;\n // ReachRouter Props\n to?: string;\n replace?: boolean;\n state?: any;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n props,\n forwardedRef\n) {\n const { as: asProp = 'a', color = 'primary', __css, ...otherProps } = props;\n\n return (\n <Box\n ref={forwardedRef as any}\n as={asProp}\n __css={{\n fontFamily: 'inherit',\n fontSize: 'inherit',\n fontWeight: 'inherit',\n lineHeight: 'inherit',\n letterSpacing: 'inherit',\n color,\n textDecoration: 'underline',\n background: 'none',\n border: 'none',\n borderRadius: 'extra-small',\n 'button&': {\n cursor: 'pointer',\n },\n '&:hover,&:focus': {\n textDecoration: 'none',\n },\n '&:focus,&:active': {\n outlineWidth: rem(1),\n outlineStyle: 'solid',\n outlineColor: alpha(color, 0.87),\n },\n '&:active': {\n bg: alpha(color, 0.16),\n },\n '&[aria-disabled=\"true\"],&:disabled': {\n color: 'on.surface',\n opacity: 0.38,\n cursor: 'default',\n pointerEvents: 'none',\n },\n WebkitTapHighlightColor: 'transparent',\n ...__css,\n }}\n {...otherProps}\n />\n );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAWA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA+B,SAASG,IAAT,CAC3DC,KAD2D,EAE3DC,YAF2D,EAG3D;EACA,gBAAsED,KAAtE,CAAQE,EAAR;EAAA,IAAYC,MAAZ,0BAAqB,GAArB;EAAA,mBAAsEH,KAAtE,CAA0BI,KAA1B;EAAA,IAA0BA,KAA1B,6BAAkC,SAAlC;EAAA,IAA6CC,KAA7C,GAAsEL,KAAtE,CAA6CK,KAA7C;EAAA,IAAuDC,UAAvD,4BAAsEN,KAAtE;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,YADP;IAEE,EAAE,EAAEE,MAFN;IAGE,KAAK;MACHI,UAAU,EAAE,SADT;MAEHC,QAAQ,EAAE,SAFP;MAGHC,UAAU,EAAE,SAHT;MAIHC,UAAU,EAAE,SAJT;MAKHC,aAAa,EAAE,SALZ;MAMHP,KAAK,EAALA,KANG;MAOHQ,cAAc,EAAE,WAPb;MAQHC,UAAU,EAAE,MART;MASHC,MAAM,EAAE,MATL;MAUHC,YAAY,EAAE,aAVX;MAWH,WAAW;QACTC,MAAM,EAAE;MADC,CAXR;MAcH,mBAAmB;QACjBJ,cAAc,EAAE;MADC,CAdhB;MAiBH,oBAAoB;QAClBK,YAAY,aADM;QAElBC,YAAY,EAAE,OAFI;QAGlBC,YAAY,EAAErB,KAAK,CAACM,KAAD,EAAQ,IAAR;MAHD,CAjBjB;MAsBH,YAAY;QACVgB,EAAE,EAAEtB,KAAK,CAACM,KAAD,EAAQ,IAAR;MADC,CAtBT;MAyBH,sCAAsC;QACpCA,KAAK,EAAE,YAD6B;QAEpCiB,OAAO,EAAE,IAF2B;QAGpCL,MAAM,EAAE,SAH4B;QAIpCM,aAAa,EAAE;MAJqB,CAzBnC;MA+BHC,uBAAuB,EAAE;IA/BtB,GAgCAlB,KAhCA;EAHP,GAqCMC,UArCN,EADF;AAyCD,CA/C6B,CAAvB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd","sourcesContent":["export * from './Link';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/Link/index.ts"],"sourcesContent":["export * from './Link';\n"],"mappings":"AAAA,cAAc,QAAd"}
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
1
+ import type { ElementType, ReactNode } from 'react';
2
2
  import type { PaperProps } from '../Paper';
3
3
  export interface ListProps extends PaperProps {
4
- as?: React.ElementType<any>;
5
- innerAs?: React.ElementType<any>;
6
- children?: React.ReactNode;
4
+ as?: ElementType<any>;
5
+ innerAs?: ElementType<any>;
6
+ children?: ReactNode;
7
7
  }
8
- export declare const List: React.ForwardRefExoticComponent<Pick<ListProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & React.RefAttributes<HTMLDivElement>>;
8
+ export declare const List: import("react").ForwardRefExoticComponent<Pick<ListProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "elevation" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay" | "key" | "innerAs"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"];
3
4
  import { forwardRef } from 'react';
4
- import * as React from 'react';
5
5
  import { Paper } from '../Paper';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
@@ -20,7 +20,7 @@ export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
20
20
  variant = _props$variant === void 0 ? 'square' : _props$variant,
21
21
  _props$__css = props.__css,
22
22
  __css = _props$__css === void 0 ? {} : _props$__css,
23
- otherProps = _objectWithoutProperties(props, ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"]);
23
+ otherProps = _objectWithoutProperties(props, _excluded);
24
24
 
25
25
  return /*#__PURE__*/_jsx(Paper, _extends({
26
26
  as: innerAs || as,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","React","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAQA,OAAO,IAAMC,IAAI,gBAAGH,UAAU,CAA4B,SAASG,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AAAA,kBAWID,KAXJ,CAEEE,EAFF;AAAA,MAEEA,EAFF,0BAEO,KAFP;AAAA,MAGEC,OAHF,GAWIH,KAXJ,CAGEG,OAHF;AAAA,yBAWIH,KAXJ,CAIEI,SAJF;AAAA,MAIEA,SAJF,iCAIc,CAJd;AAAA,kBAWIJ,KAXJ,CAKEK,EALF;AAAA,MAKEA,EALF,0BAKO,CALP;AAAA,kBAWIL,KAXJ,CAMEM,EANF;AAAA,MAMEA,EANF,0BAMO,CANP;AAAA,wBAWIN,KAXJ,CAOEO,QAPF;AAAA,MAOEA,QAPF,gCAOa,IAPb;AAAA,uBAWIP,KAXJ,CAQEQ,OARF;AAAA,MAQEA,OARF,+BAQY,QARZ;AAAA,qBAWIR,KAXJ,CASES,KATF;AAAA,MASEA,KATF,6BASU,EATV;AAAA,MAUKC,UAVL,4BAWIV,KAXJ;;AAaA,sBACE,KAAC,KAAD;AACE,IAAA,EAAE,EAAEG,OAAO,IAAID,EADjB;AAEE,IAAA,GAAG,EAAED,YAFP;AAGE,IAAA,EAAE,EAAEI,EAHN;AAIE,IAAA,EAAE,EAAEC,EAJN;AAKE,IAAA,SAAS,EAAEF,SALb;AAME,IAAA,0BAA0B,EAAEA,SAN9B;AAOE,IAAA,OAAO,EAAEI,OAPX;AAQE,IAAA,QAAQ,EAAED,QARZ;AASE,IAAA,KAAK;AACHI,MAAAA,KAAK,EAAE;AADJ,OAEAF,KAFA;AATP,KAaMC,UAbN,EADF;AAiBD,CAjC6B,CAAvB","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n as?: React.ElementType<any>;\n innerAs?: React.ElementType<any>;\n children?: React.ReactNode;\n}\n\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n props,\n forwardedRef\n) {\n const {\n as = 'div',\n innerAs,\n elevation = 0,\n py = 2,\n px = 0,\n outlined = true,\n variant = 'square',\n __css = {},\n ...otherProps\n } = props;\n\n return (\n <Paper\n as={innerAs || as}\n ref={forwardedRef}\n py={py}\n px={px}\n elevation={elevation}\n darkThemeBackgroundOverlay={elevation}\n variant={variant}\n outlined={outlined}\n __css={{\n width: '100%',\n ...__css,\n }}\n {...otherProps}\n />\n );\n});\n"],"file":"List.js"}
1
+ {"version":3,"file":"List.js","names":["forwardRef","Paper","List","props","forwardedRef","as","innerAs","elevation","py","px","outlined","variant","__css","otherProps","width"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport interface ListProps extends PaperProps {\n as?: ElementType<any>;\n innerAs?: ElementType<any>;\n children?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLDivElement, ListProps>(function List(\n props,\n forwardedRef\n) {\n const {\n as = 'div',\n innerAs,\n elevation = 0,\n py = 2,\n px = 0,\n outlined = true,\n variant = 'square',\n __css = {},\n ...otherProps\n } = props;\n\n return (\n <Paper\n as={innerAs || as}\n ref={forwardedRef}\n py={py}\n px={px}\n elevation={elevation}\n darkThemeBackgroundOverlay={elevation}\n variant={variant}\n outlined={outlined}\n __css={{\n width: '100%',\n ...__css,\n }}\n {...otherProps}\n />\n );\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAQA,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAA4B,SAASE,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAUID,KAVJ,CACEE,EADF;EAAA,IACEA,EADF,0BACO,KADP;EAAA,IAEEC,OAFF,GAUIH,KAVJ,CAEEG,OAFF;EAAA,uBAUIH,KAVJ,CAGEI,SAHF;EAAA,IAGEA,SAHF,iCAGc,CAHd;EAAA,gBAUIJ,KAVJ,CAIEK,EAJF;EAAA,IAIEA,EAJF,0BAIO,CAJP;EAAA,gBAUIL,KAVJ,CAKEM,EALF;EAAA,IAKEA,EALF,0BAKO,CALP;EAAA,sBAUIN,KAVJ,CAMEO,QANF;EAAA,IAMEA,QANF,gCAMa,IANb;EAAA,qBAUIP,KAVJ,CAOEQ,OAPF;EAAA,IAOEA,OAPF,+BAOY,QAPZ;EAAA,mBAUIR,KAVJ,CAQES,KARF;EAAA,IAQEA,KARF,6BAQU,EARV;EAAA,IASKC,UATL,4BAUIV,KAVJ;;EAYA,oBACE,KAAC,KAAD;IACE,EAAE,EAAEG,OAAO,IAAID,EADjB;IAEE,GAAG,EAAED,YAFP;IAGE,EAAE,EAAEI,EAHN;IAIE,EAAE,EAAEC,EAJN;IAKE,SAAS,EAAEF,SALb;IAME,0BAA0B,EAAEA,SAN9B;IAOE,OAAO,EAAEI,OAPX;IAQE,QAAQ,EAAED,QARZ;IASE,KAAK;MACHI,KAAK,EAAE;IADJ,GAEAF,KAFA;EATP,GAaMC,UAbN,EADF;AAiBD,CAjC6B,CAAvB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd","sourcesContent":["export * from './List';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/List/index.ts"],"sourcesContent":["export * from './List';\n"],"mappings":"AAAA,cAAc,QAAd"}