Johnpaul Chiwetelu 316a05c77f fix: replace hardcoded styles with design tokens and cache StatusBadge variants (#9349) ...

## Summary

Replace hardcoded color and spacing values with semantic design tokens
and cache a computed variant class in StatusBadge.

## Changes

- **What**: Use Tailwind 4 CSS spacing variables in FormDropdownMenu
layout configs, replace zinc color utilities with semantic
`node-component-border` tokens in FormDropdownInput, wrap
`statusBadgeVariants()` in a `computed` for caching in StatusBadge.

## Review Focus

Straightforward token replacements and a computed caching change -- no
behavioral differences expected.

Fixes #9087
Fixes #9086
Fixes #7910

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9349-fix-replace-hardcoded-styles-with-design-tokens-and-cache-StatusBadge-variants-3186d73d36508185aae2e0753c9d1694)
by [Unito](https://www.unito.io)

2026-03-04 14:23:47 -08:00

..

components

Misc app mode fixes (#9368)

2026-03-04 10:14:05 -08:00

composables

fix: sync subgraph name on double-click title rename (#9353)

2026-03-02 20:15:21 -08:00

execution

fix Vue node border styles in different states (executing, error, selected) (#6018)

2025-10-11 12:20:06 -07:00

interactions/resize

fix: address small CodeRabbit issues (#9229)

2026-02-26 02:32:53 -08:00

layout

fix: prevent node height shrinking on vueNodes/litegraph mode switch (#8697)

2026-02-06 12:52:13 -08:00

preview

Tighter image sizing in vue mode (#8702)

2026-02-06 16:39:26 -08:00

stores

Refactor vue slot tracking (#5463)

2025-09-16 19:28:04 -07:00

utils

linear v2: Simple Mode (#7734)

2026-01-13 20:18:31 -08:00

widgets

fix: replace hardcoded styles with design tokens and cache StatusBadge variants (#9349)

2026-03-04 14:23:47 -08:00

VideoPreview.vue

feat: synthetic widgets getter for SubgraphNode (proxy-widget-v2) (#8856)

2026-02-23 13:33:41 -08:00