use super::*;
#[cfg(not(feature = "theme-custom"))]
class! {
pub c_virtual_list_status {
display: "flex";
gap: var!(gap-component);
padding: format!("{} 0px", var!(gap-component));
flex-wrap: "nowrap";
overflow: "hidden";
text-overflow: "ellipsis";
white-space: "nowrap";
@media ((max-width: 767px)) {
gap: var!(gap-component-mobile);
}
}
pub c_virtual_list_status_item {
font-size: var!(font-base);
color: "inherit";
overflow: "hidden";
text-overflow: "ellipsis";
white-space: "nowrap";
}
pub c_virtual_list_status_value {
font-weight: var!(font-weight-bold);
color: var!(primary);
font-family: var!(font-family-mono);
}
pub c_virtual_list_card {
flex: "1";
padding: var!(space-xl);
color: var!(foreground);
display: "flex";
flex-direction: "column";
@media ((max-width: 767px)) {
padding: var!(space-lg);
}
border-radius: var!(radius-xl);
}
pub c_virtual_list_row {
display: "flex";
align-items: "center";
gap: var!(space-lg);
height: "100%";
box-sizing: "border-box";
}
pub c_virtual_list_row_index {
min-width: "36px";
font-size: var!(font-sm);
font-weight: var!(font-weight-semibold);
color: var!(primary);
font-family: var!(font-family-mono);
flex-shrink: "0";
display: "flex";
align-items: "center";
}
pub c_virtual_list_row_label {
font-size: var!(font-base);
font-weight: var!(font-weight-medium);
color: "inherit";
min-width: "120px";
flex-shrink: "0";
overflow: "hidden";
text-overflow: "ellipsis";
white-space: "nowrap";
display: "flex";
align-items: "center";
}
pub c_virtual_list_row_description {
font-size: var!(font-base);
color: "inherit";
opacity: "1";
overflow: "hidden";
text-overflow: "ellipsis";
white-space: "nowrap";
flex: "1";
display: "flex";
align-items: "center";
}
pub c_net_messages_empty {
color: "inherit";
opacity: "1";
padding: var!(space-xl);
text-align: "center";
font-size: var!(font-base);
}
pub c_net_messages_list {
display: "flex";
flex-direction: "column";
gap: var!(space-xs);
}
pub c_net_message_item {
display: "flex";
align-items: "baseline";
gap: var!(gap-element);
justify-content: "space-between";
}
pub c_net_message_index {
color: var!(primary);
font-size: var!(font-sm);
font-weight: var!(font-weight-semibold);
white-space: "nowrap";
flex-shrink: "0";
}
pub c_net_message_data {
color: "inherit";
font-size: var!(font-base);
word-break: "break-all";
overflow-wrap: "break-word";
flex: "1";
min-width: "0";
}
pub c_ws_message_input {
width: "100%";
flex: "1";
height: "42px";
padding: format!("0px {}", var!(space-lg));
color: var!(foreground);
border: format!("{} solid {}", var!(border-width), var!(border));
font-size: var!(font-base);
line-height: "normal";
box-sizing: "border-box";
outline: "none";
appearance: "none";
-webkit-appearance: "none";
-moz-appearance: "none";
vertical-align: "middle";
:hover {
border-color: var!(primary);
background: var!(muted);
}
:focus {
outline: "none";
border-color: var!(primary);
background: var!(muted);
}
border-radius: var!(radius-md);
}
pub c_ws_message_time {
color: var!(foreground);
font-size: var!(font-sm);
white-space: "nowrap";
flex-shrink: "0";
margin-left: "auto";
}
pub(crate) c_euv_table {
width: "100%";
border-collapse: "collapse";
table-layout: "auto";
font-size: var!(font-base);
color: var!(foreground);
overflow-x: "auto";
display: "block";
@media ((max-width: 767px)) {
overflow-x: "auto";
}
border-radius: var!(radius-sm);
}
pub(crate) c_euv_table_head {
font-size: var!(font-xs);
font-weight: var!(font-weight-semibold);
letter-spacing: var!(letter-spacing-wide);
text-transform: var!(text-transform-uppercase);
}
pub(crate) c_euv_table_body {
font-size: var!(font-base);
}
pub(crate) c_euv_table_row {
border-bottom: format!("{} solid {}", var!(border-width), var!(border));
}
pub(crate) c_euv_table_row_zebra {
border-bottom: format!("{} solid {}", var!(border-width), var!(border));
background: var!(muted);
}
pub(crate) c_euv_table_cell {
padding: format!("{} {}", var!(space-md), var!(space-lg));
text-align: "left";
vertical-align: "middle";
white-space: "nowrap";
}
pub(crate) c_euv_table_cell_center {
padding: format!("{} {}", var!(space-md), var!(space-lg));
text-align: "center";
vertical-align: "middle";
white-space: "nowrap";
}
pub(crate) c_euv_table_cell_right {
padding: format!("{} {}", var!(space-md), var!(space-lg));
text-align: "right";
vertical-align: "middle";
white-space: "nowrap";
}
pub(crate) c_euv_table_header_cell {
padding: format!("{} {}", var!(space-md), var!(space-lg));
text-align: "left";
vertical-align: "middle";
white-space: "nowrap";
font-size: var!(font-xs);
font-weight: var!(font-weight-semibold);
letter-spacing: var!(letter-spacing-wide);
text-transform: var!(text-transform-uppercase);
border-bottom: format!("{} solid {}", var!(border-width), var!(border));
}
pub(crate) c_euv_table_caption {
caption-side: "bottom";
padding-top: var!(space-sm);
font-size: var!(font-sm);
color: var!(muted-foreground);
text-align: "left";
}
pub(crate) c_euv_stat {
display: "flex";
flex-direction: "column";
gap: var!(space-2xs);
padding: var!(space-lg);
border: format!("{} solid {}", var!(border-width), var!(border));
border-radius: var!(radius-lg);
}
pub(crate) c_euv_stat_icon {
display: "flex";
align-items: "center";
justify-content: "center";
font-size: var!(font-2xl);
line-height: "1";
color: var!(foreground);
flex-shrink: "0";
}
pub(crate) c_euv_stat_value {
font-size: var!(font-2xl);
font-weight: var!(font-weight-bold);
color: var!(primary);
line-height: "1.1";
font-family: var!(font-family-mono);
}
pub(crate) c_euv_stat_label {
font-size: var!(font-sm);
color: var!(muted-foreground);
}
pub(crate) c_euv_stat_hint {
font-size: var!(font-xs);
color: var!(muted-foreground);
}
pub(crate) c_euv_steps {
display: "flex";
flex-direction: "row";
align-items: "flex-start";
gap: var!(space-lg);
width: "100%";
@media ((max-width: 767px)) {
flex-direction: "column";
gap: var!(space-md);
}
}
pub(crate) c_euv_step {
display: "flex";
flex-direction: "row";
align-items: "flex-start";
gap: var!(space-sm);
flex: "1";
min-width: "0";
font-size: var!(font-base);
color: var!(muted-foreground);
@media ((max-width: 767px)) {
width: "100%";
}
}
pub(crate) c_euv_step_active {
display: "flex";
flex-direction: "row";
align-items: "flex-start";
gap: var!(space-sm);
flex: "1";
min-width: "0";
font-size: var!(font-base);
color: var!(foreground);
@media ((max-width: 767px)) {
width: "100%";
}
}
pub(crate) c_euv_step_done {
display: "flex";
flex-direction: "row";
align-items: "flex-start";
gap: var!(space-sm);
flex: "1";
min-width: "0";
font-size: var!(font-base);
color: var!(foreground);
@media ((max-width: 767px)) {
width: "100%";
}
}
pub(crate) c_euv_step_marker {
display: "flex";
align-items: "center";
justify-content: "center";
width: "24px";
height: "24px";
flex-shrink: "0";
box-sizing: "border-box";
border-radius: var!(radius-full);
border: format!("{} solid {}", var!(border-width), var!(border));
background: var!(background);
color: var!(muted-foreground);
font-size: var!(font-xs);
font-weight: var!(font-weight-semibold);
line-height: "1";
}
pub(crate) c_euv_step_title {
font-size: var!(font-base);
font-weight: var!(font-weight-medium);
color: var!(foreground);
margin: "0px";
}
pub(crate) c_euv_step_desc {
font-size: var!(font-sm);
color: var!(muted-foreground);
margin: "0px";
}
pub(crate) c_euv_step_line {
flex: "1";
height: "0px";
align-self: "center";
border: "none";
border-top: format!("{} solid {}", var!(border-width), var!(border));
min-width: var!(space-lg);
@media ((max-width: 767px)) {
display: "none";
}
}
pub(crate) c_euv_timeline {
display: "flex";
flex-direction: "column";
gap: var!(space-lg);
width: "100%";
}
pub(crate) c_euv_timeline_item {
position: "relative";
display: "flex";
flex-direction: "row";
align-items: "flex-start";
gap: var!(space-md);
padding-left: var!(space-lg);
}
pub(crate) c_euv_timeline_marker {
position: "absolute";
left: "0px";
top: "0px";
display: "flex";
align-items: "center";
justify-content: "center";
width: "10px";
height: "10px";
box-sizing: "border-box";
border-radius: var!(radius-full);
border: format!("{} solid {}", var!(border-width), var!(primary));
background: var!(background);
}
pub(crate) c_euv_timeline_content {
display: "flex";
flex-direction: "column";
gap: var!(space-2xs);
flex: "1";
min-width: "0";
}
pub(crate) c_euv_timeline_title {
font-size: var!(font-base);
font-weight: var!(font-weight-semibold);
color: var!(foreground);
margin: "0px";
}
pub(crate) c_euv_timeline_desc {
font-size: var!(font-sm);
color: var!(foreground);
margin: "0px";
}
pub(crate) c_euv_timeline_time {
font-size: var!(font-xs);
color: var!(muted-foreground);
font-family: var!(font-family-mono);
}
pub(crate) c_euv_timeline_line {
position: "absolute";
left: "4px";
top: "12px";
bottom: format!("-{}", var!(space-lg));
width: "0px";
border: "none";
border-left: format!("{} solid {}", var!(border-width), var!(border));
}
pub(crate) c_euv_skeleton {
display: "block";
width: "100%";
height: "16px";
border-radius: var!(radius-sm);
border: format!("{} solid {}", var!(border-width), var!(border));
background: var!(muted);
animation: format!("euv-pulse 1.5s {} infinite", var!(ease-in-out));
}
pub(crate) c_euv_skeleton_line {
display: "block";
width: "100%";
height: "12px";
border-radius: var!(radius-sm);
border: format!("{} solid {}", var!(border-width), var!(border));
background: var!(muted);
animation: format!("euv-pulse 1.5s {} infinite", var!(ease-in-out));
}
pub(crate) c_virtual_list_container {
flex: "1";
height: "666px";
max-height: "666px";
overflow-y: "auto";
}
pub(crate) c_euv_list {
display: "flex";
flex-direction: "column";
width: "100%";
border: "none";
margin: "0px";
padding: "0px";
list-style: "none";
}
pub(crate) c_euv_list_item {
display: "flex";
align-items: "center";
justify-content: "space-between";
gap: var!(gap-element);
width: "100%";
padding: format!("{} 0px", var!(space-sm));
border-bottom: format!("{} solid {}", var!(border-width), var!(border));
box-sizing: "border-box";
border-radius: var!(radius-sm);
}
pub(crate) c_euv_list_item_body {
flex: "1";
min-width: "0px";
display: "flex";
flex-direction: "column";
gap: var!(space-2xs);
}
pub(crate) c_euv_list_item_title {
font-size: var!(font-base);
font-weight: var!(font-weight-medium);
color: var!(foreground);
}
pub(crate) c_euv_list_item_desc {
font-size: var!(font-sm);
color: var!(muted-foreground);
overflow-wrap: "anywhere";
}
pub(crate) c_euv_list_item_meta {
flex-shrink: "0";
font-size: var!(font-sm);
color: var!(muted-foreground);
white-space: "nowrap";
}
pub(crate) c_euv_list_empty {
padding: var!(space-xl);
color: var!(muted-foreground);
font-size: var!(font-sm);
text-align: "center";
}
pub(crate) c_euv_descriptions {
display: "grid";
grid-template-columns: "repeat(var(--descriptions-columns, 1), minmax(0, 1fr))";
width: "100%";
border-top: format!("{} solid {}", var!(border-width), var!(border));
border-left: format!("{} solid {}", var!(border-width), var!(border));
box-sizing: "border-box";
}
pub(crate) c_euv_descriptions_item {
display: "flex";
flex-direction: "column";
gap: var!(space-2xs);
padding: var!(space-sm);
border-right: format!("{} solid {}", var!(border-width), var!(border));
border-bottom: format!("{} solid {}", var!(border-width), var!(border));
box-sizing: "border-box";
min-width: "0px";
}
pub(crate) c_euv_descriptions_label {
font-size: var!(font-sm);
color: var!(muted-foreground);
}
pub(crate) c_euv_descriptions_value {
font-size: var!(font-base);
color: var!(foreground);
overflow-wrap: "anywhere";
}
pub(crate) c_euv_tree {
display: "flex";
flex-direction: "column";
width: "100%";
font-size: var!(font-base);
color: var!(foreground);
}
pub(crate) c_euv_tree_node {
display: "flex";
flex-direction: "column";
}
pub(crate) c_euv_tree_node_row {
display: "flex";
align-items: "center";
gap: var!(space-sm);
min-height: var!(control-height);
padding: format!("{} 0px", var!(space-xs));
cursor: "pointer";
touch-action: "manipulation";
user-select: "none";
-webkit-user-select: "none";
box-sizing: "border-box";
:hover {
background: var!(muted);
color: var!(primary);
}
}
pub(crate) c_euv_tree_node_row_active {
display: "flex";
align-items: "center";
gap: var!(space-sm);
min-height: var!(control-height);
padding: format!("{} 0px", var!(space-xs));
background: var!(muted);
color: var!(primary);
font-weight: var!(font-weight-semibold);
cursor: "pointer";
touch-action: "manipulation";
user-select: "none";
-webkit-user-select: "none";
box-sizing: "border-box";
:hover {
background: var!(muted);
color: var!(primary);
}
}
pub(crate) c_euv_tree_node_toggle {
flex-shrink: "0";
width: var!(space-md);
font-size: var!(font-xs);
line-height: "1";
color: var!(muted-foreground);
text-align: "center";
}
pub(crate) c_euv_tree_node_toggle_open {
flex-shrink: "0";
width: var!(space-md);
font-size: var!(font-xs);
line-height: "1";
color: var!(muted-foreground);
text-align: "center";
transform: "rotate(90deg)";
}
pub(crate) c_euv_tree_node_toggle_leaf {
flex-shrink: "0";
width: var!(space-md);
font-size: var!(font-xs);
line-height: "1";
color: var!(muted-foreground);
text-align: "center";
opacity: "0";
}
pub(crate) c_euv_tree_node_label {
flex: "1";
min-width: "0px";
overflow: "hidden";
text-overflow: "ellipsis";
white-space: "nowrap";
}
pub(crate) c_euv_tree_node_children {
display: "flex";
flex-direction: "column";
padding-left: var!(space-lg);
border-left: format!("{} solid {}", var!(border-width), var!(border));
margin-left: format!("calc({} - 1px)", var!(space-md));
}
pub(crate) c_euv_tree_node_children_open {
display: "flex";
flex-direction: "column";
padding-left: var!(space-lg);
border-left: format!("{} solid {}", var!(border-width), var!(border));
margin-left: format!("calc({} - 1px)", var!(space-md));
}
pub(crate) c_euv_tree_node_children_closed {
display: "none";
}
}
#[cfg(feature = "theme-custom")]
class! {
pub c_virtual_list_status {}
pub c_virtual_list_status_item {}
pub c_virtual_list_status_value {}
pub c_virtual_list_card {}
pub c_virtual_list_row {}
pub c_virtual_list_row_index {}
pub c_virtual_list_row_label {}
pub c_virtual_list_row_description {}
pub c_net_messages_empty {}
pub c_net_messages_list {}
pub c_net_message_item {}
pub c_net_message_index {}
pub c_net_message_data {}
pub c_ws_message_input {}
pub c_ws_message_time {}
pub(crate) c_euv_table {}
pub(crate) c_euv_table_head {}
pub(crate) c_euv_table_body {}
pub(crate) c_euv_table_row {}
pub(crate) c_euv_table_row_zebra {}
pub(crate) c_euv_table_cell {}
pub(crate) c_euv_table_cell_center {}
pub(crate) c_euv_table_cell_right {}
pub(crate) c_euv_table_header_cell {}
pub(crate) c_euv_table_caption {}
pub(crate) c_euv_stat {}
pub(crate) c_euv_stat_icon {}
pub(crate) c_euv_stat_value {}
pub(crate) c_euv_stat_label {}
pub(crate) c_euv_stat_hint {}
pub(crate) c_euv_steps {}
pub(crate) c_euv_step {}
pub(crate) c_euv_step_active {}
pub(crate) c_euv_step_done {}
pub(crate) c_euv_step_marker {}
pub(crate) c_euv_step_title {}
pub(crate) c_euv_step_desc {}
pub(crate) c_euv_step_line {}
pub(crate) c_euv_timeline {}
pub(crate) c_euv_timeline_item {}
pub(crate) c_euv_timeline_marker {}
pub(crate) c_euv_timeline_content {}
pub(crate) c_euv_timeline_title {}
pub(crate) c_euv_timeline_desc {}
pub(crate) c_euv_timeline_time {}
pub(crate) c_euv_timeline_line {}
pub(crate) c_euv_skeleton {}
pub(crate) c_euv_skeleton_line {}
pub(crate) c_virtual_list_container {}
pub(crate) c_euv_list {}
pub(crate) c_euv_list_item {}
pub(crate) c_euv_list_item_body {}
pub(crate) c_euv_list_item_title {}
pub(crate) c_euv_list_item_desc {}
pub(crate) c_euv_list_item_meta {}
pub(crate) c_euv_list_empty {}
pub(crate) c_euv_descriptions {}
pub(crate) c_euv_descriptions_item {}
pub(crate) c_euv_descriptions_label {}
pub(crate) c_euv_descriptions_value {}
pub(crate) c_euv_tree {}
pub(crate) c_euv_tree_node {}
pub(crate) c_euv_tree_node_row {}
pub(crate) c_euv_tree_node_row_active {}
pub(crate) c_euv_tree_node_toggle {}
pub(crate) c_euv_tree_node_toggle_open {}
pub(crate) c_euv_tree_node_toggle_leaf {}
pub(crate) c_euv_tree_node_label {}
pub(crate) c_euv_tree_node_children {}
pub(crate) c_euv_tree_node_children_open {}
pub(crate) c_euv_tree_node_children_closed {}
}