Skip to content

fix(storybook): replace undefined @0.25 @0.5 chat-message padding with spacing tokens - #319

Merged
alexgrozav merged 1 commit into
mainfrom
agent/mere/b0bc1bbd
Jul 15, 2026
Merged

alexgrozav merged 1 commit into
mainfrom
agent/mere/b0bc1bbd

Conversation

@alexgrozav

Copy link
Copy Markdown
Contributor

What

Replace the undefined @0.25 @0.5 padding on .chat-message-action-button with defined named spacing tokens (@spacing.2xs @spacing.xs) in the chat-message story fixture.

Why

@0.25 / @0.5 are undefined variables — a raw numeric compound @-shorthand that silently resolves to var(--0--25) var(--0--5). This was the last such undefined compound ref in the storybook build. Once SF-13 (#316) lands, resolving these throws and the storybook build fails, so this fixture had to be corrected first. 2xs = 0.25rem and xs = 0.5rem preserve the intended pill padding exactly, and match the file's sibling token usage (the neighboring gap uses @spacing.xs). Implements SF-35.

How verified

grep -rn '@[0-9]' apps/storybook/stories
# (no output — no raw numeric compound @-refs remain)

pnpm --filter @styleframe/storybook build
# Storybook build completed successfully

pnpm --filter @styleframe/storybook typecheck
# vue-tsc --noEmit — clean

# compiled CSS now emits real spacing vars:
# .chat-message-action-button{...padding:var(--spacing--2xs) var(--spacing--xs);...}
# no var(--0--25) var(--0--5) anywhere in storybook-static

Notes

Storybook-only change (apps/storybook is in the changeset ignore list) — no changeset. Scope is this one file; the engine breaking-change that turns these refs into a hard throw is SF-13/#316.

The chat-message action-button padding used raw numeric compound
@-refs (@0.25 @0.5) which resolve to undefined var(--0--25) var(--0--5).
Replace with defined @spacing.2xs @spacing.xs (0.25rem 0.5rem), matching
the intended pill padding and the file's sibling token usage.
@vercel

vercel Bot commented Jul 15, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
styleframe-dev Ready Ready Preview, Comment Jul 15, 2026 6:36am
styleframe-dev-storybook Ready Ready Preview, Comment Jul 15, 2026 6:36am

Request Review

@changeset-bot

changeset-bot Bot commented Jul 15, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 4757d39

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@alexgrozav
alexgrozav merged commit 2baa5bd into main Jul 15, 2026
14 checks passed
@alexgrozav
alexgrozav deleted the agent/mere/b0bc1bbd branch July 15, 2026 06:51

This branch was successfully deployed

2 active deployments
Preview – styleframe-dev — 4757d394 Deployed Jul 15, 2026 by vercel[bot]
Preview – styleframe-dev-storybook — 4757d394 Deployed Jul 15, 2026 by vercel[bot]
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.

1 participant