radix Theme panel_background prop: transparent -> translucent (#2504)

reflex/components/radix/themes/base.py

@@ -15,7 +15,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[
@@ -148,25 +148,25 @@ class Theme(RadixThemesComponent):
 
     tag = "Theme"
 
-    # Whether to apply the themes background color to the theme node.
+    # Whether to apply the themes background color to the theme node. Defaults to True.
     has_background: Var[bool]
 
-    # Override light or dark mode theme: "inherit" | "light" | "dark"
+    # Override light or dark mode theme: "inherit" | "light" | "dark". Defaults to "inherit".
     appearance: Var[LiteralAppearance]
 
     # The color used for default buttons, typography, backgrounds, etc
     accent_color: Var[LiteralAccentColor]
 
-    # The shade of gray
+    # The shade of gray, defaults to "auto".
     gray_color: Var[LiteralGrayColor]
 
-    # Whether panel backgrounds are transparent: "solid" | "transparent" (default)
+    # Whether panel backgrounds are translucent: "solid" | "translucent" (default)
     panel_background: Var[LiteralPanelBackground]
 
-    # Element border radius: "none" | "small" | "medium" | "large" | "full"
+    # Element border radius: "none" | "small" | "medium" | "large" | "full". Defaults to "medium".
     radius: Var[LiteralRadius]
 
-    # Scale of all theme items: "90%" | "95%" | "100%" | "105%" | "110%"
+    # Scale of all theme items: "90%" | "95%" | "100%" | "105%" | "110%". Defaults to "100%"
     scaling: Var[LiteralScaling]
 
     def _get_imports(self) -> imports.ImportDict:

reflex/components/radix/themes/base.pyi

@@ -19,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[
@@ -470,7 +470,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[
@@ -546,13 +546,13 @@ 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.