Skip to content

v0.5.1 — button-group composite triggers + UI fixes

Choose a tag to compare

@MatthewKennedy MatthewKennedy released this 05 Jul 22:51
d29e7a1

Fixes surfaced by a docs-site sweep of the button-group and field pages, plus two new icons.

Fixed

  • Button group: corner squaring and shared-edge borders now reach trigger buttons nested inside composite children (DropdownMenu, Popover, HoverCard, Tooltip, Select, Combobox). shadcn's asChild merges the trigger onto the button; PhlexKit's wrapper divs were absorbing the group rules, leaving the inner button fully rounded with a doubled border. Nested triggers also lift on focus like direct children, and a direct-child .pk-select now hugs its trigger (width: fit-content, shadcn's select-trigger:w-fit) instead of stretching to 100%.
  • Select: the panel is width: max-content with min-width: 100% — options never wrap, a narrow trigger (e.g. a currency select in a button group) still gets a readable panel, and full-width form selects keep panel = trigger width.
  • Dropdown menu: href: items no longer show the UA underline at rest (text-decoration: none was only applied on hover/focus; menubar and navigation-menu already had it).
  • Field: vertical/responsive orientation width coercion (> * { width: 100%/auto }) no longer crushes fixed-size controls — .pk-switch was collapsing to a bare thumb circle; switch, checkbox and radio are now excluded.

Added

  • Icons: volume_off and user_x across all four libraries (lucide, tabler, phosphor, remix) — used by the rebuilt button-group dropdown example, which now mirrors shadcn's demo with per-row icons.
  • --pk-font-serif base token (ui-serif, Georgia, … default; the claude theme repoints it) and docs/07-TOKENS.md, the complete --pk-* token reference. Shortcut keys now read --pk-font-mono.

🤖 Generated with Claude Code