Conversation
🦋 Changeset detectedLatest commit: 879f1be The changes in this PR will be included in the next version bump. This PR includes changesets to release 41 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
|
Dropping this — the right fix is to use the existing Tailwind class directly via className on Paper. No new prop needed. |
|
🗑️ Storybook preview cleaned up The preview deployment has been automatically removed since this PR was closed. |
Summary
Adds a
borderRadiusprop to thePapercomponent so consumers can use Picasso's design-system border-radius scale without resorting to inlinestyleoverrides.'none' | 'sm' | 'md' | 'full'— maps to Tailwind classesrounded-none,rounded-sm(4px),rounded-md(8px),rounded-fullundefined(no border radius applied — fully backward compatible)PaperBorderRadiustypeMotivation
Without this prop, consumers who need rounded Paper surfaces (e.g. stat/metric cards) fall back to
style={{ borderRadius: Npx }}with arbitrary pixel values outside the design system's scale. This was observed in downstream tooling where astyle={{ borderRadius: 6 }}workaround was documented as a convention — a signal that the prop belongs in the component itself.Usage
Test plan
borderRadiusvalue applies the correct Tailwind class