ev_lib_classes 0.3.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
48
49
50
51
52
53
54
55
56
57
58
59

use tailwind_fuse::{AsTailwindClass, TwVariant};

pub const ITEM_GROUP: &str = "group/item-group flex flex-col";

pub const ITEM_SEPARATOR: &str = "my-0";

/// Shared base for the two-axis (variant × size) item. Fused with the variant
/// and size class last-wins, mirroring the TS `cn(ITEM_BASE, itemVariants[v], itemSizes[s])`.
pub const ITEM_BASE: &str = "group/item flex items-center border border-transparent text-sm rounded-md transition-colors \
                             [a]:hover:bg-hover/50 [a]:transition-colors duration-100 flex-wrap outline-none \
                             focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]";

pub const ITEM_MEDIA_BASE: &str = "flex shrink-0 items-center justify-center gap-2 \
                                   group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none \
                                   group-has-[[data-slot=item-description]]/item:translate-y-0.5";

pub const ITEM_CONTENT: &str = "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none";

pub const ITEM_TITLE: &str = "flex w-fit items-center gap-2 text-sm leading-snug font-medium";

pub const ITEM_DESCRIPTION: &str = "text-ink-soft line-clamp-2 text-sm leading-normal font-normal text-balance \
                                    [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4";

pub const ITEM_ACTIONS: &str = "flex items-center gap-2";

pub const ITEM_HEADER: &str = "flex basis-full items-center justify-between gap-2";

pub const ITEM_FOOTER: &str = "flex basis-full items-center justify-between gap-2";

#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
#[strum(serialize_all = "kebab-case")]
pub enum ItemVariant {
	#[tw(default, class = "bg-transparent")]
	Default,
	#[tw(class = "border-border")]
	Outline,
	#[tw(class = "bg-muted/50")]
	Muted,
}

#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
#[strum(serialize_all = "kebab-case")]
pub enum ItemSize {
	#[tw(default, class = "p-4 gap-4")]
	Md,
	#[tw(class = "py-3 px-4 gap-2.5")]
	Sm,
}

#[derive(PartialEq, TwVariant, strum::AsRefStr, strum::EnumIter)]
#[strum(serialize_all = "kebab-case")]
pub enum ItemMediaVariant {
	#[tw(default, class = "bg-transparent")]
	Default,
	#[tw(class = "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4")]
	Icon,
	#[tw(class = "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover")]
	Image,
}