Merge pull request #15 from primer/rename-to-toolchain

Change name from react-scripts to react-toolchain

Author: siddharthkp

.changeset/config.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
-  "changelog": ["@changesets/changelog-github", { "repo": "primer/react-scripts" }],
+  "changelog": ["@changesets/changelog-github", { "repo": "primer/react-toolchain" }],
   "commit": false,
   "linked": [],
   "access": "public",

.changeset/rename-to-toolchain.md

@@ -0,0 +1,5 @@
+---
+'@primer/react-toolchain': minor
+---
+
+Rename package to `@primer/react-toolchain`

README.md

@@ -4,7 +4,7 @@
   <b>Toolchain to help build React components with Primer</b>
   <br><br>
   <img src="https://img.shields.io/badge/maturity-proof--of--concept-d85151?style=flat-square"/>
-  <img src="https://img.shields.io/github/package-json/v/primer/react-scripts?style=flat-square"/>
+  <img src="https://img.shields.io/github/package-json/v/primer/react-toolchain?style=flat-square"/>
 </p>
 
 &nbsp;
@@ -18,7 +18,7 @@
 ## Setup
 
 ```
-npm install @primer/react-scripts --save-dev
+npm install @primer/react-toolchain --save-dev
 ```
 
 ### Storybook
@@ -40,15 +40,15 @@ Step 2. Create a `ComponentName.stories.tsx` file
 We recommend putting this file next to the component.
 
 ```jsx
-import {DatePicker} from './date-picker'
+import { DatePicker } from './date-picker';
 
 export default {
   title: 'Common components/Datepicker'
-}
+};
 
 export const SimpleDatePicker = () => {
-  return <DatePicker variant="single" value={new Date()} />
-}
+  return <DatePicker variant="single" value={new Date()} />;
+};
 ```
 
 [Learn more about stories from the Storybook docs](https://storybook.js.org/docs/react/get-started/whats-a-story)
@@ -57,7 +57,6 @@ export const SimpleDatePicker = () => {
 
 You're good to go! Run `npm run storybook`.
 
-
 <details>
   <summary><h4>Customise storybook</h4></summary>
 
@@ -66,7 +65,7 @@ If you need to customize your storybook config, create `.storybook` directory in
 1. `main.js`
 
    ```js
-   const defaultConfig = require('@primer/react-scripts/storybook/main');
+   const defaultConfig = require('@primer/react-toolchain/storybook/main');
    const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin');
 
    module.exports = {
@@ -85,15 +84,17 @@ If you need to customize your storybook config, create `.storybook` directory in
    ```
 
 2. `preview.js`
+
    ```js
    // step 1: export defaults
-   export * from '@primer/react-scripts/storybook/preview';
+   export * from '@primer/react-toolchain/storybook/preview';
 
    // (optional) step 2: customise and overwrite
-   import { decorators } from '@primer/react-scripts/storybook/preview';
+   import { decorators } from '@primer/react-toolchain/storybook/preview';
    import { withPerformance } from 'storybook-addon-performance';
 
    decorators.push(withPerformance);
    export { decorators };
    ```
-</details>
+
+   </details>