|
|
@@ -253,6 +253,243 @@ class Text(el.Span, RadixThemesComponent):
|
|
|
"""
|
|
|
...
|
|
|
|
|
|
+class Span(Text):
|
|
|
+ @overload
|
|
|
+ @classmethod
|
|
|
+ def create( # type: ignore
|
|
|
+ cls,
|
|
|
+ *children,
|
|
|
+ as_: Optional[
|
|
|
+ Union[
|
|
|
+ Var[Literal["p", "label", "div", "span"]],
|
|
|
+ Literal["p", "label", "div", "span"],
|
|
|
+ ]
|
|
|
+ ] = 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,
|
|
|
+ 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_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,
|
|
|
+ high_contrast: Optional[Union[Var[bool], bool]] = None,
|
|
|
+ access_key: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ auto_capitalize: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ content_editable: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ context_menu: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
|
+ draggable: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ enter_key_hint: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ hidden: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ input_mode: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ item_prop: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
|
+ role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
|
+ slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
|
|
|
+ spell_check: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ tab_index: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ title: Optional[
|
|
|
+ Union[Var[Union[str, int, bool]], Union[str, int, bool]]
|
|
|
+ ] = None,
|
|
|
+ style: Optional[Style] = None,
|
|
|
+ key: Optional[Any] = None,
|
|
|
+ id: Optional[Any] = None,
|
|
|
+ class_name: Optional[Any] = None,
|
|
|
+ autofocus: Optional[bool] = None,
|
|
|
+ custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
|
|
|
+ on_blur: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_click: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_context_menu: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_double_click: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_focus: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mount: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_down: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_enter: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_leave: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_move: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_out: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_over: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_mouse_up: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_scroll: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ on_unmount: Optional[
|
|
|
+ Union[EventHandler, EventSpec, list, function, BaseVar]
|
|
|
+ ] = None,
|
|
|
+ **props
|
|
|
+ ) -> "Span":
|
|
|
+ """Create a new component instance.
|
|
|
+
|
|
|
+ Will prepend "RadixThemes" to the component tag to avoid conflicts with
|
|
|
+ other UI libraries for common names, like Text and Button.
|
|
|
+
|
|
|
+ Args:
|
|
|
+ *children: Child components.
|
|
|
+ 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_scheme: 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.
|
|
|
+ content_editable: Indicates whether the element's content is editable.
|
|
|
+ context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
|
|
|
+ dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
|
|
|
+ draggable: Defines whether the element can be dragged.
|
|
|
+ enter_key_hint: Hints what media types the media element is able to play.
|
|
|
+ hidden: Defines whether the element is hidden.
|
|
|
+ input_mode: Defines the type of the element.
|
|
|
+ item_prop: Defines the name of the element for metadata purposes.
|
|
|
+ lang: Defines the language used in the element.
|
|
|
+ role: Defines the role of the element.
|
|
|
+ slot: Assigns a slot in a shadow DOM shadow tree to an element.
|
|
|
+ spell_check: Defines whether the element may be checked for spelling errors.
|
|
|
+ tab_index: Defines the position of the current element in the tabbing order.
|
|
|
+ title: Defines a tooltip for the element.
|
|
|
+ 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
|
|
|
+ custom_attrs: custom attribute
|
|
|
+ **props: Component properties.
|
|
|
+
|
|
|
+ Returns:
|
|
|
+ A new component instance.
|
|
|
+ """
|
|
|
+ ...
|
|
|
+
|
|
|
class Em(el.Em, RadixThemesComponent):
|
|
|
@overload
|
|
|
@classmethod
|
|
|
@@ -807,6 +1044,7 @@ class TextNamespace(SimpleNamespace):
|
|
|
kbd = staticmethod(Kbd.create)
|
|
|
quote = staticmethod(Quote.create)
|
|
|
strong = staticmethod(Strong.create)
|
|
|
+ span = staticmethod(Span.create)
|
|
|
|
|
|
@staticmethod
|
|
|
def __call__(
|
Thomas Brandého