mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-31 14:16:39 +01:00
Previously the whole list was one bordered box with a divider line under
every routine row. Per feedback, promote each group into its own bordered
card and remove the per-row dividers so routines sit borderless inside.
- Routines.tsx: stack groups with gap-3; wrap each Collapsible in its own
rounded border card (overflow-hidden); header border-b only while open.
- RoutineList.tsx: add divider prop (default true to preserve other lists);
the grouped list passes divider={false}.
- Add storybook story for the grouped-cards layout.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@paperclipai/ui
Published static assets for the Paperclip board UI.
What gets published
The npm package contains the production build under dist/. It does not ship the UI source tree or workspace-only dependencies.
Storybook
Storybook config, stories, and fixtures live under ui/storybook/.
pnpm --filter @paperclipai/ui storybook
pnpm --filter @paperclipai/ui build-storybook
Typical use
Install the package, then serve or copy the built files from node_modules/@paperclipai/ui/dist.