Module: StimulusPlumbers::Themes::Tailwind::List

Included in:

StimulusPlumbers::Themes::TailwindTheme

Defined in:

lib/stimulus_plumbers/themes/tailwind/list.rb

Constant Summary

SECTION_TITLE_BASE =

── Section ───────────────────────────────────────────────────────────

%w[
  block px-(--sp-space-2) pb-(--sp-space-1)
  text-(length:--sp-text-xs) font-semibold uppercase tracking-wider
  text-(--sp-color-muted-fg)
].freeze

SECTION_DESCRIPTION_BASE =

%w[
  block px-(--sp-space-2) pb-(--sp-space-1)
  text-(length:--sp-text-xs) text-(--sp-color-muted-fg)
].freeze

ITEM_BASE =

── Item ──────────────────────────────────────────────────────────────

[
  *Control::BASE,
  "flex items-center gap-(--sp-space-2) w-full",
  "px-(--sp-space-2) py-(--sp-space-1)",
  "rounded-(--sp-radius-sm) text-(length:--sp-text-sm)",
  "cursor-pointer select-none",
  "text-(--sp-color-fg)",
  "focus-visible:ring-(--sp-color-primary-ring)",
  "hover:bg-(--sp-color-muted) focus:bg-(--sp-color-muted) focus:text-(--sp-color-fg)",
  "aria-[current]:bg-(--sp-color-primary)/10 aria-[current]:text-(--sp-color-primary)"
].freeze

ITEM_CONTENT_BASE =

%w[
  flex flex-col flex-1 min-w-0
].freeze

ITEM_TITLE_BASE =

%w[
  text-(length:--sp-text-sm) font-medium text-(--sp-color-fg)
].freeze

ITEM_DESCRIPTION_BASE =

%w[
  text-(length:--sp-text-xs) text-(--sp-color-muted-fg)
].freeze