Repository navigation
feat: export pill shape defaults, and shape controls on the pill demos - #40
Merged
Merged
Conversation
…preview `@klinking/squircle/pill-worklet` now exports `PILL_SHAPE_PROPERTIES`: each shape setting's custom property and default, from the same constants the stylesheet and worklet use. The pill algorithms preview opens on those defaults, so it always matches the package. Without paint worklets it uses the polyfill, refreshed as the sliders move, and draws the CAD fillet pill as a clip-path of the same outline. The site layout falls back to the polyfill too, through a shared loader in website/src/lib/pills.ts. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UezoYT6TNApC4Fvb4pt6Ls
The gallery gets the same amount, ease and continuity controls as the algorithms preview, opening on the package's defaults with a reset back to them. They set the shape for every pill on the page, refreshing the polyfill where it draws them. On both pages the controls pin to the top on small screens. The algorithms preview folds the CAD fillet's controls behind a toggle there, so the pinned bar leaves room for the pills. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UezoYT6TNApC4Fvb4pt6Ls
dogmar
changed the title
dogmar
marked this pull request as ready for review
October 6, 2026 18:20
Contributor
|
🎉 This PR is included in version 0.11.0-alpha.2 🎉 The release is available on: Your semantic-release bot 📦🚀 |
This was referenced Oct 6, 2026
dogmar
added a commit
that referenced
this pull request
Oct 6, 2026
## Summary Release notes used to be PR titles grouped by type. Now each PR carries a one-paragraph **Release note**, and the notes are built from those: ```md ## [0.11.0](…/compare/v0.10.0...v0.11.0) (2026-10-07) This release adds pill shapes for Tailwind. ← the promotion PR's note ### Breaking changes ← always first, whatever the type - Rename `--a` to `--b`. ([#45](…)) ### Features - New `squircle-pill` utility for Tailwind: … ([#38](…)) ``` - **`release/notes.mjs`:** a local semantic-release plugin that replaces `release-notes-generator`. It reads each PR's note from the PR at release time, so notes can be fixed after merging. Without a note, it falls back to the squashed commit's note, then the title. Chores, docs, CI and the bot's merges are left out. - **PR check** (`pr-title.yml`, part of the required `check`): `feat`, `fix`, `perf` and breaking PRs need a note: one paragraph, at most 300 characters, or `None`. Promotions and syncs are exempt. - **Preview** (`release-notes.yml`): promotion PRs get a comment with the exact version and notes that `promote` would publish. - **PR template:** a `## Release note` section with guidance. ## Release note None ## Test plan - [x] 23 unit tests (`node --test 'release/*.test.mjs'`, now in CI) cover note extraction, the check rules, header parsing (which matches the conventionalcommits preset), rendering and version bumps. - [x] Dry-ran real semantic-release 25.0.3 with this plugin on a scratch copy of the repo, with `alpha` merged into `main` the way the bot does it. It computed 0.11.0 and published these notes. - [x] Ran the preview against the real repo and PRs: 0.11.0, with #38 and #40 flagged for having no note. - [x] `vp run ready` passes. 🤖 Generated with [Claude Code](https://claude.com/claude-code) --------- Co-authored-by: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Contributor
|
🎉 This PR is included in version 0.11.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
4 tasks done
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
@klinking/squircle/pill-workletnow exportsPILL_SHAPE_PROPERTIES, each shape setting's custom property name and default (amount, ease, continuity). It is built from the same constants the stylesheet's@propertyregistrations and the worklet's fallbacks use, so they can't disagree.website/src/components/PillControls.tsx): continuity, amount and ease, opening on the package's defaults, with a reset back to them. Used by both pill demo pages./demos/pill-algorithms):clip-pathof the same outline in that case./demos/pill-gallery): the controls set the shape for every pill on the page, refreshing the polyfill in the modes that use it.website/src/lib/pills.ts). It falls back to the polyfill when paint worklets are missing or the worklet fails to load, so every page using the layout gets real pill shapes in Safari and Firefox too.Testing
vp run readypasses.🤖 Generated with Claude Code
https://claude.ai/code/session_01UezoYT6TNApC4Fvb4pt6Ls