@justeattakeaway/pie-webc 0.2.8 → 0.3.0

package/README.md

@@ -32,6 +32,23 @@ $ npm i @justeattakeaway/pie-webc
 $ yarn add @justeattakeaway/pie-webc
 ```
 
+## Importing components
+
+Simply import each one individually using its specific entrypoint.
+
+```js
+import '@justeattakeaway/pie-webc/components/button.js';
+import '@justeattakeaway/pie-webc/components/modal.js';
+```
+
+And for React applications:
+
+```jsx
+import { PieButton } from '@justeattakeaway/pie-webc/react/button.js';
+import { PieModal } from '@justeattakeaway/pie-webc/react/modal.js';
+```
+
+
 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).
 
 ## Contributing

package/components/button.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-button';

package/components/button.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-button';

package/components/modal.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-modal';

package/components/modal.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-modal';

package/package.json

@@ -1,39 +1,55 @@
 {
   "name": "@justeattakeaway/pie-webc",
   "description": "Component bundle containing all PIE web components",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
   "files": [
-    "dist",
+    "**/*.js",
     "**/*.d.ts"
   ],
+  "exports": {
+    "./components/button.js": {
+      "import": "./components/button.js",
+      "require": "./components/button.js",
+      "types": "./components/button.d.ts"
+    },
+    "./react/button.js": {
+      "import": "./react/button.js",
+      "require": "./react/button.js",
+      "types": "./react/button.d.ts"
+    },
+    "./components/modal.js": {
+      "import": "./components/modal.js",
+      "require": "./components/modal.js",
+      "types": "./components/modal.d.ts"
+    },
+    "./react/modal.js": {
+      "import": "./react/modal.js",
+      "require": "./react/modal.js",
+      "types": "./react/modal.d.ts"
+    }
+  },
   "scripts": {
-    "build": "run -T vite build",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
     "lint:style": "echo \"Error: no scss / css to lint\" && exit 0",
     "lint:style:fix": "yarn lint:style --fix",
-    "watch": "run -T vite build --watch",
     "test": "echo \"Error: no test specified\" && exit 0",
     "test:ci": "yarn test"
   },
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.15.0"
+    "@justeattakeaway/pie-components-config": "0.16.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.47.2",
-    "@justeattakeaway/pie-modal": "0.42.2",
-    "@justeattakeaway/pie-webc-core": "0.21.0"
+    "@justeattakeaway/pie-button": "0.47.3",
+    "@justeattakeaway/pie-modal": "0.42.3"
   },
   "volta": {
     "extends": "../../../package.json"
   },
   "sideEffects": [
-    "dist/*.js"
+    "**/*.js"
   ]
 }

package/react/button.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-button/dist/react.js';

package/react/button.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-button/dist/react.js';

package/react/modal.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-modal/dist/react.js';

package/react/modal.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-modal/dist/react.js';

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-import { PieButton } from '@justeattakeaway/pie-button';
-import { PieModal } from '@justeattakeaway/pie-modal';
-
-export { PieButton }
-
-export { PieModal }
-
-export { }

package/dist/index.js

@@ -1,6 +0,0 @@
-import { PieButton as r } from "@justeattakeaway/pie-button";
-import { PieModal as f } from "@justeattakeaway/pie-modal";
-export {
-  r as PieButton,
-  f as PieModal
-};

package/dist/react.d.ts

@@ -1,8 +0,0 @@
-import { PieButton } from '@justeattakeaway/pie-button/dist/react';
-import { PieModal } from '@justeattakeaway/pie-modal/dist/react';
-
-export { PieButton }
-
-export { PieModal }
-
-export { }

package/dist/react.js

@@ -1,6 +0,0 @@
-import { PieButton as r } from "@justeattakeaway/pie-button/dist/react";
-import { PieModal as f } from "@justeattakeaway/pie-modal/dist/react";
-export {
-  r as PieButton,
-  f as PieModal
-};