diff --git a/packages/react-components/CHANGELOG.md b/packages/react-components/CHANGELOG.md index 2a0a0f9d..23c6fe74 100644 --- a/packages/react-components/CHANGELOG.md +++ b/packages/react-components/CHANGELOG.md @@ -1,5 +1,15 @@ # Changelog +## 0.0.9 + +### Changed + +- TextField label has extra padding removed. + +### Added + +- Added TextArea component. + ## 0.0.8 ### Changed diff --git a/packages/react-components/README.md b/packages/react-components/README.md index 548a0881..e7cb6f41 100644 --- a/packages/react-components/README.md +++ b/packages/react-components/README.md @@ -2,11 +2,13 @@ [![Lifecycle:Experimental](https://img.shields.io/badge/Lifecycle-Experimental-339999)](https://github.com/bcgov/repomountie/blob/master/doc/lifecycle-badges.md) -This package contains a library of React components built using [React Aria Components](https://react-spectrum.adobe.com/react-aria/react-aria-components.html) to implement the BC Design System. +This package contains a library of React components built using [React Aria Components](https://react-spectrum.adobe.com/react-aria/components.html) to implement the [B.C. Design System](https://gov.bc.ca/designsystem). Questions? Please email the GDX OSS Design Team. -See repository: https://github.com/bcgov/design-system +Storybook: https://designsystem.gov.bc.ca/react-components/ + +GitHub Repository: https://github.com/bcgov/design-system To use, install this package and import the components into your application. @@ -66,14 +68,15 @@ export default function App() { ## Component list -| Component | React Aria Components docs link | -| ----------------------- | --------------------------------------------------------- | -| Button | https://react-spectrum.adobe.com/react-aria/Button.html | -| Footer | N/A | -| Header | N/A | -| Select | https://react-spectrum.adobe.com/react-aria/Select.html | -| TagGroup, TagList, Tag | https://react-spectrum.adobe.com/react-aria/TagGroup.html | -| Tooltip, TooltipTrigger | https://react-spectrum.adobe.com/react-aria/Tooltip.html | +| Component | React Aria Components docs link | +| ----------------------- | ---------------------------------------------------------- | +| Button | https://react-spectrum.adobe.com/react-aria/Button.html | +| Footer | N/A | +| Header | N/A | +| Select | https://react-spectrum.adobe.com/react-aria/Select.html | +| TagGroup, TagList, Tag | https://react-spectrum.adobe.com/react-aria/TagGroup.html | +| TextArea, TextField | https://react-spectrum.adobe.com/react-aria/TextField.html | +| Tooltip, TooltipTrigger | https://react-spectrum.adobe.com/react-aria/Tooltip.html | ## Supported React versions @@ -107,6 +110,18 @@ Storybook stories live in `./src/stories`. Run `npm run storybook-dev` to access the Storybook instance for the component library. +New versions of Storybook are automatically built in a GitHub Actions workflow and deployed in the `-dev` namespace in the OpenShift Silver cluster. See `.github/build_react_component_library_apps.yaml`. + +To deploy a new version of Storybook into `-test` or `-prod`, log in to the OpenShift CLI and run: + +```sh +# Create a new layer in the `test` ImageStream from the latest `develop` image: +oc tag ed91fb-tools/design-system-react-components-storybook:develop ed91fb-tools/design-system-react-components-storybook:test + +# `develop` to `production` +oc tag ed91fb-tools/design-system-react-components-storybook:develop ed91fb-tools/design-system-react-components-storybook:production +``` + #### Testing with Storybook Test Runner With Storybook running locally, use the `npm run test-storybook` script to run `@storybook/test-runner` using the configuration defined in `./.storybook/test-runner.ts`. [Learn more about Storybook Test Runner](https://storybook.js.org/docs/writing-tests/test-runner). @@ -124,3 +139,5 @@ To generate an updated copy of the package for distribution, run the included Ro This will place artifacts in the `dist` folder, which is targeted for publishing in `package.json` with the [`files` field](https://docs.npmjs.com/cli/v10/configuring-npm/package-json#files). Update the package version in `package.json` and run `npm publish` to push a new version. + +To publish a beta/release candidate version, use `npm publish --tag next`. diff --git a/packages/react-components/package-lock.json b/packages/react-components/package-lock.json index 42a1d711..6d55f630 100644 --- a/packages/react-components/package-lock.json +++ b/packages/react-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@bcgov/design-system-react-components", - "version": "0.0.8", + "version": "0.0.9", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@bcgov/design-system-react-components", - "version": "0.0.8", + "version": "0.0.9", "license": "Apache-2.0", "dependencies": { "@bcgov/design-tokens": "3.0.0", diff --git a/packages/react-components/package.json b/packages/react-components/package.json index 823c5072..5b4c165c 100644 --- a/packages/react-components/package.json +++ b/packages/react-components/package.json @@ -1,6 +1,6 @@ { "name": "@bcgov/design-system-react-components", - "version": "0.0.8", + "version": "0.0.9", "type": "module", "scripts": { "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",