@coopdigital/react 0.20.5 → 0.21.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.
- package/README.md +6 -5
- package/package.json +15 -12
package/README.md
CHANGED
|
@@ -11,22 +11,22 @@
|
|
|
11
11
|
<img alt="NPM Downloads" src="https://img.shields.io/npm/d18m/%40coopdigital%2Freact?color=819C00">
|
|
12
12
|
<a href="https://static.coop.co.uk/experience-kit-storybook-react"><img src="https://img.shields.io/badge/storybook-react-F85792" alt="storybook" /></a>
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
> React components for the Experience Library design system.
|
|
14
|
+
> React components for the Experience Library design system.
|
|
16
15
|
|
|
17
16
|
You can see the full range of components and documentation on the [Experience Kit Storybook](https://static.coop.co.uk/experience-kit-storybook-react)
|
|
18
17
|
|
|
19
18
|
## Getting started
|
|
20
19
|
|
|
21
|
-
Install the react package
|
|
20
|
+
Install the react package from NPM:
|
|
21
|
+
|
|
22
22
|
```
|
|
23
|
-
npm install @coopdigital/react
|
|
23
|
+
npm install @coopdigital/react
|
|
24
24
|
```
|
|
25
|
-
*Note: In some edge cases you may want to install the packages independently*
|
|
26
25
|
|
|
27
26
|
## Usage
|
|
28
27
|
|
|
29
28
|
Import the components that you need, along with the main stylesheet and the corresponding component styles:
|
|
29
|
+
|
|
30
30
|
```
|
|
31
31
|
import { Pill } from "@coopdigital/react"
|
|
32
32
|
import "@coopdigital/styles/main.css"
|
|
@@ -34,6 +34,7 @@ import "@coopdigital/styles/components/Pill.css"
|
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
Alternatively if your project uses SASS you can import the source stylesheets:
|
|
37
|
+
|
|
37
38
|
```
|
|
38
39
|
@use "@coopdigital/styles/src/main.scss"
|
|
39
40
|
@use "@coopdigital/styles/src/components/Pill.scss"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coopdigital/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.21.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -54,28 +54,31 @@
|
|
|
54
54
|
"description": "",
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@axe-core/playwright": "^4.10.2",
|
|
57
|
-
"@
|
|
58
|
-
"@
|
|
59
|
-
"@storybook/addon-
|
|
60
|
-
"@storybook/addon-
|
|
61
|
-
"@storybook/
|
|
62
|
-
"@storybook/react-vite": "^9.0.12",
|
|
57
|
+
"@playwright/test": "^1.54.0",
|
|
58
|
+
"@storybook/addon-a11y": "^9.0.16",
|
|
59
|
+
"@storybook/addon-docs": "^9.0.16",
|
|
60
|
+
"@storybook/addon-onboarding": "^9.0.16",
|
|
61
|
+
"@storybook/react-vite": "^9.0.16",
|
|
63
62
|
"@testing-library/jest-dom": "^6.6.3",
|
|
64
63
|
"@testing-library/react": "^16.3.0",
|
|
65
64
|
"@types/react": "^19.1.8",
|
|
66
65
|
"@types/react-dom": "^19.1.6",
|
|
66
|
+
"clsx": "^2.1.1",
|
|
67
|
+
"react": "^19.1.0",
|
|
68
|
+
"react-dom": "^19.1.0",
|
|
67
69
|
"serve": "^14.2.4",
|
|
68
|
-
"storybook": "^9.0.
|
|
70
|
+
"storybook": "^9.0.16"
|
|
69
71
|
},
|
|
70
72
|
"peerDependencies": {
|
|
73
|
+
"clsx": "^2.1.1",
|
|
71
74
|
"react": "^19.1.0",
|
|
72
75
|
"react-dom": "^19.1.0"
|
|
73
76
|
},
|
|
74
|
-
"dependencies": {
|
|
75
|
-
"clsx": "^2.1.1"
|
|
76
|
-
},
|
|
77
77
|
"overrides": {
|
|
78
78
|
"storybook": "$storybook"
|
|
79
79
|
},
|
|
80
|
-
"
|
|
80
|
+
"dependencies": {
|
|
81
|
+
"@coopdigital/styles": "^0.22.0"
|
|
82
|
+
},
|
|
83
|
+
"gitHead": "4ef6b053e6b4a14bc4829ca1388566cda58b8f2d"
|
|
81
84
|
}
|