ev_lib_classes 0.4.0

Pure styling data (Tailwind class tables) shared by the Dioxus uikit and the TS codegen — no Dioxus.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

use tailwind_fuse::{AsTailwindClass, TwVariant};

/// Base shared by every toast. The TS mirror appends its swipe-only utilities
/// (`touch-pan-y select-none`) on top — that styling is behaviour-specific and
/// stays in the React component (the Rust kit has no swipe-to-dismiss).
pub const TOAST_BASE: &str = "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg";

pub const TOAST_CLOSE: &str = "text-ink/50 hover:text-ink shrink-0 transition-colors";

pub const TOAST_CONTENT: &str = "flex-1 space-y-1";

pub const TOAST_TITLE: &str = "font-medium";

/// Pinned stack container base; the per-position offsets ride on [`ToastPosition`].
pub const TOASTER_BASE: &str = "pointer-events-none fixed z-100 w-[calc(100%-2rem)] max-w-sm";

#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
#[strum(serialize_all = "kebab-case")]
pub enum ToastVariant {
	#[tw(default, class = "bg-popover text-ink border-border")]
	Neutral,
	#[tw(class = "bg-popover text-ink border-positive/40")]
	Positive,
	#[tw(class = "bg-popover text-ink border-border")]
	Info,
	#[tw(class = "bg-popover text-ink border-border")]
	Warn,
	#[tw(class = "bg-popover text-ink border-accent-error/50")]
	Error,
}

#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
#[strum(serialize_all = "kebab-case")]
pub enum ToastPosition {
	#[tw(class = "top-4 left-4")]
	TopLeft,
	#[tw(class = "top-4 left-1/2 -translate-x-1/2")]
	TopCenter,
	#[tw(class = "top-4 right-4")]
	TopRight,
	#[tw(class = "bottom-4 left-4")]
	BottomLeft,
	#[tw(class = "bottom-4 left-1/2 -translate-x-1/2")]
	BottomCenter,
	#[tw(default, class = "bottom-4 right-4")]
	BottomRight,
}