reflex 0.3.7a1__py3-none-any.whl → 0.3.8__py3-none-any.whl

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.

Potentially problematic release.


This version of reflex might be problematic. Click here for more details.

Files changed (324) hide show
  1. reflex/.templates/apps/blank/code/blank.py +0 -1
  2. reflex/.templates/apps/demo/code/demo.py +0 -1
  3. reflex/.templates/apps/sidebar/code/sidebar.py +6 -2
  4. reflex/.templates/jinja/web/pages/_app.js.jinja2 +4 -1
  5. reflex/.templates/jinja/web/pages/base_page.js.jinja2 +4 -1
  6. reflex/.templates/jinja/web/pages/utils.js.jinja2 +24 -0
  7. reflex/.templates/jinja/web/tailwind.config.js.jinja2 +4 -1
  8. reflex/.templates/web/utils/helpers/dataeditor.js +56 -54
  9. reflex/__init__.py +4 -2
  10. reflex/__init__.pyi +6 -2
  11. reflex/app.py +43 -9
  12. reflex/app.pyi +2 -1
  13. reflex/app_module_for_backend.py +13 -0
  14. reflex/compiler/compiler.py +19 -0
  15. reflex/components/__init__.py +9 -232
  16. reflex/components/base/__init__.py +5 -1
  17. reflex/components/base/app_wrap.py +1 -1
  18. reflex/components/base/app_wrap.pyi +1 -1
  19. reflex/components/base/document.py +0 -8
  20. reflex/components/base/document.pyi +0 -80
  21. reflex/components/{layout → base}/fragment.pyi +1 -1
  22. reflex/components/chakra/__init__.py +202 -19
  23. reflex/components/{libs/chakra.pyi → chakra/base.pyi} +1 -1
  24. reflex/components/chakra/datadisplay/__init__.py +12 -0
  25. reflex/components/{datadisplay → chakra/datadisplay}/badge.py +1 -1
  26. reflex/components/{datadisplay → chakra/datadisplay}/badge.pyi +2 -2
  27. reflex/components/{datadisplay → chakra/datadisplay}/code.py +5 -5
  28. reflex/components/{datadisplay → chakra/datadisplay}/code.pyi +5 -5
  29. reflex/components/{datadisplay → chakra/datadisplay}/divider.py +4 -2
  30. reflex/components/{datadisplay → chakra/datadisplay}/divider.pyi +5 -3
  31. reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.py +1 -1
  32. reflex/components/{datadisplay → chakra/datadisplay}/keyboard_key.pyi +2 -2
  33. reflex/components/{datadisplay → chakra/datadisplay}/list.py +3 -3
  34. reflex/components/{datadisplay → chakra/datadisplay}/list.pyi +4 -4
  35. reflex/components/{datadisplay → chakra/datadisplay}/stat.py +1 -1
  36. reflex/components/{datadisplay → chakra/datadisplay}/stat.pyi +2 -2
  37. reflex/components/{datadisplay → chakra/datadisplay}/table.py +2 -2
  38. reflex/components/{datadisplay → chakra/datadisplay}/table.pyi +3 -3
  39. reflex/components/{datadisplay → chakra/datadisplay}/tag.py +2 -2
  40. reflex/components/{datadisplay → chakra/datadisplay}/tag.pyi +3 -3
  41. reflex/components/{disclosure → chakra/disclosure}/accordion.py +1 -1
  42. reflex/components/{disclosure → chakra/disclosure}/accordion.pyi +2 -2
  43. reflex/components/{disclosure → chakra/disclosure}/tabs.py +2 -2
  44. reflex/components/{disclosure → chakra/disclosure}/tabs.pyi +3 -3
  45. reflex/components/{disclosure → chakra/disclosure}/transition.py +1 -1
  46. reflex/components/{disclosure → chakra/disclosure}/transition.pyi +2 -2
  47. reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.py +1 -1
  48. reflex/components/{disclosure → chakra/disclosure}/visuallyhidden.pyi +2 -2
  49. reflex/components/{feedback → chakra/feedback}/alert.py +2 -2
  50. reflex/components/{feedback → chakra/feedback}/alert.pyi +2 -6
  51. reflex/components/{feedback → chakra/feedback}/circularprogress.py +1 -1
  52. reflex/components/{feedback → chakra/feedback}/circularprogress.pyi +2 -2
  53. reflex/components/{feedback → chakra/feedback}/progress.py +1 -1
  54. reflex/components/{feedback → chakra/feedback}/progress.pyi +2 -2
  55. reflex/components/{feedback → chakra/feedback}/skeleton.py +1 -1
  56. reflex/components/{feedback → chakra/feedback}/skeleton.pyi +2 -2
  57. reflex/components/{feedback → chakra/feedback}/spinner.py +1 -1
  58. reflex/components/{feedback → chakra/feedback}/spinner.pyi +2 -2
  59. reflex/components/{forms → chakra/forms}/__init__.py +2 -11
  60. reflex/components/{forms → chakra/forms}/button.py +3 -1
  61. reflex/components/{forms → chakra/forms}/button.pyi +2 -2
  62. reflex/components/{forms → chakra/forms}/checkbox.py +1 -1
  63. reflex/components/{forms → chakra/forms}/checkbox.pyi +2 -6
  64. reflex/components/{forms → chakra/forms}/colormodeswitch.py +10 -2
  65. reflex/components/{forms → chakra/forms}/colormodeswitch.pyi +83 -3
  66. reflex/components/{forms → chakra/forms}/date_picker.py +1 -1
  67. reflex/components/{forms → chakra/forms}/date_picker.pyi +2 -2
  68. reflex/components/{forms → chakra/forms}/date_time_picker.py +1 -1
  69. reflex/components/{forms → chakra/forms}/date_time_picker.pyi +2 -2
  70. reflex/components/{forms → chakra/forms}/editable.py +1 -1
  71. reflex/components/{forms → chakra/forms}/editable.pyi +2 -2
  72. reflex/components/{forms → chakra/forms}/email.py +1 -1
  73. reflex/components/{forms → chakra/forms}/email.pyi +2 -2
  74. reflex/components/{forms → chakra/forms}/form.py +1 -1
  75. reflex/components/{forms → chakra/forms}/form.pyi +2 -2
  76. reflex/components/{forms → chakra/forms}/iconbutton.py +1 -1
  77. reflex/components/{forms → chakra/forms}/iconbutton.pyi +2 -2
  78. reflex/components/{forms → chakra/forms}/input.py +5 -4
  79. reflex/components/{forms → chakra/forms}/input.pyi +59 -5
  80. reflex/components/{forms → chakra/forms}/numberinput.py +6 -2
  81. reflex/components/{forms → chakra/forms}/numberinput.pyi +10 -2
  82. reflex/components/{forms → chakra/forms}/password.py +1 -1
  83. reflex/components/{forms → chakra/forms}/password.pyi +2 -2
  84. reflex/components/{forms → chakra/forms}/pininput.py +1 -1
  85. reflex/components/{forms → chakra/forms}/pininput.pyi +2 -2
  86. reflex/components/{forms → chakra/forms}/radio.py +3 -3
  87. reflex/components/{forms → chakra/forms}/radio.pyi +4 -4
  88. reflex/components/{forms → chakra/forms}/rangeslider.py +1 -1
  89. reflex/components/{forms → chakra/forms}/rangeslider.pyi +2 -2
  90. reflex/components/{forms → chakra/forms}/select.py +3 -3
  91. reflex/components/{forms → chakra/forms}/select.pyi +4 -4
  92. reflex/components/{forms → chakra/forms}/slider.py +4 -3
  93. reflex/components/{forms → chakra/forms}/slider.pyi +5 -4
  94. reflex/components/{forms → chakra/forms}/switch.py +1 -1
  95. reflex/components/{forms → chakra/forms}/switch.pyi +2 -2
  96. reflex/components/{forms → chakra/forms}/textarea.py +2 -2
  97. reflex/components/{forms → chakra/forms}/textarea.pyi +3 -3
  98. reflex/components/chakra/forms/time_picker.py +11 -0
  99. reflex/components/chakra/forms/time_picker.pyi +129 -0
  100. reflex/components/{layout → chakra/layout}/__init__.py +1 -20
  101. reflex/components/{layout → chakra/layout}/aspect_ratio.py +1 -1
  102. reflex/components/{layout → chakra/layout}/aspect_ratio.pyi +2 -2
  103. reflex/components/{layout → chakra/layout}/box.py +1 -1
  104. reflex/components/{layout → chakra/layout}/box.pyi +2 -2
  105. reflex/components/{layout → chakra/layout}/card.py +2 -2
  106. reflex/components/{layout → chakra/layout}/card.pyi +3 -3
  107. reflex/components/{layout → chakra/layout}/center.py +1 -1
  108. reflex/components/{layout → chakra/layout}/center.pyi +2 -2
  109. reflex/components/{layout → chakra/layout}/container.py +1 -1
  110. reflex/components/{layout → chakra/layout}/container.pyi +2 -2
  111. reflex/components/{layout → chakra/layout}/flex.py +1 -1
  112. reflex/components/{layout → chakra/layout}/flex.pyi +2 -2
  113. reflex/components/{layout → chakra/layout}/grid.py +1 -1
  114. reflex/components/{layout → chakra/layout}/grid.pyi +2 -2
  115. reflex/components/{layout → chakra/layout}/html.py +1 -1
  116. reflex/components/{layout → chakra/layout}/html.pyi +2 -2
  117. reflex/components/{layout → chakra/layout}/spacer.py +1 -1
  118. reflex/components/{layout → chakra/layout}/spacer.pyi +2 -2
  119. reflex/components/{layout → chakra/layout}/stack.py +1 -1
  120. reflex/components/{layout → chakra/layout}/stack.pyi +2 -2
  121. reflex/components/{layout → chakra/layout}/wrap.py +1 -1
  122. reflex/components/{layout → chakra/layout}/wrap.pyi +2 -2
  123. reflex/components/chakra/media/__init__.py +7 -0
  124. reflex/components/{media → chakra/media}/avatar.py +1 -1
  125. reflex/components/{media → chakra/media}/avatar.pyi +2 -2
  126. reflex/components/chakra/media/icon.py +110 -0
  127. reflex/components/{media → chakra/media}/icon.pyi +2 -2
  128. reflex/components/chakra/media/image.py +1 -1
  129. reflex/components/chakra/media/image.pyi +1 -1
  130. reflex/components/{navigation → chakra/navigation}/__init__.py +0 -1
  131. reflex/components/{navigation → chakra/navigation}/breadcrumb.py +3 -3
  132. reflex/components/{navigation → chakra/navigation}/breadcrumb.pyi +4 -4
  133. reflex/components/{navigation → chakra/navigation}/link.py +2 -2
  134. reflex/components/{navigation → chakra/navigation}/link.pyi +3 -3
  135. reflex/components/{navigation → chakra/navigation}/linkoverlay.py +1 -1
  136. reflex/components/{navigation → chakra/navigation}/linkoverlay.pyi +2 -2
  137. reflex/components/{navigation → chakra/navigation}/stepper.py +1 -1
  138. reflex/components/{navigation → chakra/navigation}/stepper.pyi +2 -2
  139. reflex/components/{overlay → chakra/overlay}/__init__.py +0 -1
  140. reflex/components/{overlay → chakra/overlay}/alertdialog.py +2 -2
  141. reflex/components/{overlay → chakra/overlay}/alertdialog.pyi +3 -3
  142. reflex/components/{overlay → chakra/overlay}/drawer.py +3 -3
  143. reflex/components/{overlay → chakra/overlay}/drawer.pyi +4 -4
  144. reflex/components/{overlay → chakra/overlay}/menu.py +4 -6
  145. reflex/components/{overlay → chakra/overlay}/menu.pyi +4 -4
  146. reflex/components/{overlay → chakra/overlay}/modal.py +2 -2
  147. reflex/components/{overlay → chakra/overlay}/modal.pyi +3 -3
  148. reflex/components/{overlay → chakra/overlay}/popover.py +2 -2
  149. reflex/components/{overlay → chakra/overlay}/popover.pyi +3 -3
  150. reflex/components/{overlay → chakra/overlay}/tooltip.py +1 -1
  151. reflex/components/{overlay → chakra/overlay}/tooltip.pyi +2 -2
  152. reflex/components/{typography → chakra/typography}/__init__.py +0 -1
  153. reflex/components/{typography → chakra/typography}/heading.py +1 -1
  154. reflex/components/{typography → chakra/typography}/heading.pyi +2 -2
  155. reflex/components/{typography → chakra/typography}/highlight.py +1 -1
  156. reflex/components/{typography → chakra/typography}/highlight.pyi +2 -2
  157. reflex/components/{typography → chakra/typography}/span.py +1 -1
  158. reflex/components/{typography → chakra/typography}/span.pyi +2 -2
  159. reflex/components/{typography → chakra/typography}/text.py +1 -1
  160. reflex/components/{typography → chakra/typography}/text.pyi +2 -2
  161. reflex/components/component.py +7 -8
  162. reflex/components/core/__init__.py +22 -0
  163. reflex/components/{overlay → core}/banner.py +4 -3
  164. reflex/components/{overlay → core}/banner.pyi +5 -4
  165. reflex/components/{navigation → core}/client_side_routing.py +1 -1
  166. reflex/components/{navigation → core}/client_side_routing.pyi +2 -2
  167. reflex/components/{layout → core}/cond.py +1 -1
  168. reflex/components/{forms → core}/debounce.py +1 -1
  169. reflex/components/{forms → core}/debounce.pyi +2 -2
  170. reflex/components/{layout → core}/foreach.py +18 -2
  171. reflex/components/core/match.py +257 -0
  172. reflex/components/{layout → core}/responsive.py +1 -1
  173. reflex/components/{forms → core}/upload.py +2 -2
  174. reflex/components/{forms → core}/upload.pyi +3 -3
  175. reflex/components/datadisplay/__init__.py +4 -13
  176. reflex/components/el/elements/inline.py +4 -0
  177. reflex/components/el/elements/inline.pyi +3 -0
  178. reflex/components/gridjs/__init__.py +5 -0
  179. reflex/components/{datadisplay → gridjs}/datatable.pyi +1 -1
  180. reflex/components/literals.py +27 -0
  181. reflex/components/markdown/__init__.py +5 -0
  182. reflex/components/{typography → markdown}/markdown.py +16 -6
  183. reflex/components/{typography → markdown}/markdown.pyi +10 -5
  184. reflex/components/media/__init__.py +1 -8
  185. reflex/components/media/icon.py +2 -110
  186. reflex/components/moment/__init__.py +5 -0
  187. reflex/components/{datadisplay → moment}/moment.pyi +1 -1
  188. reflex/components/next/__init__.py +2 -0
  189. reflex/components/{navigation/nextlink.pyi → next/link.pyi} +1 -1
  190. reflex/components/plotly/__init__.py +5 -0
  191. reflex/components/{graphing → plotly}/plotly.pyi +1 -1
  192. reflex/components/radix/primitives/__init__.py +12 -1
  193. reflex/components/radix/primitives/accordion.py +33 -68
  194. reflex/components/radix/primitives/accordion.pyi +6 -89
  195. reflex/components/radix/primitives/base.py +27 -0
  196. reflex/components/radix/primitives/base.pyi +95 -0
  197. reflex/components/radix/primitives/form.py +267 -0
  198. reflex/components/radix/primitives/form.pyi +740 -0
  199. reflex/components/radix/primitives/progress.py +84 -0
  200. reflex/components/radix/primitives/progress.pyi +268 -0
  201. reflex/components/radix/primitives/slider.py +179 -0
  202. reflex/components/radix/primitives/slider.pyi +452 -0
  203. reflex/components/radix/themes/base.py +43 -31
  204. reflex/components/radix/themes/base.pyi +223 -29
  205. reflex/components/radix/themes/components/__init__.py +18 -3
  206. reflex/components/radix/themes/components/alertdialog.py +27 -6
  207. reflex/components/radix/themes/components/alertdialog.pyi +713 -2
  208. reflex/components/radix/themes/components/aspectratio.py +1 -1
  209. reflex/components/radix/themes/components/aspectratio.pyi +67 -2
  210. reflex/components/radix/themes/components/avatar.py +0 -3
  211. reflex/components/radix/themes/components/avatar.pyi +13 -13
  212. reflex/components/radix/themes/components/badge.py +1 -4
  213. reflex/components/radix/themes/components/badge.pyi +11 -11
  214. reflex/components/radix/themes/components/button.py +1 -1
  215. reflex/components/radix/themes/components/button.pyi +15 -11
  216. reflex/components/radix/themes/components/callout.pyi +144 -12
  217. reflex/components/radix/themes/components/card.py +1 -1
  218. reflex/components/radix/themes/components/card.pyi +68 -1
  219. reflex/components/radix/themes/components/checkbox.pyi +14 -12
  220. reflex/components/radix/themes/components/contextmenu.pyi +402 -8
  221. reflex/components/radix/themes/components/dialog.py +6 -0
  222. reflex/components/radix/themes/components/dialog.pyi +518 -0
  223. reflex/components/radix/themes/components/dropdownmenu.pyi +337 -8
  224. reflex/components/radix/themes/components/hovercard.pyi +195 -0
  225. reflex/components/radix/themes/components/iconbutton.pyi +14 -12
  226. reflex/components/radix/themes/components/icons.py +2 -2
  227. reflex/components/radix/themes/components/inset.pyi +65 -0
  228. reflex/components/radix/themes/components/popover.pyi +260 -0
  229. reflex/components/radix/themes/components/radiogroup.py +1 -1
  230. reflex/components/radix/themes/components/radiogroup.pyi +78 -9
  231. reflex/components/radix/themes/components/scrollarea.pyi +65 -0
  232. reflex/components/radix/themes/components/select.pyi +342 -13
  233. reflex/components/radix/themes/components/separator.pyi +7 -5
  234. reflex/components/radix/themes/components/slider.py +4 -4
  235. reflex/components/radix/themes/components/slider.pyi +17 -13
  236. reflex/components/radix/themes/components/switch.pyi +20 -18
  237. reflex/components/radix/themes/components/table.py +1 -1
  238. reflex/components/radix/themes/components/table.pyi +458 -1
  239. reflex/components/radix/themes/components/tabs.py +4 -4
  240. reflex/components/radix/themes/components/tabs.pyi +263 -3
  241. reflex/components/radix/themes/components/textarea.py +1 -1
  242. reflex/components/radix/themes/components/textarea.pyi +1 -1
  243. reflex/components/radix/themes/components/textfield.py +1 -1
  244. reflex/components/radix/themes/components/textfield.pyi +18 -14
  245. reflex/components/radix/themes/components/tooltip.py +15 -0
  246. reflex/components/radix/themes/components/tooltip.pyi +205 -0
  247. reflex/components/radix/themes/layout/base.pyi +65 -0
  248. reflex/components/radix/themes/layout/box.pyi +65 -0
  249. reflex/components/radix/themes/layout/container.pyi +65 -0
  250. reflex/components/radix/themes/layout/flex.pyi +65 -0
  251. reflex/components/radix/themes/layout/grid.pyi +65 -0
  252. reflex/components/radix/themes/layout/section.pyi +65 -0
  253. reflex/components/radix/themes/typography/blockquote.pyi +16 -14
  254. reflex/components/radix/themes/typography/code.pyi +22 -20
  255. reflex/components/radix/themes/typography/em.pyi +65 -0
  256. reflex/components/radix/themes/typography/heading.pyi +30 -28
  257. reflex/components/radix/themes/typography/kbd.pyi +65 -0
  258. reflex/components/radix/themes/typography/link.py +2 -1
  259. reflex/components/radix/themes/typography/link.pyi +121 -28
  260. reflex/components/radix/themes/typography/quote.pyi +66 -0
  261. reflex/components/radix/themes/typography/strong.pyi +65 -0
  262. reflex/components/radix/themes/typography/text.pyi +30 -28
  263. reflex/components/react_player/__init__.py +7 -0
  264. reflex/components/react_player/audio.py +8 -0
  265. reflex/components/{media → react_player}/audio.pyi +3 -3
  266. reflex/components/{libs → react_player}/react_player.py +1 -1
  267. reflex/components/{libs → react_player}/react_player.pyi +3 -3
  268. reflex/components/react_player/video.py +8 -0
  269. reflex/components/{media → react_player}/video.pyi +3 -3
  270. reflex/components/{graphing/recharts → recharts}/cartesian.pyi +1 -1
  271. reflex/components/{graphing/recharts → recharts}/charts.py +1 -1
  272. reflex/components/{graphing/recharts → recharts}/charts.pyi +2 -2
  273. reflex/components/{graphing/recharts → recharts}/general.pyi +1 -1
  274. reflex/components/{graphing/recharts → recharts}/polar.pyi +1 -1
  275. reflex/components/{graphing/recharts → recharts}/recharts.pyi +1 -1
  276. reflex/components/suneditor/__init__.py +5 -0
  277. reflex/components/{forms → suneditor}/editor.pyi +1 -1
  278. reflex/components/tags/__init__.py +1 -0
  279. reflex/components/tags/iter_tag.py +3 -3
  280. reflex/components/tags/match_tag.py +19 -0
  281. reflex/constants/base.py +2 -0
  282. reflex/constants/config.py +1 -1
  283. reflex/constants/installer.py +1 -0
  284. reflex/constants/style.py +1 -1
  285. reflex/event.py +1 -1
  286. reflex/reflex.py +14 -12
  287. reflex/state.py +14 -0
  288. reflex/style.py +1 -1
  289. reflex/testing.py +59 -9
  290. reflex/utils/build.py +7 -1
  291. reflex/utils/exceptions.py +6 -0
  292. reflex/utils/exec.py +2 -2
  293. reflex/utils/export.py +1 -1
  294. reflex/utils/format.py +41 -4
  295. reflex/utils/prerequisites.py +56 -11
  296. reflex/utils/processes.py +8 -1
  297. reflex/utils/types.py +2 -2
  298. reflex/vars.py +25 -1
  299. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/METADATA +8 -2
  300. reflex-0.3.8.dist-info/RECORD +492 -0
  301. reflex/components/graphing/__init__.py +0 -5
  302. reflex/components/libs/__init__.py +0 -31
  303. reflex/components/media/audio.py +0 -8
  304. reflex/components/media/image.pyi +0 -123
  305. reflex/components/media/video.py +0 -8
  306. reflex-0.3.7a1.dist-info/RECORD +0 -470
  307. /reflex/components/{layout → base}/fragment.py +0 -0
  308. /reflex/components/{libs/chakra.py → chakra/base.py} +0 -0
  309. /reflex/components/{disclosure → chakra/disclosure}/__init__.py +0 -0
  310. /reflex/components/{feedback → chakra/feedback}/__init__.py +0 -0
  311. /reflex/components/{forms → chakra/forms}/multiselect.py +0 -0
  312. /reflex/components/{datadisplay → gridjs}/datatable.py +0 -0
  313. /reflex/components/{datadisplay → moment}/moment.py +0 -0
  314. /reflex/components/{navigation/nextlink.py → next/link.py} +0 -0
  315. /reflex/components/{graphing → plotly}/plotly.py +0 -0
  316. /reflex/components/{graphing/recharts → recharts}/__init__.py +0 -0
  317. /reflex/components/{graphing/recharts → recharts}/cartesian.py +0 -0
  318. /reflex/components/{graphing/recharts → recharts}/general.py +0 -0
  319. /reflex/components/{graphing/recharts → recharts}/polar.py +0 -0
  320. /reflex/components/{graphing/recharts → recharts}/recharts.py +0 -0
  321. /reflex/components/{forms → suneditor}/editor.py +0 -0
  322. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/LICENSE +0 -0
  323. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/WHEEL +0 -0
  324. {reflex-0.3.7a1.dist-info → reflex-0.3.8.dist-info}/entry_points.txt +0 -0
@@ -17,4 +17,4 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
17
17
  tag = "AspectRatio"
18
18
 
19
19
  # The ratio of the width to the height of the element
20
- ration: Var[Union[float, int]]
20
+ ratio: Var[Union[float, int]]
@@ -19,7 +19,70 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
19
19
  def create( # type: ignore
20
20
  cls,
21
21
  *children,
22
- ration: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
22
+ color: Optional[Union[Var[str], str]] = None,
23
+ color_scheme: Optional[
24
+ Union[
25
+ Var[
26
+ Literal[
27
+ "tomato",
28
+ "red",
29
+ "ruby",
30
+ "crimson",
31
+ "pink",
32
+ "plum",
33
+ "purple",
34
+ "violet",
35
+ "iris",
36
+ "indigo",
37
+ "blue",
38
+ "cyan",
39
+ "teal",
40
+ "jade",
41
+ "green",
42
+ "grass",
43
+ "brown",
44
+ "orange",
45
+ "sky",
46
+ "mint",
47
+ "lime",
48
+ "yellow",
49
+ "amber",
50
+ "gold",
51
+ "bronze",
52
+ "gray",
53
+ ]
54
+ ],
55
+ Literal[
56
+ "tomato",
57
+ "red",
58
+ "ruby",
59
+ "crimson",
60
+ "pink",
61
+ "plum",
62
+ "purple",
63
+ "violet",
64
+ "iris",
65
+ "indigo",
66
+ "blue",
67
+ "cyan",
68
+ "teal",
69
+ "jade",
70
+ "green",
71
+ "grass",
72
+ "brown",
73
+ "orange",
74
+ "sky",
75
+ "mint",
76
+ "lime",
77
+ "yellow",
78
+ "amber",
79
+ "gold",
80
+ "bronze",
81
+ "gray",
82
+ ],
83
+ ]
84
+ ] = None,
85
+ ratio: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
23
86
  m: Optional[
24
87
  Union[
25
88
  Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@@ -122,7 +185,9 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
122
185
 
123
186
  Args:
124
187
  *children: Child components.
125
- ration: The ratio of the width to the height of the element
188
+ color: map to CSS default color property.
189
+ color_scheme: map to radix color property.
190
+ ratio: The ratio of the width to the height of the element
126
191
  m: Margin: "0" - "9"
127
192
  mx: Margin horizontal: "0" - "9"
128
193
  my: Margin vertical: "0" - "9"
@@ -19,9 +19,6 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
19
19
 
20
20
  tag = "Avatar"
21
21
 
22
- # The ratio of the width to the height of the element
23
- ration: Var[float]
24
-
25
22
  # The variant of the avatar
26
23
  variant: Var[Literal["solid", "soft"]]
27
24
 
@@ -25,17 +25,8 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
25
25
  def create( # type: ignore
26
26
  cls,
27
27
  *children,
28
- ration: Optional[Union[Var[float], float]] = None,
29
- variant: Optional[
30
- Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
31
- ] = None,
32
- size: Optional[
33
- Union[
34
- Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
35
- Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
36
- ]
37
- ] = None,
38
- color: Optional[
28
+ color: Optional[Union[Var[str], str]] = None,
29
+ color_scheme: Optional[
39
30
  Union[
40
31
  Var[
41
32
  Literal[
@@ -97,6 +88,15 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
97
88
  ],
98
89
  ]
99
90
  ] = None,
91
+ variant: Optional[
92
+ Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
93
+ ] = None,
94
+ size: Optional[
95
+ Union[
96
+ Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
97
+ Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
98
+ ]
99
+ ] = None,
100
100
  high_contrast: Optional[Union[Var[bool], bool]] = None,
101
101
  radius: Optional[
102
102
  Union[
@@ -206,10 +206,10 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
206
206
 
207
207
  Args:
208
208
  *children: Child components.
209
- ration: The ratio of the width to the height of the element
209
+ color: map to CSS default color property.
210
+ color_scheme: map to radix color property.
210
211
  variant: The variant of the avatar
211
212
  size: The size of the avatar
212
- color: Color theme of the avatar
213
213
  high_contrast: Whether to render the avatar with higher contrast color against background
214
214
  radius: Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
215
215
  m: Margin: "0" - "9"
@@ -19,14 +19,11 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
19
19
 
20
20
  tag = "Badge"
21
21
 
22
- # The ratio of the width to the height of the element
23
- ration: Var[float]
24
-
25
22
  # The variant of the avatar
26
23
  variant: Var[Literal["solid", "soft", "surface", "outline"]]
27
24
 
28
25
  # The size of the avatar
29
- size: Var[Literal[1, 2]]
26
+ size: Var[Literal["1", "2"]]
30
27
 
31
28
  # Color theme of the avatar
32
29
  color: Var[LiteralAccentColor]
@@ -25,15 +25,8 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
25
25
  def create( # type: ignore
26
26
  cls,
27
27
  *children,
28
- ration: Optional[Union[Var[float], float]] = None,
29
- variant: Optional[
30
- Union[
31
- Var[Literal["solid", "soft", "surface", "outline"]],
32
- Literal["solid", "soft", "surface", "outline"],
33
- ]
34
- ] = None,
35
- size: Optional[Union[Var[Literal[1, 2]], Literal[1, 2]]] = None,
36
- color: Optional[
28
+ color: Optional[Union[Var[str], str]] = None,
29
+ color_scheme: Optional[
37
30
  Union[
38
31
  Var[
39
32
  Literal[
@@ -95,6 +88,13 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
95
88
  ],
96
89
  ]
97
90
  ] = None,
91
+ variant: Optional[
92
+ Union[
93
+ Var[Literal["solid", "soft", "surface", "outline"]],
94
+ Literal["solid", "soft", "surface", "outline"],
95
+ ]
96
+ ] = None,
97
+ size: Optional[Union[Var[Literal["1", "2"]], Literal["1", "2"]]] = None,
98
98
  high_contrast: Optional[Union[Var[bool], bool]] = None,
99
99
  radius: Optional[
100
100
  Union[
@@ -247,10 +247,10 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
247
247
 
248
248
  Args:
249
249
  *children: Child components.
250
- ration: The ratio of the width to the height of the element
250
+ color: map to CSS default color property.
251
+ color_scheme: map to radix color property.
251
252
  variant: The variant of the avatar
252
253
  size: The size of the avatar
253
- color: Color theme of the avatar
254
254
  high_contrast: Whether to render the avatar with higher contrast color against background
255
255
  radius: Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
256
256
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
@@ -12,7 +12,7 @@ from ..base import (
12
12
  RadixThemesComponent,
13
13
  )
14
14
 
15
- LiteralButtonSize = Literal[1, 2, 3, 4]
15
+ LiteralButtonSize = Literal["1", "2", "3", "4"]
16
16
 
17
17
 
18
18
  class Button(el.Button, CommonMarginProps, RadixThemesComponent):
@@ -18,7 +18,7 @@ from ..base import (
18
18
  RadixThemesComponent,
19
19
  )
20
20
 
21
- LiteralButtonSize = Literal[1, 2, 3, 4]
21
+ LiteralButtonSize = Literal["1", "2", "3", "4"]
22
22
 
23
23
  class Button(el.Button, CommonMarginProps, RadixThemesComponent):
24
24
  @overload
@@ -26,15 +26,8 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
26
26
  def create( # type: ignore
27
27
  cls,
28
28
  *children,
29
- as_child: Optional[Union[Var[bool], bool]] = None,
30
- size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
31
- variant: Optional[
32
- Union[
33
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
34
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
35
- ]
36
- ] = None,
37
- color: Optional[
29
+ color: Optional[Union[Var[str], str]] = None,
30
+ color_scheme: Optional[
38
31
  Union[
39
32
  Var[
40
33
  Literal[
@@ -96,6 +89,16 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
96
89
  ],
97
90
  ]
98
91
  ] = None,
92
+ as_child: Optional[Union[Var[bool], bool]] = None,
93
+ size: Optional[
94
+ Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
95
+ ] = None,
96
+ variant: Optional[
97
+ Union[
98
+ Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
99
+ Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
100
+ ]
101
+ ] = None,
99
102
  high_contrast: Optional[Union[Var[bool], bool]] = None,
100
103
  radius: Optional[
101
104
  Union[
@@ -275,10 +278,11 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
275
278
 
276
279
  Args:
277
280
  *children: Child components.
281
+ color: map to CSS default color property.
282
+ color_scheme: map to radix color property.
278
283
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
279
284
  size: Button size "1" - "4"
280
285
  variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
281
- color: Override theme color for button
282
286
  high_contrast: Whether to render the button with higher contrast color against background
283
287
  radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
284
288
  auto_focus: Automatically focuses the button when the page loads
@@ -24,17 +24,8 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
24
24
  def create( # type: ignore
25
25
  cls,
26
26
  *children,
27
- as_child: Optional[Union[Var[bool], bool]] = None,
28
- size: Optional[
29
- Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
30
- ] = None,
31
- variant: Optional[
32
- Union[
33
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
34
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
35
- ]
36
- ] = None,
37
- color: Optional[
27
+ color: Optional[Union[Var[str], str]] = None,
28
+ color_scheme: Optional[
38
29
  Union[
39
30
  Var[
40
31
  Literal[
@@ -96,6 +87,16 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
96
87
  ],
97
88
  ]
98
89
  ] = None,
90
+ as_child: Optional[Union[Var[bool], bool]] = None,
91
+ size: Optional[
92
+ Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
93
+ ] = None,
94
+ variant: Optional[
95
+ Union[
96
+ Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
97
+ Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
98
+ ]
99
+ ] = None,
99
100
  high_contrast: Optional[Union[Var[bool], bool]] = None,
100
101
  radius: Optional[
101
102
  Union[
@@ -248,10 +249,11 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
248
249
 
249
250
  Args:
250
251
  *children: Child components.
252
+ color: map to CSS default color property.
253
+ color_scheme: map to radix color property.
251
254
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
252
255
  size: Button size "1" - "4"
253
256
  variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
254
- color: Override theme color for button
255
257
  high_contrast: Whether to render the button with higher contrast color against background
256
258
  radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
257
259
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
@@ -297,6 +299,69 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
297
299
  def create( # type: ignore
298
300
  cls,
299
301
  *children,
302
+ color: Optional[Union[Var[str], str]] = None,
303
+ color_scheme: Optional[
304
+ Union[
305
+ Var[
306
+ Literal[
307
+ "tomato",
308
+ "red",
309
+ "ruby",
310
+ "crimson",
311
+ "pink",
312
+ "plum",
313
+ "purple",
314
+ "violet",
315
+ "iris",
316
+ "indigo",
317
+ "blue",
318
+ "cyan",
319
+ "teal",
320
+ "jade",
321
+ "green",
322
+ "grass",
323
+ "brown",
324
+ "orange",
325
+ "sky",
326
+ "mint",
327
+ "lime",
328
+ "yellow",
329
+ "amber",
330
+ "gold",
331
+ "bronze",
332
+ "gray",
333
+ ]
334
+ ],
335
+ Literal[
336
+ "tomato",
337
+ "red",
338
+ "ruby",
339
+ "crimson",
340
+ "pink",
341
+ "plum",
342
+ "purple",
343
+ "violet",
344
+ "iris",
345
+ "indigo",
346
+ "blue",
347
+ "cyan",
348
+ "teal",
349
+ "jade",
350
+ "green",
351
+ "grass",
352
+ "brown",
353
+ "orange",
354
+ "sky",
355
+ "mint",
356
+ "lime",
357
+ "yellow",
358
+ "amber",
359
+ "gold",
360
+ "bronze",
361
+ "gray",
362
+ ],
363
+ ]
364
+ ] = None,
300
365
  access_key: Optional[
301
366
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
302
367
  ] = None,
@@ -442,6 +507,8 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
442
507
 
443
508
  Args:
444
509
  *children: Child components.
510
+ color: map to CSS default color property.
511
+ color_scheme: map to radix color property.
445
512
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
446
513
  auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
447
514
  content_editable: Indicates whether the element's content is editable.
@@ -485,6 +552,69 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
485
552
  def create( # type: ignore
486
553
  cls,
487
554
  *children,
555
+ color: Optional[Union[Var[str], str]] = None,
556
+ color_scheme: Optional[
557
+ Union[
558
+ Var[
559
+ Literal[
560
+ "tomato",
561
+ "red",
562
+ "ruby",
563
+ "crimson",
564
+ "pink",
565
+ "plum",
566
+ "purple",
567
+ "violet",
568
+ "iris",
569
+ "indigo",
570
+ "blue",
571
+ "cyan",
572
+ "teal",
573
+ "jade",
574
+ "green",
575
+ "grass",
576
+ "brown",
577
+ "orange",
578
+ "sky",
579
+ "mint",
580
+ "lime",
581
+ "yellow",
582
+ "amber",
583
+ "gold",
584
+ "bronze",
585
+ "gray",
586
+ ]
587
+ ],
588
+ Literal[
589
+ "tomato",
590
+ "red",
591
+ "ruby",
592
+ "crimson",
593
+ "pink",
594
+ "plum",
595
+ "purple",
596
+ "violet",
597
+ "iris",
598
+ "indigo",
599
+ "blue",
600
+ "cyan",
601
+ "teal",
602
+ "jade",
603
+ "green",
604
+ "grass",
605
+ "brown",
606
+ "orange",
607
+ "sky",
608
+ "mint",
609
+ "lime",
610
+ "yellow",
611
+ "amber",
612
+ "gold",
613
+ "bronze",
614
+ "gray",
615
+ ],
616
+ ]
617
+ ] = None,
488
618
  access_key: Optional[
489
619
  Union[Var[Union[str, int, bool]], Union[str, int, bool]]
490
620
  ] = None,
@@ -630,6 +760,8 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
630
760
 
631
761
  Args:
632
762
  *children: Child components.
763
+ color: map to CSS default color property.
764
+ color_scheme: map to radix color property.
633
765
  access_key: Provides a hint for generating a keyboard shortcut for the current element.
634
766
  auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
635
767
  content_editable: Indicates whether the element's content is editable.
@@ -19,7 +19,7 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
19
19
  as_child: Var[bool]
20
20
 
21
21
  # Button size "1" - "5"
22
- size: Var[Literal[1, 2, 3, 4, 5]]
22
+ size: Var[Literal["1", "2", "3", "4", "5"]]
23
23
 
24
24
  # Variant of button: "solid" | "soft" | "outline" | "ghost"
25
25
  variant: Var[Literal["surface", "classic", "ghost"]]
@@ -18,9 +18,74 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
18
18
  def create( # type: ignore
19
19
  cls,
20
20
  *children,
21
+ color: Optional[Union[Var[str], str]] = None,
22
+ color_scheme: Optional[
23
+ Union[
24
+ Var[
25
+ Literal[
26
+ "tomato",
27
+ "red",
28
+ "ruby",
29
+ "crimson",
30
+ "pink",
31
+ "plum",
32
+ "purple",
33
+ "violet",
34
+ "iris",
35
+ "indigo",
36
+ "blue",
37
+ "cyan",
38
+ "teal",
39
+ "jade",
40
+ "green",
41
+ "grass",
42
+ "brown",
43
+ "orange",
44
+ "sky",
45
+ "mint",
46
+ "lime",
47
+ "yellow",
48
+ "amber",
49
+ "gold",
50
+ "bronze",
51
+ "gray",
52
+ ]
53
+ ],
54
+ Literal[
55
+ "tomato",
56
+ "red",
57
+ "ruby",
58
+ "crimson",
59
+ "pink",
60
+ "plum",
61
+ "purple",
62
+ "violet",
63
+ "iris",
64
+ "indigo",
65
+ "blue",
66
+ "cyan",
67
+ "teal",
68
+ "jade",
69
+ "green",
70
+ "grass",
71
+ "brown",
72
+ "orange",
73
+ "sky",
74
+ "mint",
75
+ "lime",
76
+ "yellow",
77
+ "amber",
78
+ "gold",
79
+ "bronze",
80
+ "gray",
81
+ ],
82
+ ]
83
+ ] = None,
21
84
  as_child: Optional[Union[Var[bool], bool]] = None,
22
85
  size: Optional[
23
- Union[Var[Literal[1, 2, 3, 4, 5]], Literal[1, 2, 3, 4, 5]]
86
+ Union[
87
+ Var[Literal["1", "2", "3", "4", "5"]], Literal["1", "2", "3", "4", "5"]
88
+ ]
24
89
  ] = None,
25
90
  variant: Optional[
26
91
  Union[
@@ -173,6 +238,8 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
173
238
 
174
239
  Args:
175
240
  *children: Child components.
241
+ color: map to CSS default color property.
242
+ color_scheme: map to radix color property.
176
243
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
177
244
  size: Button size "1" - "5"
178
245
  variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
@@ -26,17 +26,8 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
26
26
  def create( # type: ignore
27
27
  cls,
28
28
  *children,
29
- as_child: Optional[Union[Var[bool], bool]] = None,
30
- size: Optional[
31
- Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
32
- ] = None,
33
- variant: Optional[
34
- Union[
35
- Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
36
- Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
37
- ]
38
- ] = None,
39
- color: Optional[
29
+ color: Optional[Union[Var[str], str]] = None,
30
+ color_scheme: Optional[
40
31
  Union[
41
32
  Var[
42
33
  Literal[
@@ -98,6 +89,16 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
98
89
  ],
99
90
  ]
100
91
  ] = None,
92
+ as_child: Optional[Union[Var[bool], bool]] = None,
93
+ size: Optional[
94
+ Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
95
+ ] = None,
96
+ variant: Optional[
97
+ Union[
98
+ Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
99
+ Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
100
+ ]
101
+ ] = None,
101
102
  high_contrast: Optional[Union[Var[bool], bool]] = None,
102
103
  radius: Optional[
103
104
  Union[
@@ -216,10 +217,11 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
216
217
 
217
218
  Args:
218
219
  *children: Child components.
220
+ color: map to CSS default color property.
221
+ color_scheme: map to radix color property.
219
222
  as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
220
223
  size: Button size "1" - "3"
221
224
  variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
222
- color: Override theme color for button
223
225
  high_contrast: Whether to render the button with higher contrast color against background
224
226
  radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
225
227
  default_checked: Whether the checkbox is checked by default