reflex 0.3.9a3__py3-none-any.whl → 0.3.10__py3-none-any.whl

reflex/components/radix/themes/base.pyi

@@ -7,8 +7,9 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
-from typing import Literal
+from typing import Any, Literal
 from reflex.components import Component
+from reflex.components.tags import Tag
 from reflex.utils import imports
 from reflex.vars import Var
 
@@ -18,7 +19,7 @@ LiteralSize = Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]
 LiteralVariant = Literal["classic", "solid", "soft", "surface", "outline", "ghost"]
 LiteralAppearance = Literal["inherit", "light", "dark"]
 LiteralGrayColor = Literal["gray", "mauve", "slate", "sage", "olive", "sand", "auto"]
-LiteralPanelBackground = Literal["solid", "transparent"]
+LiteralPanelBackground = Literal["solid", "translucent"]
 LiteralRadius = Literal["none", "small", "medium", "large", "full"]
 LiteralScaling = Literal["90%", "95%", "100%", "105%", "110%"]
 LiteralAccentColor = Literal[
@@ -103,6 +104,7 @@ class CommonMarginProps(Component):
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -167,6 +169,7 @@ class CommonMarginProps(Component):
             id: The id for the component.
             class_name: The class name for the component.
             autofocus: Whether the component should take the focus once the page is loaded
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: The props of the component.
 
@@ -252,6 +255,7 @@ class RadixThemesComponent(Component):
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -314,6 +318,7 @@ class RadixThemesComponent(Component):
             id: The id for the component.
             class_name: The class name for the component.
             autofocus: Whether the component should take the focus once the page is loaded
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 
@@ -321,6 +326,8 @@ class RadixThemesComponent(Component):
             A new component instance.
         """
         ...
+    @classmethod
+    def get_fields(cls) -> dict[str, Any]: ...
 
 class Theme(RadixThemesComponent):
     @overload
@@ -467,7 +474,7 @@ class Theme(RadixThemesComponent):
             ]
         ] = None,
         panel_background: Optional[
-            Union[Var[Literal["solid", "transparent"]], Literal["solid", "transparent"]]
+            Union[Var[Literal["solid", "translucent"]], Literal["solid", "translucent"]]
         ] = None,
         radius: Optional[
             Union[
@@ -486,6 +493,7 @@ class Theme(RadixThemesComponent):
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -543,18 +551,19 @@ class Theme(RadixThemesComponent):
             *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"
+            has_background: Whether to apply the themes background color to the theme node. Defaults to True.
+            appearance: Override light or dark mode theme: "inherit" | "light" | "dark". Defaults to "inherit".
             accent_color: The color used for default buttons, typography, backgrounds, etc
-            gray_color: The shade of gray
-            panel_background: Whether panel backgrounds are transparent: "solid" | "transparent" (default)
-            radius: Element border radius: "none" | "small" | "medium" | "large" | "full"
-            scaling: Scale of all theme items: "90%" | "95%" | "100%" | "105%" | "110%"
+            gray_color: The shade of gray, defaults to "auto".
+            panel_background: Whether panel backgrounds are translucent: "solid" | "translucent" (default)
+            radius: Element border radius: "none" | "small" | "medium" | "large" | "full". Defaults to "medium".
+            scaling: Scale of all theme items: "90%" | "95%" | "100%" | "105%" | "110%". Defaults to "100%"
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.
             class_name: The class name for the component.
             autofocus: Whether the component should take the focus once the page is loaded
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 
@@ -638,6 +647,7 @@ class ThemePanel(RadixThemesComponent):
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -695,11 +705,13 @@ class ThemePanel(RadixThemesComponent):
             *children: Child components.
             color: map to CSS default color property.
             color_scheme: map to radix color property.
+            default_open: Whether the panel is open. Defaults to False.
             style: The style of the component.
             key: A unique key for the component.
             id: The id for the component.
             class_name: The class name for the component.
             autofocus: Whether the component should take the focus once the page is loaded
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: Component properties.
 
@@ -719,6 +731,7 @@ class RadixThemesColorModeProvider(Component):
         id: Optional[Any] = None,
         class_name: Optional[Any] = None,
         autofocus: Optional[bool] = None,
+        _rename_props: Optional[Dict[str, str]] = None,
         custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
         on_blur: Optional[
             Union[EventHandler, EventSpec, list, function, BaseVar]
@@ -776,6 +789,7 @@ class RadixThemesColorModeProvider(Component):
             id: The id for the component.
             class_name: The class name for the component.
             autofocus: Whether the component should take the focus once the page is loaded
+            _rename_props: props to change the name of
             custom_attrs: custom attribute
             **props: The props of the component.
 

reflex/components/radix/themes/components/__init__.py

@@ -13,7 +13,7 @@ from .aspectratio import AspectRatio
 from .avatar import Avatar
 from .badge import Badge
 from .button import Button
-from .callout import CalloutIcon, CalloutRoot, CalloutText
+from .callout import Callout, CalloutIcon, CalloutRoot, CalloutText
 from .card import Card
 from .checkbox import Checkbox, HighLevelCheckbox
 from .contextmenu import (
@@ -75,7 +75,7 @@ from .table import (
 )
 from .tabs import TabsContent, TabsList, TabsRoot, TabsTrigger
 from .textarea import TextArea
-from .textfield import TextFieldInput, TextFieldRoot, TextFieldSlot
+from .textfield import Input, TextFieldInput, TextFieldRoot, TextFieldSlot
 from .tooltip import Tooltip
 
 # Alert Dialog
@@ -103,6 +103,7 @@ button = Button.create
 callout_root = CalloutRoot.create
 callout_icon = CalloutIcon.create
 callout_text = CalloutText.create
+callout = Callout.create
 
 # Card
 card = Card.create
@@ -209,6 +210,7 @@ textarea = TextArea.create
 textfield_root = TextFieldRoot.create
 textfield_input = TextFieldInput.create
 textfield_slot = TextFieldSlot.create
+input = Input.create
 
 # Tooltip
 tooltip = Tooltip.create

reflex/components/radix/themes/components/alertdialog.py

@@ -2,14 +2,15 @@
 from typing import Any, Dict, Literal
 
 from reflex import el
+from reflex.constants import EventTriggers
 from reflex.vars import Var
 
-from ..base import CommonMarginProps, LiteralSize, RadixThemesComponent
+from ..base import LiteralSize, RadixThemesComponent
 
 LiteralSwitchSize = Literal["1", "2", "3", "4"]
 
 
-class AlertDialogRoot(CommonMarginProps, RadixThemesComponent):
+class AlertDialogRoot(RadixThemesComponent):
     """Contains all the parts of the dialog."""
 
     tag = "AlertDialog.Root"
@@ -25,17 +26,17 @@ class AlertDialogRoot(CommonMarginProps, RadixThemesComponent):
         """
         return {
             **super().get_event_triggers(),
-            "on_open_change": lambda e0: [e0],
+            EventTriggers.ON_OPEN_CHANGE: lambda e0: [e0],
         }
 
 
-class AlertDialogTrigger(CommonMarginProps, RadixThemesComponent):
+class AlertDialogTrigger(RadixThemesComponent):
     """Wraps the control that will open the dialog."""
 
     tag = "AlertDialog.Trigger"
 
 
-class AlertDialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
+class AlertDialogContent(el.Div, RadixThemesComponent):
     """Contains the content of the dialog. This component is based on the div element."""
 
     tag = "AlertDialog.Content"
@@ -54,13 +55,13 @@ class AlertDialogContent(el.Div, CommonMarginProps, RadixThemesComponent):
         """
         return {
             **super().get_event_triggers(),
-            "on_open_auto_focus": lambda e0: [e0],
-            "on_close_auto_focus": lambda e0: [e0],
-            "on_escape_key_down": lambda e0: [e0],
+            EventTriggers.ON_OPEN_AUTO_FOCUS: lambda e0: [e0],
+            EventTriggers.ON_CLOSE_AUTO_FOCUS: lambda e0: [e0],
+            EventTriggers.ON_ESCAPE_KEY_DOWN: lambda e0: [e0],
         }
 
 
-class AlertDialogTitle(CommonMarginProps, RadixThemesComponent):
+class AlertDialogTitle(RadixThemesComponent):
     """An accessible title that is announced when the dialog is opened.
     This part is based on the Heading component with a pre-defined font size and
     leading trim on top.
@@ -69,7 +70,7 @@ class AlertDialogTitle(CommonMarginProps, RadixThemesComponent):
     tag = "AlertDialog.Title"
 
 
-class AlertDialogDescription(CommonMarginProps, RadixThemesComponent):
+class AlertDialogDescription(RadixThemesComponent):
     """An optional accessible description that is announced when the dialog is opened.
     This part is based on the Text component with a pre-defined font size.
     """
@@ -77,7 +78,7 @@ class AlertDialogDescription(CommonMarginProps, RadixThemesComponent):
     tag = "AlertDialog.Description"
 
 
-class AlertDialogAction(CommonMarginProps, RadixThemesComponent):
+class AlertDialogAction(RadixThemesComponent):
     """Wraps the control that will close the dialog. This should be distinguished
     visually from the Cancel control.
     """
@@ -85,7 +86,7 @@ class AlertDialogAction(CommonMarginProps, RadixThemesComponent):
     tag = "AlertDialog.Action"
 
 
-class AlertDialogCancel(CommonMarginProps, RadixThemesComponent):
+class AlertDialogCancel(RadixThemesComponent):
     """Wraps the control that will close the dialog. This should be distinguished
     visually from the Action control.
     """