Skip to content

Release v0.2.0: Dialog, PopupForm components and CI publishing#3

Merged
xrendan merged 6 commits intomasterfrom
feat/publish-components-package
Jan 19, 2026
Merged

Release v0.2.0: Dialog, PopupForm components and CI publishing#3
xrendan merged 6 commits intomasterfrom
feat/publish-components-package

Conversation

@xrendan
Copy link
Member

@xrendan xrendan commented Jan 18, 2026

Summary

  • Bump all packages to version 0.2.0
  • Add non-modal Dialog component with corner positioning
  • Add PopupForm component composing Dialog with form elements
  • Add comprehensive Storybook documentation to all component stories
  • Add @buildcanada/components to npm publish workflow
  • Disable Chromatic on push, only run on PRs

New Components

Dialog

A non-modal floating panel that doesn't block interaction with the rest of the UI.

  • Corner positioning (top-left, top-right, bottom-left, bottom-right, center)
  • Configurable offset from screen edges
  • Content-sized (no fixed dimensions)
  • No rounded corners

PopupForm

A form component composing Dialog with form elements and action buttons.

  • Integrates with TextField, Checkbox, and other form primitives
  • Configurable submit/cancel buttons
  • Loading and disabled states

Test plan

  • Verify Storybook builds and displays all component documentation
  • Test Dialog and PopupForm components in all positions
  • Verify Chromatic only runs on PRs
  • Trigger npm-publish workflow with dry-run: true to verify all packages

Generated with Claude Code

Add publish-components job to enable CI publishing of the components package
alongside the existing charts and colours packages.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
xrendan and others added 3 commits January 18, 2026 12:20
- Add non-modal Dialog component with corner positioning
- Add PopupForm component composing Dialog with form elements
- Add comprehensive Storybook documentation to all component stories
- Disable Chromatic on push, only run on PRs

Dialog features:
- Non-blocking (doesn't prevent UI interaction)
- Content-sized (no fixed dimensions)
- Corner positioning (top-left, top-right, bottom-left, bottom-right, center)
- Configurable offset from screen edges
- No rounded corners

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Use useArgs from @storybook/preview-api to sync component state with
Storybook controls, allowing interactive control of all props.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Prepare for release with new Dialog and PopupForm components,
Storybook documentation improvements, and CI publishing updates.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@xrendan xrendan changed the title Add @buildcanada/components to npm publish workflow Release v0.2.0: Dialog, PopupForm components and CI publishing Jan 19, 2026
xrendan and others added 2 commits January 19, 2026 10:09
In Storybook 10.x, useArgs should be imported from "storybook/preview-api"
instead of "@storybook/preview-api".

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
The useArgs hook from storybook/preview-api doesn't work in Chromatic's
headless capture environment. Simplified stories to use args directly
with console.log handlers, which works in both interactive Storybook
and Chromatic visual testing.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@xrendan xrendan merged commit e684756 into master Jan 19, 2026
12 checks passed
@xrendan xrendan deleted the feat/publish-components-package branch January 19, 2026 17:51
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