Module: StimulusPlumbers::Themes::Tailwind::Timeline

Included in:: StimulusPlumbers::Themes::TailwindTheme

Defined in:: lib/stimulus_plumbers/themes/tailwind/timeline.rb,
lib/stimulus_plumbers/themes/tailwind/timeline/group.rb

Defined Under Namespace

Modules: Group

Constant Summary collapse

TRACK_VERTICAL =

%w[flex flex-col gap-y-10].freeze

TRACK_HORIZONTAL =

%w[flex].freeze

TRACK_LINE_VERTICAL =

%w[absolute inset-y-0 start-3 w-px bg-(--sp-color-border)].freeze

ITEM_VERTICAL =

%w[flex gap-x-4 items-start].freeze

ITEM_HORIZONTAL =

%w[relative flex-1].freeze

ITEM_INDICATOR_DOT =

%w[
  mt-1 flex shrink-0 size-6 items-center justify-center rounded-full z-10
  bg-(--sp-color-bg) ring-4 ring-(--sp-color-bg)
].freeze

ITEM_INDICATOR_DOT_MARK =

%w[size-3 rounded-full bg-(--sp-color-indicator)].freeze

ITEM_INDICATOR_ICON =

%w[
  mt-1 flex shrink-0 size-6 items-center justify-center rounded-full z-10
  bg-(--sp-color-primary) text-(--sp-color-primary-fg)
  ring-4 ring-(--sp-color-bg)
].freeze

ITEM_INDICATOR_ICON_SLOT =

%w[size-(--sp-icon-size-sm) stroke-current].freeze

ITEM_INDICATOR_DOT_HORIZONTAL =

%w[
  z-10 flex shrink-0 size-6 items-center justify-center rounded-full
  bg-(--sp-color-bg) ring-4 ring-(--sp-color-bg)
].freeze

ITEM_INDICATOR_ICON_HORIZONTAL =

%w[
  z-10 flex shrink-0 size-6 items-center justify-center rounded-full
  bg-(--sp-color-primary) text-(--sp-color-primary-fg)
  ring-4 ring-(--sp-color-bg)
].freeze

ITEM_CONNECTOR_HORIZONTAL =

%w[w-full h-px bg-(--sp-color-border) last:hidden].freeze

ITEM_CONTENT_HORIZONTAL =

%w[mt-3 pe-2].freeze

ITEM_TIME =

%w[mb-1 block text-sm leading-none text-(--sp-color-muted-fg)].freeze

ITEM_TIME_BADGE =

%w[
  mb-1 inline-block
  bg-(--sp-color-bg-muted) border border-(--sp-color-border)
  text-(--sp-color-fg) text-xs font-medium px-1.5 py-0.5 rounded
].freeze

ITEM_TITLE =

%w[mb-1 text-base font-semibold text-(--sp-color-fg)].freeze

ITEM_HEADING =

%w[mb-1].freeze

ITEM_TRIGGER =

%w[
  w-full text-left text-base font-semibold
  text-(--sp-color-fg)
  hover:text-(--sp-color-primary)
  focus-visible:outline-none focus-visible:ring-2
  focus-visible:ring-(--sp-color-primary) focus-visible:rounded-sm
].freeze

ITEM_DESCRIPTION =

%w[text-sm text-(--sp-color-muted-fg)].freeze

ITEM_DETAIL =

%w[mt-2 text-sm text-(--sp-color-muted-fg)].freeze

ITEM_ACTIONS =

%w[mt-3 flex flex-wrap items-center gap-2].freeze