Skip to content

feat(ui): upgrade Select to authentic Lobby Terminal spec and remove lucide icons (#10) - #12

Merged
YoungSx merged 3 commits into
mainfrom
feat/select-upgrade
Oct 14, 2026
Merged

YoungSx merged 3 commits into
mainfrom
feat/select-upgrade

Conversation

@YoungSx

@YoungSx YoungSx commented Oct 14, 2026

Copy link
Copy Markdown
Owner

Closes #10

Summary

  • Removed Third-Party Icon Dependency: Completely removed lucide-react imports (ChevronDownIcon, ChevronUpIcon) from packages/ui/src/components/ui/select.tsx.
  • Authentic Splatoon Vector Glyph: Created SelectChevron with rough-cut vector geometry (matching nav-chevron.tsx and button.tsx), supporting 180° rotation on dropdown open.
  • Lobby Terminal Cut Edge & Palette: Added packages/ui/src/components/ui/select.module.css providing:
    • Asymmetric Lobby Terminal corner radii (7px 11px 8px 12px)
    • Warm sand surface (var(--desert-sand, #f4eee0)), pure black 2.5px border, and solid 2.5px shadow
    • Tactile focus/open displacement (translate(-1px, -1px)) with glowing focus ring (--input-focus-color)
    • Dropdown popup with solid 3px border, 4px solid shadow, and fluorescent yellow (var(--color-yellow)) hover highlight
    • Native ink splat (Splat10) active item stamp
  • Documentation & Verification:
    • Updated apps/docs/src/docs/examples/select.tsx showcasing battle mode selection, focusColor tokens, and sizing.
    • All 27 regression suites passed (node tests/run.mjs).
    • TypeScript typechecks and ESLint checks pass with 0 errors.

@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

@YoungSx
YoungSx merged commit a198e0e into main Oct 14, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(ui): 升级 Select 下拉选择器为大厅终端/装备筛选实机原生规范(移除通用图标)

1 participant