feat(emerald): scaffold Wave 1 design system under family contract#715
Open
johnleider wants to merge 6 commits into
Open
feat(emerald): scaffold Wave 1 design system under family contract#715johnleider wants to merge 6 commits into
johnleider wants to merge 6 commits into
Conversation
Rebuild @paper/emerald from tokens + thin v0 composition — not the prior Paper/scoped reference branch. Wave 1 ships EmButton, EmTextField, EmCheckbox, EmSwitch, EmDialog*, EmSelect* with unscoped class CSS, EmeraldStyleSheetAdapter (--emerald-* + --v0-* kit aliases), prebaked theme.css, and createEmeraldPlugin. Package is private/preview.
johnleider
added
enhancement
Contributor
|
✅ Changeset found — this change will be included in the next release. Thanks! |
- EmButton: loading overlay inside Loading slot; drop dead type prop - EmTextField: type on Root, label for/id association, Error slot content - EmSelect: data-open/data-highlighted, Value slot forward, host wrapper, Root props - EmDialog: Activator renderless + slot attrs; Content prop forward - EmCheckbox: indeterminate dash glyph - Export theme.css; strengthen UNSAFE_CSS; --v0-on-surface-variant alias - Document style.css import path
Reduce EmDialogContent padding from 48/56 to 32px. Add EmDialogFooter with justify-content:flex-end for primary action rows. Kitchen sink uses the footer for the confirm dialog demo.
Add EmAlert, EmCard, EmTag, EmAvatar, EmTabs, EmPagination, and EmSlider as thin v0/Atom wraps. Promote switch/checkbox/avatar geometry and transition durations into theme motion/control tokens. Expand kitchen sink and SPEC for Wave 2 preview.
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
1 participant
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
Rebuilds
@paper/emeraldfrom scratch underDESIGN_SYSTEMS.md— thin v0 composition, Figma tokens, no Paper middle layer, no<style scoped>. The prior emerald reference branch stays a visual/token oracle only.Pipeline
theme.ts/colors.ts— Emerald 1.0 Figma tokensEmeraldStyleSheetAdapter— publishes--emerald-*and--v0-*kit aliases (Genesis interop)createEmeraldPlugin()— theme onlydist/theme.cssprebake viapnpm bake:theme(zero-config path)Wave 1 surface (preview, package
private)EmButtonButton.Root/Content/LoadingEmTextFieldInput.Root/Control/Description/ErrorEmCheckboxCheckbox.Root/IndicatorEmSwitchSwitch.Root/Track/ThumbEmDialog*Dialog.*EmSelect*Select.*Unscoped class CSS,
data-*state,var(--emerald-*, fallback)everywhere. SPEC + README included.Out of scope: kitchen sink, dark theme, Waves 2–3, publish cut.