ConsequencesBullets

Source: client/lib/theme/vueda-tailwind/display/index.js

List wrapper for consequence rows with no browser list chrome.

Vue component: ConsequencesBullets

Slot	Default classes	Description
root	flex flex-col gap-2 m-0 p-0 list-none	List wrapper for consequence rows with no browser list chrome.
item	grid grid-cols-[18px_1fr] items-start gap-x-2.5	Two-column row that keeps the icon column aligned even when the icon is empty.
icon	2 classes	Fixed icon cell tinted by row tone via ConsequencesBullets.toneWarn or ConsequencesBullets.toneDanger.
text	flex flex-col gap-0.5 min-w-0	Label and optional description stack for one consequence.
label	text-[13px] font-semibold leading-[1.35] text-foreground	Foreground consequence title in the body text role.
description	text-[11.5px] font-normal leading-[1.4] text-muted-foreground	Supporting consequence detail text below the label.
toneWarn	text-warning	Warning tone applied to the row icon for cautionary consequences.
toneDanger	text-destructive	Destructive tone applied to the row icon for irreversible consequences.

root

List wrapper for consequence rows with no browser list chrome.

Default classes:

flex flex-col gap-2 m-0 p-0 list-none

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:16

item

Two-column row that keeps the icon column aligned even when the icon is empty.

Default classes:

grid grid-cols-[18px_1fr] items-start gap-x-2.5

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:20

icon

Fixed icon cell tinted by row tone via ConsequencesBullets.toneWarn or ConsequencesBullets.toneDanger.

Default classes:

flex h-[18px] w-[18px] items-center justify-center mt-px
text-[14px] leading-none text-muted-foreground

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:24

text

Label and optional description stack for one consequence.

Default classes:

flex flex-col gap-0.5 min-w-0

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:31

label

Foreground consequence title in the body text role.

Default classes:

text-[13px] font-semibold leading-[1.35] text-foreground

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:35

description

Supporting consequence detail text below the label.

Default classes:

text-[11.5px] font-normal leading-[1.4] text-muted-foreground

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:39

toneWarn

Warning tone applied to the row icon for cautionary consequences.

Default classes:

text-warning

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:43

toneDanger

Destructive tone applied to the row icon for irreversible consequences.

Default classes:

text-destructive

Source: client/lib/theme/vueda-tailwind/display/ConsequencesBullets.theme.js:47