@amsterdam/design-system-react 0.9.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +4 -6
  2. package/dist/index.cjs.js +521 -398
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +262 -172
  5. package/dist/index.esm.js +522 -401
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +13 -13
package/README.md CHANGED
@@ -6,7 +6,7 @@ The `@amsterdam/design-system-react` package contains React implementations of v
6
6
  You can use this package in React apps.
7
7
 
8
8
  The design tokens and CSS used in these components are published in separate npm packages,
9
- which are automatically installed when you install the React package.
9
+ so don’t forget to install and include `@amsterdam/design-system-tokens` and `@amsterdam/design-system-css` too.
10
10
 
11
11
  ## Stability of the components
12
12
 
@@ -19,20 +19,18 @@ You can then schedule an upgrade to the latest version when you have time to tes
19
19
 
20
20
  ## Getting started
21
21
 
22
- Install the React package:
22
+ Install the packages you need, for instance:
23
23
 
24
- `npm install @amsterdam/design-system-react`
25
-
26
- This will automatically add separate packages containing our design tokens, assets, icons, and stylesheets.
24
+ `npm install @amsterdam/design-system-assets @amsterdam/design-system-tokens @amsterdam/design-system-css @amsterdam/design-system-react @amsterdam/design-system-react-icons`
27
25
 
28
26
  Import the components and stylesheets you need, for example:
29
27
 
30
28
  ```javascript
31
29
  import { Paragraph } from "@amsterdam/design-system-react";
32
30
 
33
- import "@amsterdam/design-system-tokens/dist/index.css";
34
31
  import "@amsterdam/design-system-assets/font/index.css";
35
32
  import "@amsterdam/design-system-css/dist/index.css";
33
+ import "@amsterdam/design-system-tokens/dist/index.css";
36
34
 
37
35
  function App() {
38
36
  return <Paragraph>Hello world</Paragraph>;