@bcgov/[email protected]

npm

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

Changelog

0.0.7

Changed

• Use @bcgov/design-tokens v3.0.0.
  • Tag component's text appears visually smaller than the TagGroup's label, description, and error fields after a change in the label font-size token (0.75rem to 0.875rem) and addition of smallBody font-size token (0.875rem).
• Use react-aria-components v1.2.1.
• Select component label uses secondary text color.
• Select component "(optional)" label uses secondary text color instead of disabled.

@bcgov/[email protected]

npm

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

Changelog

3.0.0

Changed

• (breaking) Many tokens have been renamed to bring the generated tokens in line with the intended token names from Figma
• (breaking) brand color tokens renamed to theme to differentiate from BC Visual Identity Program
• (breaking) gold color scale values reworked to be lighter
• (breaking) label font size changed from 0.875rem to 0.75rem
• (breaking) surface group tokens referring to colors now include component names (button, form, menu)
• (breaking) surface.border.light color renamed to surface.color.border.default
• (breaking) borderRadius moved from surface group to layout group
• (breaking) File names for JavaScript tokens are renamed from variables.js to index.js for shorter import statements
• Tokens in layout group use rem equivalent of previous px values where possible in Figma

Added

• primaryBlue (equal to blue100) and primaryGold (equal to gold100) dedicated color tokens added
• smallBody font size added at 0.875rem (the old label size)
• xxxdense line height added
• CommonJS variables are included in cjs and cjs-prefixed directories (with and without the bcds prefix) in addition to the existing ESM variables in js and js-prefixed directories
• TypeScript type definitions are shipped with the JavaScript tokens
• Heading level 6 typography group tokens added

Removed

• (breaking) Removed surface.size (legacy testing tokens)
• (breaking) Removed surface.borderRadius (these were duplicates from the layout group)

@bcgov/[email protected]

npm

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

Changelog

0.0.6

Changed

• Updated Footer component:
  • Added FooterLinks sub-component for use in links slot or new children slot.
  • Default contact text updated to match current text on gov.bc.ca.
  • Style updates to align acknowledgement text.
• Rollup script updated to ensure dist directory code freshness.

Added

• Added Tooltip and TooltipTrigger components.

@bcgov/[email protected]

npm

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

Changelog

0.0.5

Added

• Added Footer component.

@bcgov/[email protected]

npm

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

Changelog

0.0.4

Changed

• Use react-aria-components v1.1.1.
• Updated class names in Button, Select, Tag, TagGroup, and TagList to add bcds- prefix to prevent style collisions with other instances of React Aria Components.

Added

• Added Header component.

@bcgov/[email protected]

npm

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

Changelog

0.0.3

Changed

• Use react-aria-components v1.0.1, @bcgov/bc-sans v2.0.1.
• In TagList, use render prop pattern rather than array.map() for performance.
• TagGroup sub-components get explicit class names to prevent styling collisions with sub-component instances in other components.

Added

• Added Select component.

@bcgov/[email protected]

npm

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

Changelog

2.0.1

Changed

• Updated surface.primary.default to #053662

@bcgov/[email protected]

npm

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

Changelog

0.0.2

Changed

• Moved @bcgov/bc-sans to peer dependencies and included import guidance in README, rather than bundling copies of the font in the rollup process.
• Moved design tokens CSS import out of Tag component and into common index export file.

Added

• Added Button component.

@bcgov/[email protected]

npm

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

Changelog

2.0.0

Changed

• (breaking) borderRadius moved from layout group to surface group

Added

• Added surface.color.danger.disabled
• Added borderWidth to surface group
• Added surface.size.small and surface.size.medium (multi-value spacing tokens)

@bcgov/[email protected]

npm

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

Changelog

0.0.1

Added

• Added TagGroup/TagList/Tag components.