@bcgov/design-system-react-components@v0.7.0

B.C. Design System v0.7.0

This is a milestone release that adds five new components, and includes various enhancements and bugfixes to existing components.

Added

• TimeField
• Calendar
• ProgressBar
• ProgressCircle
• Separator

Changed

• Button: added min-width and min-height as accessibility safeguards, and added visible styling for pressed state
• DatePicker: separator between format and description slots now properly renders only when both fields are present

This release uses:

• react-aria-components v1.16.0
• @bcgov/design-tokens v3.2.0

What's Changed

• Update Storybook to 10.2.10 by @mkernohanbc in #623
• Update design tokens dependencies by @mkernohanbc in #629
• Button: add visible pressed state by @mkernohanbc in #635
• Button: add min-width and min-height by @mkernohanbc in #637
• DatePicker: fix separator logic by @mkernohanbc in #642
• Extend and document Calendar component by @mkernohanbc in #636
• Add ProgressBar/ProgressCircle component by @mkernohanbc and @raarielgrace in #634
• React components Prettier formatting by @ty2k in #648
• Bump Storybook devDependencies to latest, fix console warnings by @ty2k in #649
• Add TimeField component by @mkernohanbc and @raarielgrace in #644
• Automate Storybook publishing by @mkernohanbc in #651
• Update dependencies by @mkernohanbc in #652

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.6.1...@bcgov/design-system-react-components@v0.7.0

@bcgov/design-tokens@v4.0.0

B.C. Design Tokens v4.0.0

This is a milestone release that adds SCSS as an output format.

There are no changes to token names or values from v3.2.0.

Added

• Tokens are now available as SCSS variables

Changed

• Minor formatting changes in output files, due to updates in our build pipeline

This release uses:

• @tokens-studio/sd-transforms v2.0.3
• style-dictionary v5.2.0

What's Changed

• Update design tokens dependencies by @mkernohanbc in #629
• SCSS format support by @plasticviking in #516

New Contributors

• @plasticviking made their first contribution in #516

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.6.1...@bcgov/design-tokens@v4.0.0

@bcgov/design-system-react-components@v0.6.1

B.C. Design System v0.6.1

This is a patch release that fixes a bug in the DatePicker component.

Added

• DatePicker: added test suite

Changed

• DatePicker: format helper text now properly shows the default (en-CA) format, unless the component is explicitly configured to use the browser locale

This release uses:

• react-aria-components v1.14.0
• @bcgov/design-tokens v3.2.0

What's Changed

• Docs and README update by @mkernohanbc in #628
• Bug: DatePicker format label by @mkernohanbc in #630
• React Components v0.6.1 by @mkernohanbc in #631

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.6.0...@bcgov/design-system-react-components@v0.6.1

@bcgov/design-system-react-components@v0.6.0

B.C. Design System v0.6.0

This is a milestone release that adds four new components, and includes enhancements to existing components.

Added

• ToggleButton and ToggleButtonGroup
• DatePicker
• NumberField

Changed

• InlineAlert: added support for a custom icon, overriding the default set by each variant
• TextField/TextArea: apply correct styling in disabled state
• Storybook: reorganised components and made it easier to find full API documentation for React Aria-based components

This release uses:

• react-aria-components v1.14.0
• @bcgov/design-tokens v3.2.0

What's Changed

• Fix release tag matching in GHA to publish to npm by @mkernohanbc in #565
• Update publishing workflows by @mkernohanbc in #569
• remove old publish script from workflow and properly target dist folder by @mkernohanbc in #570
• delete empty json file from tokens folder by @mkernohanbc in #571
• DevHub publishing pull request by @mkernohanbc in #578
• Refactor logo used in Header and Footer by @mkernohanbc in #577
• Fix typo in npm publishing GHA by @mkernohanbc in #580
• Update Storybook to v10 by @mkernohanbc in #560
• Vite Dockerfile copies Storybook files for build by @ty2k in #588
• Update checkout and setup-node to latest major versions by @mkernohanbc in #589
• Migrate tests and workflows to Vitest by @mkernohanbc in #587
• TextArea and TextField use correct disabled styling by @mkernohanbc in #586
• Add basic security policy by @mkernohanbc in #590
• Update dist version of design tokens package.json by @mkernohanbc in #591
• Fix failing design tokens publish job by @mkernohanbc in #592
• Split React component library build concerns, migrate ESLint to v9 by @ty2k in #601
• Change how npm registry URL is set by @mkernohanbc in #602
• Draft DevHub docs by @mkernohanbc in #582
• Add test suite for Accordion and AccordionGroup by @mkernohanbc in #595
• Fix component name in catalog-info.yaml by @sheaphillips in #606
• Component library categorization by @mkernohanbc in #604
• Enable publishing in TechDocs workflow by @sheaphillips in #607
• Techdocs content revisions by @mkernohanbc in #608
• Inline Alert: add support for custom icon by @mkernohanbc in #605
• Uncomment production parameter for publishing workflow by @sheaphillips in #610
• Add NumberField component by @mkernohanbc in #575
• Add RAC docs cards to Storybook pages by @mkernohanbc in #611
• Add ToggleButton and ToggleButtonGroup components by @mkernohanbc in #581
• Add DatePicker and Calendar components by @mkernohanbc in #618
• Storybook: update RA cards in docs by @mkernohanbc in #621
• React Components v0.6.0 by @mkernohanbc in #622

New Contributors

• @sheaphillips made their first contribution in #606

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.5.2...@bcgov/design-system-react-components@v0.6.0

@bcgov/design-system-react-components@v0.5.2

B.C. Design System v0.5.2

This is a patch release that brings new options and refinements to the Button component:

• Added new large and xsmall size variants
• Adjusted padding on all size variants to scale more consistently
• Focus ring is now displayed only on keyboard focus, using the data-focus-visible attribute

This release uses:

• react-aria-components v1.13.0
• @bcgov/design-tokens v3.2.0

Install or update via npm: https://www.npmjs.com/package/@bcgov/design-system-react-components/v/0.5.2

What's Changed

• Update README.md by @mkernohanbc in #527
• Update README.md by @mkernohanbc in #528
• Update to Node v24 by @mkernohanbc in #538
• Fixing broken Vite/Storybook builds by @mkernohanbc in #539
• Add package-lock.json to Dockerfiles for Storybook and Vite apps by @mkernohanbc in #540
• Add .env to .gitignore by @mkernohanbc in #545
• Chore: Fix Vite console errors in React components package by @ty2k in #546
• Repo cleanup by @mkernohanbc in #550
• Fix incomplete sentence in contribution guidelines by @mkernohanbc in #552
• Migrate npm publishing workflows to OIDC by @mkernohanbc in #551
• Upgrade Storybook to v9 by @mkernohanbc in #549
• Add repository object to package.json by @mkernohanbc in #555
• Add new button variants by @mkernohanbc in #558
• Update React Aria Components to v1.13.0 by @mkernohanbc in #556
• Update dependencies by @mkernohanbc in #557
• Update GHA workflow for publishing React component library to npm by @ty2k in #562
• React Components v0.5.2 by @mkernohanbc in #563

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.5.1...@bcgov/design-system-react-components@v0.5.2

@bcgov/design-system-react-components@v0.5.1

npm
https://www.npmjs.com/package/@bcgov/design-system-react-components/v/0.5.1

0.5.1
Added
Added Heading, Text and Link components.
This release uses:

react-aria-components v1.6.0
react ^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
react-dom ^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
Updated below Dev dependencies:

Vite upgraded to 5.4.14
Rollup upgraded to 4.32.1
Cross Spawn upgraded to 7.0.6
Nanoid upgraded to 3.3.8
Storybook upgraded to 8.5.3

What's Changed

• Add React 19 support by @Supriya-Arora in #520
• Add Link component by @mkernohanbc in #507
• Add Heading and Text components by @mkernohanbc in #510
• Reorganise utility components in Storybook by @mkernohanbc in #524
• Updating dev dependencies for react components by @Supriya-Arora in #522
• Update RAC and Storybook by @mkernohanbc in #525
• React Component v0.5.1 by @Supriya-Arora in #526

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.5.0...@bcgov/design-system-react-components@v0.5.1

@bcgov/design-tokens@v3.2.0

npm

https://www.npmjs.com/package/@bcgov/design-tokens/v/3.2.0

Changelog

3.2.0

Added

• bcds-layout-border-radius-circular is added with value 9999

Changed

• bcds-typography-font-weights-italic is removed as its deprecated

@bcgov/design-system-react-components@v0.5.0

npm
https://www.npmjs.com/package/@bcgov/design-system-react-components/v/0.5.0

Changelog
0.5.0
This is a milestone release that contains the following new components:

• Accordion and accordion group
• Alert Banner
• Callout

This release uses:

• react-aria-components v1.5.0
• @bcgov/design-tokensv3.2.0

Component changes since v0.4.0:

• Add an alternative chip style to Tag and Tag group component.

What's Changed

• Add callout component by @mkernohanbc in #498
• Add alert banner component by @mkernohanbc in #497
• Tags: enhancement to incorporate chips styling by @Supriya-Arora in #505
• Callout style tweaks by @mkernohanbc in #506
• React Aria library update to 1.5.0 by @Supriya-Arora in #508
• Add Accordion and AccordionGroup components by @mkernohanbc in #499
• Refactor Select to use ListBoxSection by @mkernohanbc in #504
• storybook library update to 8.4.7 by @Supriya-Arora in #509
• Design Tokens v3.2.0 release changes by @Supriya-Arora in #512
• React Component v0.5.0 by @Supriya-Arora in #513

New Contributors

• @Supriya-Arora made their first contribution in #505

Full Changelog: https://github.com/bcgov/design-system/compare/@bcgov/design-system-react-components@v0.4.0...@bcgov/design-system-react-components@v0.5.0

@bcgov/design-system-react-components@v0.4.0

npm

https://www.npmjs.com/package/@bcgov/design-system-react-components/v/0.4.0

Changelog

0.4.0

This is a milestone release that contains the following new components:

• AlertDialog
• Dialog
• Modal

This release uses:

• react-aria-components v1.3.3
• @bcgov/design-tokensv3.1.1

No component changes since v0.3.0.

@bcgov/design-system-react-components@v0.3.1

npm

https://www.npmjs.com/package/@bcgov/design-system-react-components/v/0.3.1

Changelog

0.3.1

Added

• Added AlertDialog, Dialog, and Modal components.