@justeattakeaway/pie-icon-button 0.21.0 → 0.21.1

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 (2) hide show
  1. package/README.md +15 -3
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -46,16 +46,28 @@ For full information on using PIE components as part of an application, check ou
46
46
 
47
47
  ### Importing the component
48
48
 
49
+ #### JavaScript
49
50
  ```js
50
- // Default – for Native JS Applications, Vue, Angular, Svelte etc.
51
+ // Default – for Native JS Applications, Vue, Angular, Svelte, etc.
51
52
  import { PieIconButton } from '@justeattakeaway/pie-icon-button';
52
53
 
54
+ // If you don't need to reference the imported object, you can simply
55
+ // import the module which registers the component as a custom element.
56
+ import '@justeattakeaway/pie-icon-button';
57
+ ```
58
+
59
+ #### React
60
+ ```js
53
61
  // React
54
- // For React, you will need to import our React specific component build
55
- // Which wraps the web component using the @lit-labs/react package
62
+ // For React, you will need to import our React-specific component build
63
+ // which wraps the web component using @lit-labs/react
56
64
  import { PieIconButton } from '@justeattakeaway/pie-icon-button/dist/react';
57
65
  ```
58
66
 
67
+ > [!NOTE]
68
+ > When using the React version of the component, please make sure to also
69
+ > include React as a [peer dependency](#peer-dependencies) in your project.
70
+
59
71
 
60
72
  ## Peer Dependencies
61
73
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-icon-button",
3
- "version": "0.21.0",
3
+ "version": "0.21.1",
4
4
  "description": "PIE Design System Icon Button built using Web Components",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -27,7 +27,7 @@
27
27
  "license": "Apache-2.0",
28
28
  "dependencies": {
29
29
  "@justeattakeaway/pie-icons-webc": "0.11.1",
30
- "@justeattakeaway/pie-spinner": "0.2.0",
30
+ "@justeattakeaway/pie-spinner": "0.2.1",
31
31
  "@justeattakeaway/pie-webc-core": "0.11.0"
32
32
  },
33
33
  "volta": {