@churnkey/react 0.2.0: loss list on Confirm, redesigned pause, expanded appearance#4
Merged
Conversation
… appearance API
- ConfirmStep gains optional losses/lossesLabel; DefaultConfirm renders a
styled bullet list between description and period-end notice.
ConfirmClassNames gains lossList/lossLabel/lossItem/lossBullet for
consumer overrides.
- DefaultPauseOffer rewritten: resume date as typographic anchor with ink
month chips below, replacing the previous segment-selector + calendar-
callout layout. Old .ck-pause-segment* and .ck-pause-resume* CSS classes
removed; new .ck-pause-card/eyebrow/date/chips/chip.
- AppearanceVariables widened from 11 to 25 typed slots — surfaces,
borders, muted text, primary-soft, semantic colors, mono and display
fonts, step-title weight + tracking. The underlying --ck-* CSS variables
always worked; this is the JS-side typed surface catching up.
- .ck-success-icon swapped from green-on-green to sand-on-ink. The check
is the success cue; the disc is just elevation.
- core/format: add formatMonthDayLong("April 30") for prominent date
displays. Used by the redesigned pause offer.
Pre-1.0 minor: breaking for consumers targeting the removed .ck-pause-*
CSS class names in their own stylesheets. No JS API was removed.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
robert-moore
added a commit
that referenced
this pull request
May 19, 2026
@churnkey/react 0.2.0: loss list on Confirm, redesigned pause, expanded appearance
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
losses/lossesLabelAPI onConfirmStep—DefaultConfirmrenders a styled bullet list of what the customer is giving up. NewConfirmClassNames.{lossList, lossLabel, lossItem, lossBullet}slots.DefaultPauseOfferredesigned: resume date as typographic anchor with ink month chips below.AppearanceVariableswidened from 11 → 25 typed keys (surfaces, borders, semantic colors, mono + display fonts, step-title weight / tracking). The underlying--ck-*CSS variables always worked; this is the JS-side typed surface catching up.formatMonthDayLongexported from@churnkey/react/corefor prominent date displays..ck-success-iconswapped from green-on-green to sand-disc + ink-check.Breaking
CSS class renames in the pause layout:
.ck-pause-segments,.ck-pause-segment,.ck-pause-segment--selected,.ck-pause-resume,.ck-pause-resume-label,.ck-pause-resume-date,.ck-pause-resume-iconare gone — replaced with.ck-pause-card,.ck-pause-eyebrow,.ck-pause-date,.ck-pause-chips,.ck-pause-chip,.ck-pause-chip--selected. JS API unchanged.Release
Pre-1.0 minor — breaking-but-narrow per the project's pre-1.0 policy ("Expect breaking changes in minor versions while we're pre-1.0"). Full release notes in CHANGELOG.md.