pcm-shared-components 0.0.6 → 0.0.9

package/README.md

@@ -1,4 +1,3 @@
-# Tailwind 3 With Storybook Example
+# Shared Components between client and admin portal
+
 
-This is a hacky but working example of tailwind 3 in storybook.
-[Please refer to this issue before copying anything in this repo](https://github.com/tailwindlabs/tailwindcss/issues/6314)

package/dist/components/Button/index.js

@@ -0,0 +1,8 @@
+import React from "react";
+export const Button = () => {
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "relative inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
+  }, "Button");
+};
+export default Button;

package/dist/index.js

@@ -0,0 +1,3 @@
+import './styles/tailwind.css';
+import Button from './components/Button';
+export { Button };

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "private": false,
   "main": "dist/index.js",
   "babel": {
     "presets": [
       "@babel/preset-react"
+    ],
+    "ignore": [
+      "**/*.stories.js",
+      "**/*.stories.mdx"
     ]
   },
   "files": [
@@ -15,9 +19,11 @@
     "publishme": "npm publish",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "clean": "rm -Rf dist",
+    "clean": "rm -rf dist",
     "build-tailwind": "NODE_ENV=production npx tailwindcss -o ./dist/styles/tailwind.css --minify",
-    "build": "npm run clean && NODE_ENV=production npx babel src/ --out-dir -d dist --copy-files && npm run build-tailwind"
+    "build": "npm run clean && NODE_ENV=production babel src/ --out-dir dist && npm run build-tailwind && npm version patch ",
+    "build1": "NODE_ENV=production babel src/ --out-dir dist",
+    "build2": "npm run build-tailwind"
   },
   "peerDependencies": {
     "react": "^17.0.2",

package/dist/components/Button/Button.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Primary = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
-  /* 👇 The title prop is optional.
-  * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
-  * to learn how to generate automatic titles
-  */
-  title: 'Button',
-  component: _index["default"]
-}; //👇 We create a “template” of how args map to rendering
-
-exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_index["default"], args);
-}; // 👇 Each story then reuses that template
-
-
-var Primary = Template.bind({});
-exports.Primary = Primary;
-Primary.args = {
-  background: '#ff0',
-  label: 'Button'
-};

package/dist/components/Button/index.tsx

@@ -1,14 +0,0 @@
-import React from "react";
-
-export const Button = () => {
-  return (
-    <button
-      type="button"
-      className="relative inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
-    >
-      Button
-    </button>
-  );
-};
-
-export default Button;

package/dist/index.ts

@@ -1,3 +0,0 @@
-import './styles/tailwind.css'
-
-export * from './components/Button';