@justeattakeaway/pie-form-label 0.2.0 → 0.4.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 (3) hide show
  1. package/README.md +40 -14
  2. package/package.json +7 -4
  3. package/LICENSE +0 -17
package/README.md CHANGED
@@ -11,17 +11,52 @@
11
11
  # Table of Contents
12
12
 
13
13
  1. [Introduction](#pie-form-label)
14
- 2. [Local Development](#local-development)
14
+ 2. [Installation](#installation)
15
15
  3. [Importing the component](#importing-the-component)
16
- 4. [Props](#props)
17
- 5. [Testing](#testing)
16
+ 4. [Local Development](#local-development)
17
+ 5. [Peer Dependencies](#peer-dependencies)
18
+ 6. [Props](#props)
19
+ 7. [Testing](#testing)
18
20
 
19
- # pie-form-label
21
+ ## pie-form-label
20
22
 
21
23
  `pie-form-label` is a Web Component built using the Lit library.
22
24
 
23
25
  This component can be easily integrated into various frontend frameworks and customized through a set of properties.
24
26
 
27
+
28
+ ## Installation
29
+
30
+ To install `pie-form-label` in your application, run the following on your command line:
31
+
32
+ ```bash
33
+ # npm
34
+ $ npm i @justeattakeaway/pie-form-label
35
+
36
+ # yarn
37
+ $ yarn add @justeattakeaway/pie-form-label
38
+ ```
39
+
40
+ For full information on using PIE components as part of an application, check out the [Getting Started Guide](https://github.com/justeattakeaway/pie/wiki/Getting-started-with-PIE-Web-Components).
41
+
42
+
43
+ ### Importing the component
44
+
45
+ ```js
46
+ // default
47
+ import { PieFormLabel } from '@justeattakeaway/pie-form-label';
48
+
49
+ // react
50
+ import { PieFormLabel } from '@justeattakeaway/pie-form-label/dist/react';
51
+ ```
52
+
53
+
54
+ ## Peer Dependencies
55
+
56
+ > [!IMPORTANT]
57
+ > When using `pie-form-label`, you will also need to include a couple of dependencies to ensure the component renders as expected. See [the PIE Wiki](https://github.com/justeattakeaway/pie/wiki/Getting-started-with-PIE-Web-Components#expected-dependencies) for more information and how to include these in your application.
58
+
59
+
25
60
  ## Local development
26
61
 
27
62
  Install the dependencies. Note that this, and the following commands below, should be run from the **root of the monorepo**:
@@ -45,15 +80,6 @@ yarn watch --filter=pie-form-label
45
80
  yarn dev --filter=pie-storybook
46
81
  ```
47
82
 
48
- ### Importing the component
49
-
50
- ```js
51
- // default
52
- import { PieFormLabel } from '@justeattakeaway/pie-form-label';
53
-
54
- // react
55
- import { PieFormLabel } from '@justeattakeaway/pie-form-label/dist/react';
56
- ```
57
83
 
58
84
  ## Props
59
85
 
@@ -105,4 +131,4 @@ Under scripts `test:visual` replace the environment variable with the below:
105
131
 
106
132
  ```bash
107
133
  PERCY_TOKEN_PIE_FORM_LABEL=abcde
108
- ```
134
+ ```
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-form-label",
3
3
  "description": "PIE Design System Form Label built using Web Components",
4
- "version": "0.2.0",
4
+ "version": "0.4.0",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -25,15 +25,18 @@
25
25
  "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_FORM_LABEL} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
26
26
  "test:visual:ci": "yarn test:visual"
27
27
  },
28
- "author": "JustEatTakeaway.com - Design System Web Team",
28
+ "author": "Just Eat Takeaway.com - Design System Team",
29
29
  "license": "Apache-2.0",
30
30
  "devDependencies": {
31
31
  "@justeattakeaway/pie-components-config": "0.4.0"
32
32
  },
33
33
  "dependencies": {
34
- "@justeattakeaway/pie-webc-core": "0.9.0"
34
+ "@justeattakeaway/pie-webc-core": "0.10.0"
35
35
  },
36
36
  "volta": {
37
37
  "extends": "../../../package.json"
38
- }
38
+ },
39
+ "sideEffects": [
40
+ "dist/*.js"
41
+ ]
39
42
  }
package/LICENSE DELETED
@@ -1,17 +0,0 @@
1
- Apache License
2
- Version 2.0, January 2004
3
- http://www.apache.org/licenses/
4
-
5
- Copyright (c) Just Eat Takeaway.com
6
-
7
- Licensed under the Apache License, Version 2.0 (the "License");
8
- you may not use this file except in compliance with the License.
9
- You may obtain a copy of the License at
10
-
11
- http://www.apache.org/licenses/LICENSE-2.0
12
-
13
- Unless required by applicable law or agreed to in writing, software
14
- distributed under the License is distributed on an "AS IS" BASIS,
15
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
- See the License for the specific language governing permissions and
17
- limitations under the License.