laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color_scheme props added and updated pyi files (#2279)

Browse Source
This commit is contained in:
Thomas Brandého 2023-12-19 05:47:18 +01:00 committed by GitHub
parent 5d21f0ca60
commit 8ac08e2cb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
42 changed files with 4576 additions and 332 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
reflex/components/radix/themes/base.py
View File

@ -17,6 +17,34 @@ LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "a
LiteralPanelBackground = Literal["solid", "transparent"]
LiteralRadius = Literal["none", "small", "medium", "large", "full"]
LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
LiteralAccentColor = Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
class CommonMarginProps(Component):
@ -50,7 +78,13 @@ class RadixThemesComponent(Component):
library = "@radix-ui/themes@^2.0.0"
@classmethod
def create(cls, *children, **props) -> Component:
def create(
cls,
*children,
color: Var[str] = None, # type: ignore
color_scheme: Var[LiteralAccentColor] = None, # type: ignore
**props,
) -> Component:
"""Create a new component instance.
Will prepend "RadixThemes" to the component tag to avoid conflicts with
@ -58,11 +92,19 @@ class RadixThemesComponent(Component):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
**props: Component properties.
Returns:
A new component instance.
"""
if color is not None:
style = props.get("style", {})
style["color"] = color
props["style"] = style
if color_scheme is not None:
props["color"] = color_scheme
component = super().create(*children, **props)
if component.library is None:
component.library = RadixThemesComponent.__fields__["library"].default
@ -78,36 +120,6 @@ class RadixThemesComponent(Component):
}
LiteralAccentColor = Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
class Theme(RadixThemesComponent):
"""A theme provider for radix components.

252
reflex/components/radix/themes/base.pyi
View File

@ -21,6 +21,34 @@ LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "a
LiteralPanelBackground = Literal["solid", "transparent"]
LiteralRadius = Literal["none", "small", "medium", "large", "full"]
LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
LiteralAccentColor = Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
class CommonMarginProps(Component):
@overload
@ -156,6 +184,69 @@ class RadixThemesComponent(Component):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
id: Optional[Any] = None,
@ -216,6 +307,8 @@ class RadixThemesComponent(Component):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
style: The style of the component.
key: A unique key for the component.
id: The id for the component.
@ -229,41 +322,75 @@ class RadixThemesComponent(Component):
"""
...
LiteralAccentColor = Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
class Theme(RadixThemesComponent):
@overload
@classmethod
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
has_background: Optional[Union[Var[bool], bool]] = None,
appearance: Optional[
Union[
@ -414,6 +541,8 @@ class Theme(RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
has_background: Whether to apply the themes background color to the theme node.
appearance: Override light or dark mode theme: "inherit" | "light" | "dark"
accent_color: The color used for default buttons, typography, backgrounds, etc
@ -440,6 +569,69 @@ class ThemePanel(RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
default_open: Optional[Union[Var[bool], bool]] = None,
style: Optional[Style] = None,
key: Optional[Any] = None,
@ -501,6 +693,8 @@ class ThemePanel(RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
style: The style of the component.
key: A unique key for the component.
id: The id for the component.

325
reflex/components/radix/themes/components/alertdialog.pyi
View File

@ -21,6 +21,69 @@ class AlertDialog(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
open: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -127,6 +190,8 @@ class AlertDialog(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
open: The controlled open state of the dialog.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -154,6 +219,69 @@ class AlertDialogTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -256,6 +384,8 @@ class AlertDialogTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -283,6 +413,69 @@ class AlertDialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
force_mount: Optional[Union[Var[bool], bool]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -438,6 +631,8 @@ class AlertDialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
force_mount: Whether to force mount the content on open.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@ -482,6 +677,69 @@ class AlertDialogTitle(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -584,6 +842,8 @@ class AlertDialogTitle(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -610,6 +870,69 @@ class AlertDialogDescription(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -712,6 +1035,8 @@ class AlertDialogDescription(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

65
reflex/components/radix/themes/components/aspectratio.pyi
View File

@ -19,6 +19,69 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
ration: Optional[Union[Var[Union[float, int]], Union[float, int]]] = None,
m: Optional[
Union[
@ -122,6 +185,8 @@ class AspectRatio(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
ration: The ratio of the width to the height of the element
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"

26
reflex/components/radix/themes/components/avatar.pyi
View File

@ -25,17 +25,8 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
ration: Optional[Union[Var[float], float]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -97,6 +88,16 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
ration: Optional[Union[Var[float], float]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -206,10 +207,11 @@ class Avatar(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
ration: The ratio of the width to the height of the element
variant: The variant of the avatar
size: The size of the avatar
color: Color theme of the avatar
high_contrast: Whether to render the avatar with higher contrast color against background
radius: Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
m: Margin: "0" - "9"

22
reflex/components/radix/themes/components/badge.pyi
View File

@ -25,15 +25,8 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
ration: Optional[Union[Var[float], float]] = None,
variant: Optional[
Union[
Var[Literal["solid", "soft", "surface", "outline"]],
Literal["solid", "soft", "surface", "outline"],
]
] = None,
size: Optional[Union[Var[Literal[1, 2]], Literal[1, 2]]] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -95,6 +88,14 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
ration: Optional[Union[Var[float], float]] = None,
variant: Optional[
Union[
Var[Literal["solid", "soft", "surface", "outline"]],
Literal["solid", "soft", "surface", "outline"],
]
] = None,
size: Optional[Union[Var[Literal[1, 2]], Literal[1, 2]]] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -247,10 +248,11 @@ class Badge(el.Span, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
ration: The ratio of the width to the height of the element
variant: The variant of the avatar
size: The size of the avatar
color: Color theme of the avatar
high_contrast: Whether to render the avatar with higher contrast color against background
radius: Override theme radius for avatar: "none" | "small" | "medium" | "large" | "full"
access_key: Provides a hint for generating a keyboard shortcut for the current element.

22
reflex/components/radix/themes/components/button.pyi
View File

@ -26,15 +26,8 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -96,6 +89,14 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -275,10 +276,11 @@ class Button(el.Button, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "4"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
auto_focus: Automatically focuses the button when the page loads

156
reflex/components/radix/themes/components/callout.pyi
View File

@ -24,17 +24,8 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -96,6 +87,16 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -248,10 +249,11 @@ class CalloutRoot(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "4"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
access_key: Provides a hint for generating a keyboard shortcut for the current element.
@ -297,6 +299,69 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -442,6 +507,8 @@ class CalloutIcon(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.
@ -485,6 +552,69 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -630,6 +760,8 @@ class CalloutText(el.P, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.

65
reflex/components/radix/themes/components/card.pyi
View File

@ -18,6 +18,69 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal[1, 2, 3, 4, 5]], Literal[1, 2, 3, 4, 5]]
@ -173,6 +236,8 @@ class Card(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "5"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"

26
reflex/components/radix/themes/components/checkbox.pyi
View File

@ -26,17 +26,8 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -98,6 +89,16 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -216,10 +217,11 @@ class Checkbox(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "3"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
default_checked: Whether the checkbox is checked by default

410
reflex/components/radix/themes/components/contextmenu.pyi
View File

@ -18,6 +18,69 @@ class ContextMenuRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
modal: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -124,6 +187,8 @@ class ContextMenuRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
modal: The modality of the context menu. When set to true, interaction with outside elements will be disabled and only menu content will be visible to screen readers.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -151,6 +216,69 @@ class ContextMenuTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -254,6 +382,8 @@ class ContextMenuTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
disabled: Whether the trigger is disabled
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -282,11 +412,8 @@ class ContextMenuContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[Union[Var[Literal["1", "2"]], Literal["1", "2"]]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -348,6 +475,10 @@ class ContextMenuContent(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[Union[Var[Literal["1", "2"]], Literal["1", "2"]]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
align_offset: Optional[Union[Var[int], int]] = None,
avoid_collisions: Optional[Union[Var[bool], bool]] = None,
@ -468,9 +599,10 @@ class ContextMenuContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Button size "1" - "4"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
align_offset: The vertical distance in pixels from the anchor.
avoid_collisions: When true, overrides the side andalign preferences to prevent collisions with boundary edges.
@ -500,6 +632,69 @@ class ContextMenuSub(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -602,6 +797,8 @@ class ContextMenuSub(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -628,6 +825,69 @@ class ContextMenuSubTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -731,6 +991,8 @@ class ContextMenuSubTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
disabled: Whether the trigger is disabled
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -759,6 +1021,69 @@ class ContextMenuSubContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
loop: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -874,6 +1199,8 @@ class ContextMenuSubContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
loop: When true, keyboard navigation will loop from last item to first, and vice versa.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -901,7 +1228,8 @@ class ContextMenuItem(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -1066,7 +1394,8 @@ class ContextMenuItem(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: Override theme color for button
color: map to CSS default color property.
color_scheme: map to radix color property.
shortcut: Shortcut to render a menu item as a link
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -1094,6 +1423,69 @@ class ContextMenuSeparator(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -1196,6 +1588,8 @@ class ContextMenuSeparator(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

325
reflex/components/radix/themes/components/dialog.pyi
View File

@ -19,6 +19,69 @@ class DialogRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
open: Optional[Union[Var[bool], bool]] = None,
modal: Optional[Union[Var[bool], bool]] = None,
m: Optional[
@ -126,6 +189,8 @@ class DialogRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
open: The controlled open state of the dialog.
modal: The modality of the dialog. When set to true, interaction with outside elements will be disabled and only dialog content will be visible to screen readers.
m: Margin: "0" - "9"
@ -154,6 +219,69 @@ class DialogTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -256,6 +384,8 @@ class DialogTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -282,6 +412,69 @@ class DialogTitle(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -384,6 +577,8 @@ class DialogTitle(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -411,6 +606,69 @@ class DialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -572,6 +830,8 @@ class DialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Button size "1" - "4"
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@ -616,6 +876,69 @@ class DialogDescription(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -718,6 +1041,8 @@ class DialogDescription(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

345
reflex/components/radix/themes/components/dropdownmenu.pyi
View File

@ -18,6 +18,69 @@ class DropdownMenuRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
open: Optional[Union[Var[bool], bool]] = None,
modal: Optional[Union[Var[bool], bool]] = None,
m: Optional[
@ -125,6 +188,8 @@ class DropdownMenuRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
open: The controlled open state of the dropdown menu. Must be used in conjunction with onOpenChange.
modal: The modality of the dropdown menu. When set to true, interaction with outside elements will be disabled and only menu content will be visible to screen readers.
m: Margin: "0" - "9"
@ -153,6 +218,69 @@ class DropdownMenuTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -255,6 +383,8 @@ class DropdownMenuTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -282,6 +412,69 @@ class DropdownMenuContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -396,6 +589,8 @@ class DropdownMenuContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -422,6 +617,69 @@ class DropdownMenuSubTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -524,6 +782,8 @@ class DropdownMenuSubTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -550,11 +810,8 @@ class DropdownMenuSubContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[Union[Var[Literal["1", "2"]], Literal["1", "2"]]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -616,6 +873,10 @@ class DropdownMenuSubContent(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[Union[Var[Literal["1", "2"]], Literal["1", "2"]]] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -719,9 +980,10 @@ class DropdownMenuSubContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Button size "1" - "4"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -749,7 +1011,8 @@ class DropdownMenuItem(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -914,7 +1177,8 @@ class DropdownMenuItem(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: Override theme color for button
color: map to CSS default color property.
color_scheme: map to radix color property.
shortcut: Shortcut to render a menu item as a link
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -942,6 +1206,69 @@ class DropdownMenuSeparator(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -1044,6 +1371,8 @@ class DropdownMenuSeparator(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

195
reflex/components/radix/themes/components/hovercard.pyi
View File

@ -19,6 +19,69 @@ class HoverCardRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
default_open: Optional[Union[Var[bool], bool]] = None,
open: Optional[Union[Var[bool], bool]] = None,
open_delay: Optional[Union[Var[int], int]] = None,
@ -128,6 +191,8 @@ class HoverCardRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
default_open: The open state of the hover card when it is initially rendered. Use when you do not need to control its open state.
open: The controlled open state of the hover card. Must be used in conjunction with onOpenChange.
open_delay: The duration from when the mouse enters the trigger until the hover card opens.
@ -158,6 +223,69 @@ class HoverCardTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -260,6 +388,8 @@ class HoverCardTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -286,6 +416,69 @@ class HoverCardContent(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
side: Optional[
Union[
Var[Literal["top", "right", "bottom", "left"]],
@ -445,6 +638,8 @@ class HoverCardContent(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
side: The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
side_offset: The distance in pixels from the trigger.
align: The preferred alignment against the trigger. May change when collisions occur.

26
reflex/components/radix/themes/components/iconbutton.pyi
View File

@ -26,17 +26,8 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -98,6 +89,16 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -277,10 +278,11 @@ class IconButton(el.Button, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "4"
variant: Variant of button: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
auto_focus: Automatically focuses the button when the page loads

65
reflex/components/radix/themes/components/inset.pyi
View File

@ -20,6 +20,69 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
side: Optional[
Union[
Var[Literal["x", "y", "top", "bottom", "right", "left"]],
@ -184,6 +247,8 @@ class Inset(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
side: The side
p: Padding
px: Padding on the x axis

260
reflex/components/radix/themes/components/popover.pyi
View File

@ -19,6 +19,69 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
open: Optional[Union[Var[bool], bool]] = None,
modal: Optional[Union[Var[bool], bool]] = None,
m: Optional[
@ -126,6 +189,8 @@ class PopoverRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
open: The controlled open state of the popover.
modal: The modality of the popover. When set to true, interaction with outside elements will be disabled and only popover content will be visible to screen readers.
m: Margin: "0" - "9"
@ -154,6 +219,69 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -256,6 +384,8 @@ class PopoverTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -283,6 +413,69 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3, 4]], Literal[1, 2, 3, 4]]] = None,
side: Optional[
Union[
@ -462,6 +655,8 @@ class PopoverContent(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Size of the button: "1" | "2" | "3" | "4"
side: The preferred side of the anchor to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
side_offset: The distance in pixels from the anchor.
@ -511,6 +706,69 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -613,6 +871,8 @@ class PopoverClose(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

85
reflex/components/radix/themes/components/radiogroup.pyi
View File

@ -18,14 +18,8 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -87,6 +81,13 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
value: Optional[Union[Var[str], str]] = None,
default_value: Optional[Union[Var[str], str]] = None,
@ -204,9 +205,10 @@ class RadioGroupRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the radio group: "1" | "2" | "3"
variant: The variant of the radio group
color: The color of the radio group
high_contrast: Whether to render the radio group with higher contrast color against background
value: The controlled value of the radio item to check. Should be used in conjunction with onValueChange.
default_value: The initial value of checked radio item. Should be used in conjunction with onValueChange.
@ -240,6 +242,69 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
value: Optional[Union[Var[str], str]] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
required: Optional[Union[Var[bool], bool]] = None,
@ -345,6 +410,8 @@ class RadioGroupItem(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
value: The value of the radio item to check. Should be used in conjunction with onCheckedChange.
disabled: When true, prevents the user from interacting with the radio item.
required: When true, indicates that the user must check the radio item before the owning form can be submitted.

65
reflex/components/radix/themes/components/scrollarea.pyi
View File

@ -17,6 +17,69 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
radius: Optional[
Union[
@ -139,6 +202,8 @@ class ScrollArea(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the radio group: "1" | "2" | "3"
radius: The radius of the radio group
scrollbars: The alignment of the scroll area

355
reflex/components/radix/themes/components/select.pyi
View File

@ -25,6 +25,69 @@ class SelectRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
default_value: Optional[Union[Var[str], str]] = None,
value: Optional[Union[Var[str], str]] = None,
@ -139,6 +202,8 @@ class SelectRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the select: "1" | "2" | "3"
default_value: The value of the select when initially rendered. Use when you do not need to control the state of the select.
value: The controlled value of the select. Use when you need to control the state of the select.
@ -171,13 +236,8 @@ class SelectTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft", "ghost"]],
Literal["classic", "surface", "soft", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -239,6 +299,12 @@ class SelectTrigger(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft", "ghost"]],
Literal["classic", "surface", "soft", "ghost"],
]
] = None,
radius: Optional[
Union[
Var[Literal["none", "small", "medium", "large", "full"]],
@ -348,8 +414,9 @@ class SelectTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
variant: Variant of the select trigger
color: The color of the select trigger
radius: The radius of the select trigger
placeholder: The placeholder of the select trigger
m: Margin: "0" - "9"
@ -379,10 +446,8 @@ class SelectContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -444,6 +509,9 @@ class SelectContent(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
variant: Optional[
Union[Var[Literal["solid", "soft"]], Literal["solid", "soft"]]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
position: Optional[
Union[
@ -576,8 +644,9 @@ class SelectContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
variant: The variant of the select content
color: The color of the select content
high_contrast: Whether to render the select content with higher contrast color against background
position: The positioning mode to use, item-aligned is the default and behaves similarly to a native MacOS menu by positioning content relative to the active item. popper positions content in the same way as our other primitives, for example Popover or DropdownMenu.
side: The preferred side of the anchor to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled. Only available when position is set to popper.
@ -610,6 +679,69 @@ class SelectGroup(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -712,6 +844,8 @@ class SelectGroup(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -738,6 +872,69 @@ class SelectItem(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
value: Optional[Union[Var[str], str]] = None,
m: Optional[
Union[
@ -841,6 +1038,8 @@ class SelectItem(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
value: The value of the select item when submitting the form.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
@ -868,6 +1067,69 @@ class SelectLabel(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -970,6 +1232,8 @@ class SelectLabel(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -996,6 +1260,69 @@ class SelectSeparator(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -1098,6 +1425,8 @@ class SelectSeparator(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

12
reflex/components/radix/themes/components/separator.pyi
View File

@ -19,10 +19,8 @@ class Separator(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -84,6 +82,9 @@ class Separator(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
orientation: Optional[
Union[
Var[Literal["horizontal", "vertical"]],
@ -193,8 +194,9 @@ class Separator(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the select: "1" | "2" | "3"
color: The color of the select
orientation: The orientation of the separator.
decorative: When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
m: Margin: "0" - "9"

22
reflex/components/radix/themes/components/slider.pyi
View File

@ -23,15 +23,8 @@ class Slider(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -93,6 +86,14 @@ class Slider(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -220,10 +221,11 @@ class Slider(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Button size "1" - "4"
variant: Variant of button
color: Override theme color for button
high_contrast: Whether to render the button with higher contrast color against background
radius: Override theme radius for button: "none" | "small" | "medium" | "large" | "full"
default_value: The value of the slider when initially rendered. Use when you do not need to control the state of the slider.

38
reflex/components/radix/themes/components/switch.pyi
View File

@ -27,23 +27,8 @@ class Switch(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
default_checked: Optional[Union[Var[bool], bool]] = None,
checked: Optional[Union[Var[bool], bool]] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
required: Optional[Union[Var[bool], bool]] = None,
name: Optional[Union[Var[str], str]] = None,
value: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -105,6 +90,22 @@ class Switch(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
default_checked: Optional[Union[Var[bool], bool]] = None,
checked: Optional[Union[Var[bool], bool]] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
required: Optional[Union[Var[bool], bool]] = None,
name: Optional[Union[Var[str], str]] = None,
value: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
radius: Optional[
Union[
@ -217,6 +218,8 @@ class Switch(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
default_checked: Whether the switch is checked by default
checked: Whether the switch is checked
@ -226,7 +229,6 @@ class Switch(CommonMarginProps, RadixThemesComponent):
value: The value associated with the "on" position
size: Switch size "1" - "4"
variant: Variant of switch: "solid" | "soft" | "outline" | "ghost"
color: Override theme color for switch
high_contrast: Whether to render the switch with higher contrast color against background
radius: Override theme radius for switch: "none" | "small" | "medium" | "large" | "full"
m: Margin: "0" - "9"

455
reflex/components/radix/themes/components/table.pyi
View File

@ -18,6 +18,69 @@ class TableRoot(el.Table, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[Var[Literal["surface", "ghost"]], Literal["surface", "ghost"]]
@ -182,6 +245,8 @@ class TableRoot(el.Table, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the table: "1" | "2" | "3"
variant: The variant of the table
align: Alignment of the table
@ -232,6 +297,69 @@ class TableHeader(el.Thead, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
align: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -380,6 +508,8 @@ class TableHeader(el.Thead, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
align: Alignment of the content within the table header
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@ -424,6 +554,69 @@ class TableRow(el.Tr, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
align: Optional[
Union[
Var[Literal["start", "center", "end", "baseline"]],
@ -578,6 +771,8 @@ class TableRow(el.Tr, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
align: Alignment of the content within the table row
bgcolor: Background color of the table row
access_key: Provides a hint for generating a keyboard shortcut for the current element.
@ -623,6 +818,69 @@ class TableColumnHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
justify: Optional[
Union[
Var[Literal["start", "center", "end"]],
@ -796,6 +1054,8 @@ class TableColumnHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
justify: The justification of the column
width: width of the column
align: Alignment of the content within the table header cell
@ -848,6 +1108,69 @@ class TableBody(el.Tbody, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
align: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -999,6 +1322,8 @@ class TableBody(el.Tbody, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
align: Alignment of the content within the table body
bgcolor: Background color of the table body
access_key: Provides a hint for generating a keyboard shortcut for the current element.
@ -1044,6 +1369,69 @@ class TableCell(el.Td, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
justify: Optional[
Union[
Var[Literal["start", "center", "end"]],
@ -1214,6 +1602,8 @@ class TableCell(el.Td, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
justify: The justification of the column
width: width of the column
align: Alignment of the content within the table cell
@ -1265,6 +1655,69 @@ class TableRowHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
justify: Optional[
Union[
Var[Literal["start", "center", "end"]],
@ -1438,6 +1891,8 @@ class TableRowHeaderCell(el.Th, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
justify: The justification of the column
width: width of the column
align: Alignment of the content within the table header cell

260
reflex/components/radix/themes/components/tabs.pyi
View File

@ -18,6 +18,69 @@ class TabsRoot(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[Union[Var[Literal[1, 2, 3]], Literal[1, 2, 3]]] = None,
variant: Optional[
Union[Var[Literal["surface", "ghost"]], Literal["surface", "ghost"]]
@ -135,6 +198,8 @@ class TabsRoot(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the table: "1" | "2" | "3"
variant: The variant of the table
default_value: The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs.
@ -166,6 +231,69 @@ class TabsList(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -268,6 +396,8 @@ class TabsList(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"
@ -294,6 +424,69 @@ class TabsTrigger(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
value: Optional[Union[Var[str], str]] = None,
disabled: Optional[Union[Var[bool], bool]] = None,
m: Optional[
@ -398,6 +591,8 @@ class TabsTrigger(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
value: The value of the tab. Must be unique for each tab.
disabled: Whether the tab is disabled
m: Margin: "0" - "9"
@ -426,6 +621,69 @@ class TabsContent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
m: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -528,6 +786,8 @@ class TabsContent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"
my: Margin vertical: "0" - "9"

30
reflex/components/radix/themes/components/textfield.pyi
View File

@ -30,16 +30,8 @@ class TextFieldRoot(el.Div, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -101,6 +93,15 @@ class TextFieldRoot(el.Div, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "surface", "soft"]],
Literal["classic", "surface", "soft"],
]
] = None,
radius: Optional[
Union[
Var[Literal["none", "small", "medium", "large", "full"]],
@ -252,9 +253,10 @@ class TextFieldRoot(el.Div, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Text field size "1" - "3"
variant: Variant of text field: "classic" | "surface" | "soft"
color: Override theme color for text field
radius: Override theme radius for text field: "none" | "small" | "medium" | "large" | "full"
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
@ -683,7 +685,8 @@ class TextFieldSlot(RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -811,7 +814,8 @@ class TextFieldSlot(RadixThemesComponent):
Args:
*children: Child components.
color: Override theme color for text field slot
color: map to CSS default color property.
color_scheme: map to radix color property.
gap: Override the gap spacing between slot and input: "1" - "9"
style: The style of the component.
key: A unique key for the component.

65
reflex/components/radix/themes/layout/base.pyi
View File

@ -19,6 +19,69 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
p: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -165,6 +228,8 @@ class LayoutComponent(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
p: Padding: "0" - "9"
px: Padding horizontal: "0" - "9"
py: Padding vertical: "0" - "9"

65
reflex/components/radix/themes/layout/box.pyi
View File

@ -16,6 +16,69 @@ class Box(el.Div, LayoutComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -205,6 +268,8 @@ class Box(el.Div, LayoutComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.

65
reflex/components/radix/themes/layout/container.pyi
View File

@ -20,6 +20,69 @@ class Container(el.Div, LayoutComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[
Union[Var[Literal["1", "2", "3", "4"]], Literal["1", "2", "3", "4"]]
] = None,
@ -212,6 +275,8 @@ class Container(el.Div, LayoutComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the container: "1" - "4" (default "4")
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

65
reflex/components/radix/themes/layout/flex.pyi
View File

@ -23,6 +23,69 @@ class Flex(el.Div, LayoutComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
display: Optional[
Union[
@ -249,6 +312,8 @@ class Flex(el.Div, LayoutComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
display: How to display the element: "none" | "inline-flex" | "flex"
direction: How child items are layed out: "row" | "column" | "row-reverse" | "column-reverse"

65
reflex/components/radix/themes/layout/grid.pyi
View File

@ -21,6 +21,69 @@ class Grid(el.Div, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
display: Optional[
Union[
@ -163,6 +226,8 @@ class Grid(el.Div, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
display: How to display the element: "none" | "inline-grid" | "grid"
columns: Number of columns

65
reflex/components/radix/themes/layout/section.pyi
View File

@ -20,6 +20,69 @@ class Section(el.Section, LayoutComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[
Union[Var[Literal["1", "2", "3"]], Literal["1", "2", "3"]]
] = None,
@ -212,6 +275,8 @@ class Section(el.Section, LayoutComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: The size of the section: "1" - "3" (default "3")
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

30
reflex/components/radix/themes/typography/blockquote.pyi
View File

@ -18,19 +18,8 @@ class Blockquote(el.Blockquote, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -92,6 +81,18 @@ class Blockquote(el.Blockquote, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
cite: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
access_key: Optional[
@ -239,9 +240,10 @@ class Blockquote(el.Blockquote, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Text size: "1" - "9"
weight: Thickness of text: "light" | "regular" | "medium" | "bold"
color: Overrides the accent color inherited from the Theme.
high_contrast: Whether to render the text with higher contrast color
cite: Define the title of a work.
access_key: Provides a hint for generating a keyboard shortcut for the current element.

42
reflex/components/radix/themes/typography/code.pyi
View File

@ -23,25 +23,8 @@ class Code(el.Code, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -103,6 +86,24 @@ class Code(el.Code, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
variant: Optional[
Union[
Var[Literal["classic", "solid", "soft", "surface", "outline", "ghost"]],
Literal["classic", "solid", "soft", "surface", "outline", "ghost"],
]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -249,10 +250,11 @@ class Code(el.Code, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
variant: The visual variant to apply: "solid" | "soft" | "outline" | "ghost"
size: Text size: "1" - "9"
weight: Thickness of text: "light" | "regular" | "medium" | "bold"
color: Overrides the accent color inherited from the Theme.
high_contrast: Whether to render the text with higher contrast color
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

65
reflex/components/radix/themes/typography/em.pyi
View File

@ -16,6 +16,69 @@ class Em(el.Em, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -161,6 +224,8 @@ class Em(el.Em, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.

58
reflex/components/radix/themes/typography/heading.pyi
View File

@ -18,33 +18,8 @@ class Heading(el.H1, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
as_: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
align: Optional[
Union[
Var[Literal["left", "center", "right"]],
Literal["left", "center", "right"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -106,6 +81,32 @@ class Heading(el.H1, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
as_: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
align: Optional[
Union[
Var[Literal["left", "center", "right"]],
Literal["left", "center", "right"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -252,13 +253,14 @@ class Heading(el.H1, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
as_: Change the default rendered element into a semantically appropriate alternative (cannot be used with asChild)
size: Text size: "1" - "9"
weight: Thickness of text: "light" | "regular" | "medium" | "bold"
align: Alignment of text in element: "left" | "center" | "right"
trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
color: Overrides the accent color inherited from the Theme.
high_contrast: Whether to render the text with higher contrast color
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

65
reflex/components/radix/themes/typography/kbd.pyi
View File

@ -18,6 +18,69 @@ class Kbd(el.Kbd, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
@ -169,6 +232,8 @@ class Kbd(el.Kbd, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
size: Text size: "1" - "9"
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

56
reflex/components/radix/themes/typography/link.pyi
View File

@ -20,32 +20,8 @@ class Link(CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
underline: Optional[
Union[
Var[Literal["auto", "hover", "always"]],
Literal["auto", "hover", "always"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -107,6 +83,31 @@ class Link(CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
underline: Optional[
Union[
Var[Literal["auto", "hover", "always"]],
Literal["auto", "hover", "always"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
m: Optional[
Union[
@ -210,12 +211,13 @@ class Link(CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
size: Text size: "1" - "9"
weight: Thickness of text: "light" | "regular" | "medium" | "bold"
trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
underline: Sets the visibility of the underline affordance: "auto" | "hover" | "always"
color: Overrides the accent color inherited from the Theme.
high_contrast: Whether to render the text with higher contrast color
m: Margin: "0" - "9"
mx: Margin horizontal: "0" - "9"

65
reflex/components/radix/themes/typography/quote.pyi
View File

@ -16,6 +16,69 @@ class Quote(el.Q, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
cite: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -162,6 +225,8 @@ class Quote(el.Q, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.

65
reflex/components/radix/themes/typography/strong.pyi
View File

@ -16,6 +16,69 @@ class Strong(el.Strong, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
]
],
Literal[
"tomato",
"red",
"ruby",
"crimson",
"pink",
"plum",
"purple",
"violet",
"iris",
"indigo",
"blue",
"cyan",
"teal",
"jade",
"green",
"grass",
"brown",
"orange",
"sky",
"mint",
"lime",
"yellow",
"amber",
"gold",
"bronze",
"gray",
],
]
] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
] = None,
@ -161,6 +224,8 @@ class Strong(el.Strong, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
content_editable: Indicates whether the element's content is editable.

58
reflex/components/radix/themes/typography/text.pyi
View File

@ -18,33 +18,8 @@ class Text(el.Span, CommonMarginProps, RadixThemesComponent):
def create( # type: ignore
cls,
*children,
as_child: Optional[Union[Var[bool], bool]] = None,
as_: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
align: Optional[
Union[
Var[Literal["left", "center", "right"]],
Literal["left", "center", "right"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
color: Optional[
color: Optional[Union[Var[str], str]] = None,
color_scheme: Optional[
Union[
Var[
Literal[
@ -106,6 +81,32 @@ class Text(el.Span, CommonMarginProps, RadixThemesComponent):
],
]
] = None,
as_child: Optional[Union[Var[bool], bool]] = None,
as_: Optional[Union[Var[str], str]] = None,
size: Optional[
Union[
Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
]
] = None,
weight: Optional[
Union[
Var[Literal["light", "regular", "medium", "bold"]],
Literal["light", "regular", "medium", "bold"],
]
] = None,
align: Optional[
Union[
Var[Literal["left", "center", "right"]],
Literal["left", "center", "right"],
]
] = None,
trim: Optional[
Union[
Var[Literal["normal", "start", "end", "both"]],
Literal["normal", "start", "end", "both"],
]
] = None,
high_contrast: Optional[Union[Var[bool], bool]] = None,
access_key: Optional[
Union[Var[Union[str, int, bool]], Union[str, int, bool]]
@ -252,13 +253,14 @@ class Text(el.Span, CommonMarginProps, RadixThemesComponent):
Args:
*children: Child components.
color: map to CSS default color property.
color_scheme: map to radix color property.
as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
as_: Change the default rendered element into a semantically appropriate alternative (cannot be used with asChild)
size: Text size: "1" - "9"
weight: Thickness of text: "light" | "regular" | "medium" | "bold"
align: Alignment of text in element: "left" | "center" | "right"
trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
color: Overrides the accent color inherited from the Theme.
high_contrast: Whether to render the text with higher contrast color
access_key: Provides a hint for generating a keyboard shortcut for the current element.
auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.

33
scripts/pyi_generator.py
View File

@ -9,6 +9,7 @@ import os
import re
import sys
import textwrap
import typing
from inspect import getfullargspec
from pathlib import Path
from types import ModuleType
@ -130,6 +131,10 @@ def _generate_imports(typing_imports: Iterable[str]) -> list[ast.ImportFrom]:
from reflex.style import Style"""
)
).body,
# *[
# ast.ImportFrom(module=name, names=[ast.alias(name=val) for val in values])
# for name, values in EXTRA_IMPORTS.items()
# ],
]
@ -267,6 +272,20 @@ def _extract_class_props_as_ast_nodes(
return kwargs
def _get_parent_imports(func):
_imports = {"reflex.vars": ["Var"]}
for type_hint in inspect.get_annotations(func).values():
try:
match = re.match(r"\w+\[([\w\d]+)\]", type_hint)
except TypeError:
continue
if match:
type_hint = match.group(1)
if type_hint in importlib.import_module(func.__module__).__dir__():
_imports.setdefault(func.__module__, []).append(type_hint)
return _imports
def _generate_component_create_functiondef(
node: ast.FunctionDef | None,
clz: type[Component],
@ -282,7 +301,16 @@ def _generate_component_create_functiondef(
Returns:
The create functiondef node for the ast.
"""
# kwargs defined on the actual create function
# add the imports needed by get_type_hint later
type_hint_globals.update(
{name: getattr(typing, name) for name in DEFAULT_TYPING_IMPORTS}
)
if clz.__module__ != clz.create.__module__:
_imports = _get_parent_imports(clz.create)
for name, values in _imports.items():
exec(f"from {name} import {','.join(values)}", type_hint_globals)
kwargs = _extract_func_kwargs_as_ast_nodes(clz.create, type_hint_globals)
# kwargs associated with props defined in the class and its parents
@ -548,7 +576,6 @@ class PyiGenerator:
modules: list = []
root: str = ""
current_module: Any = {}
default_typing_imports: set = DEFAULT_TYPING_IMPORTS
def _write_pyi_file(self, module_path: Path, source: str):
pyi_content = [
@ -580,7 +607,7 @@ class PyiGenerator:
def _scan_file(self, module_path: Path):
module_import = str(module_path.with_suffix("")).replace("/", ".")
module = importlib.import_module(module_import)
logger.debug(f"Read {module_path}")
class_names = {
name: obj
for name, obj in vars(module).items()