@bcgov/design-tokens@v3.0.1

npm

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

Changelog

3.0.1

Changed

• typography.fontWeights.italic is marked as deprecated and will be removed in next major version

Added

• typography.fontWeights.italic.style is added, replacing deprecated typography.fontWeights.italic
• typography.fontWeights.italic.weight is added, giving a default weight to italic type

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

npm

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

Changelog

0.1.3

Added

• ButtonGroup component

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

npm

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

Changelog

0.1.2

Added

• InlineAlert component
• Switch component

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

npm

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

Changelog

0.1.1

Changed

• Use react-aria-components v1.3.1.

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

npm

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

Changelog

0.1.0

This is a milestone release that contains the following components:

• Button
• Footer
• Form
• Header
• Select
• TagGroup (TagList, Tag)
• TextArea
• TextField
• Tooltip (TooltipTrigger)

This release uses:

• react-aria-components v1.2.1
• @bcgov/design-tokensv3.0.0

No component changes from v0.0.10.

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

npm

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

Changelog

0.0.10

Changed

• Select, TextArea, and TextField components use "(required)" in label when isRequired prop is true, rather than "(optional)" when false.
• Select, TagGroup, TextArea, and TextField components have text slot spacing adjusted for consistency between components.

Added

• Added Form utility component.

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

npm

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

Changelog

0.0.9

Changed

• TextField label has extra padding removed.

Added

• Added TextArea component.

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

npm

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

Changelog

0.0.8

Changed

• Updated Button component focus state.
• Updated Tag component focus and select states.
• Fixed Select component long option text overflow bug.

Added

• Added TextField component.

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

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/design-tokens@v3.0.0

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)