Module: StimulusPlumbers::Themes::Tailwind::Link

Included in:

StimulusPlumbers::Themes::TailwindTheme

Defined in:

lib/stimulus_plumbers/themes/tailwind/link.rb

Constant Summary

BASE =

── Type styles ───────────────────────────────────────────────────────

[
  *Control::BASE,
  "inline-flex items-center gap-(--sp-space-1)",
  "text-(--link-color)",
  "hover:underline",
  "focus-visible:ring-(--link-ring)"
].freeze

BUTTON =

[
  *Control::BASE,
  "whitespace-nowrap",
  "inline-flex items-center justify-center gap-(--sp-space-2)",
  "h-9 px-(--sp-space-4) text-(length:--sp-text-base)",
  "[&:not(:has(>span))]:aspect-square",
  "[&:not(:has(>span))]:px-0",
  "rounded-(--sp-radius-md)",
  "bg-(--sp-color-bg) text-(--link-color)",
  "border border-(--link-color)",
  "hover:bg-(--link-bg)/10",
  "focus-visible:ring-(--link-ring)"
].freeze

CARD =

[
  *Control::BASE,
  "whitespace-nowrap",
  *Button::CARD,
  "rounded-(--sp-radius-md)",
  "bg-(--sp-color-bg) text-(--link-color)",
  "border border-(--link-color) shadow-(--sp-shadow-xs)",
  "hover:bg-(--link-bg)/10",
  "focus-visible:ring-(--link-ring)"
].freeze

VARIANTS =

── Color tokens ──────────────────────────────────────────────────────

{
  default:     %w[
    [--link-color:var(--sp-color-primary)]
    [--link-ring:var(--sp-color-primary)]
    [--link-bg:var(--sp-color-primary)]
  ].freeze,
  success:     %w[
    [--link-color:var(--sp-color-success)]
    [--link-ring:var(--sp-color-success-ring)]
    [--link-bg:var(--sp-color-success)]
  ].freeze,
  destructive: %w[
    [--link-color:var(--sp-color-destructive)]
    [--link-ring:var(--sp-color-destructive)]
    [--link-bg:var(--sp-color-destructive)]
  ].freeze,
  warning:     %w[
    [--link-color:var(--sp-color-warning)]
    [--link-ring:var(--sp-color-warning-ring)]
    [--link-bg:var(--sp-color-warning)]
  ].freeze,
  info:        %w[
    [--link-color:var(--sp-color-info)]
    [--link-ring:var(--sp-color-info-ring)]
    [--link-bg:var(--sp-color-info)]
  ].freeze
}.freeze