@sikka/hawa 0.1.7 → 0.1.8-beta

package/dist/index.mjs

@@ -0,0 +1,272 @@
+// components/elements/Button.tsx
+import * as React2 from "react";
+import { cva } from "class-variance-authority";
+
+// components/util.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// components/elements/Loading.tsx
+import React from "react";
+import clsx2 from "clsx";
+var Loading = ({
+  design = "spinner",
+  size = "sm",
+  color,
+  ...props
+}) => {
+  let sizeStyles = {
+    button: "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "hawa-h-8 hawa-w-8",
+    lg: "hawa-h-14 hawa-w-14",
+    xl: "hawa-h-24 hawa-w-24"
+  };
+  let animationStyles = {
+    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
+    bounce: "hawa-animate-bounce"
+  };
+  switch (design.split("-")[0]) {
+    case "dots":
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
+    default:
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-x-3" }, /* @__PURE__ */ React.createElement("div", { "aria-label": "Loading...", role: "status" }, /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          className: clsx2(sizeStyles[size], "hawa-animate-spin"),
+          viewBox: "3 3 18 18"
+        },
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: "hawa-fill-primary/20",
+            d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: color ? color : "hawa-fill-primary",
+            d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+          }
+        )
+      )));
+  }
+};
+
+// components/elements/Button.tsx
+var buttonVariants = cva(
+  "hawa-inline-flex hawa-items-center hawa-justify-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+        outline: "hawa-border  hawa-border-input hawa-bg-background hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+        neoBrutalism: "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active"
+      },
+      size: {
+        default: "hawa-h-10 hawa-px-4 hawa-py-2",
+        heightless: "hawa-px-4 hawa-py-4",
+        xs: "hawa-h-fit hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+        icon: "hawa-h-10 hawa-w-10",
+        smallIcon: "hawa-h-7 hawa-w-7"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        Loading,
+        {
+          design: "dots-pulse",
+          color: loadingColor,
+          size: size === "sm" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
+
+// components/elements/Card.tsx
+import * as React3 from "react";
+var Card = React3.forwardRef(
+  ({ className, clickable = false, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-lg border bg-card text-card-foreground shadow-sm",
+        clickable && "cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React3.forwardRef(
+  ({ headless, className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      ref,
+      className: cn("p-6", headless ? "pt-6" : "pt-0", className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// components/elements/ActionCard.tsx
+import React4, { useState } from "react";
+var ActionCard = (props) => {
+  const [hovered, setHovered] = useState(false);
+  return /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
+      style: {
+        backgroundImage: `url(${props.blank ? "" : props.cardImage})`
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false)
+    },
+    props.blank ? /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React4.createElement(
+      "svg",
+      {
+        className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
+        stroke: "currentColor",
+        fill: "currentColor",
+        "stroke-width": "0",
+        viewBox: "0 0 24 24",
+        height: "1em",
+        width: "1em",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      /* @__PURE__ */ React4.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
+    )) : /* @__PURE__ */ React4.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
+    /* @__PURE__ */ React4.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
+    !props.blank && /* @__PURE__ */ React4.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React4.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React4.createElement("p", { className: "hawa-text-white" }, props.subtitle))
+  ), /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
+    },
+    props.bottomElement
+  ));
+};
+export {
+  ActionCard,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Loading,
+  buttonVariants
+};

package/package.json

@@ -1,125 +1,62 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.7",
-  "description": "SaaS Oriented UI Kit",
-  "main": "lib/index.js",
-  "module": "es/index.es.js",
-  "author": {
-    "name": "Sikka Software",
-    "email": "contact@sikka.io",
-    "url": "http://sikka.io"
-  },
-  "license": "MIT",
-  "keywords": [
-    "ui",
-    "kit",
-    "saas",
-    "kit",
-    "tailwind",
-    "hawa"
+  "version": "0.1.8-beta",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./dist/style.css": "./dist/index.css"
+  },
+  "files": [
+    "dist/**"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sikka-software/hawa.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sikka-software/hawa/issues",
-    "email": "hawa@sikka.io"
-  },
-  "homepage": "https://hawa.style",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "start-storybook -p 6006 -s public",
-    "storybook": "start-storybook -p 6006 -s public",
-    "generate-css": "postcss src/tailwind.css -o src/styles.css && mkdir -p dist && cp src/styles.css dist/",
-    "deploy-storybook": "storybook-to-ghpages",
-    "build-storybook": "build-storybook -o ./docs/documentation",
-    "build-lib": "rollup -c",
-    "build:styles": " node tools/build-styles",
-    "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./docs/documentation"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-react": "^7.12.10",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^11.1.1",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@storybook/addon-actions": "^6.5.8",
-    "@storybook/addon-docs": "^6.5.8",
-    "@storybook/addon-essentials": "^6.5.8",
-    "@storybook/addon-links": "^6.5.8",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.5.8",
-    "@storybook/api": "^7.3.2",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/react": "^6.5.8",
-    "@storybook/storybook-deployer": "^2.8.11",
-    "@storybook/theming": "^6.5.8",
-    "@swc/core": "^1.3.53",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.9",
-    "babel-loader": "^8.2.2",
-    "chromatic": "^6.22.0",
-    "framer-motion": "^4.1.7",
-    "html-webpack-plugin": "^5.5.0",
-    "postcss": "^8.4.18",
-    "postcss-cli": "^10.0.0",
-    "postcss-focus-visible": "^7.1.0",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.13",
-    "qs": "^6.10.3",
-    "react": "^18.2.0",
-    "react-color": "^2.19.3",
-    "react-dnd": "^15.1.2",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.28.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-select": "^5.7.4",
-    "react-transition-group": "^4.4.2",
-    "rollup": "^2.38.4",
-    "rollup-plugin-cleaner": "^1.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-swc": "^0.2.1",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "storybook-dark-mode": "^3.0.1",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-animate": "^1.0.6",
-    "tinycolor2": "^1.4.2",
-    "tslib": "^2.4.1",
-    "typescript": "^4.8.4",
-    "webpack": "^5.75.0"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "resolutions": {
-    "@storybook/react-docgen-typescript-plugin": "npm:react-docgen-typescript-plugin@1.0.2",
-    "@storybook/react/webpack": "^5",
-    "@storybook/core-common/webpack": "^5",
-    "@storybook/core-server/webpack": "^5",
-    "@storybook/builder-webpack5/webpack": "^5",
-    "@storybook/manager-webpack5/webpack": "^5"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-lib": "tsup components/index.tsx --format cjs,esm --dts",
+    "build-css": "postcss styles/globals.css -o dist/index.css",
+    "prepublish": "npm run build-lib && npm run build-css",
+    "pub": "npm publish --tag next"
   },
   "dependencies": {
-    "@radix-ui/react-dropdown-menu": "^2.0.5",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-tooltip": "^1.0.6",
+    "@types/node": "20.8.0",
+    "@types/react": "18.2.23",
+    "@types/react-dom": "18.2.8",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^1.2.1",
-    "cmdk": "^0.2.0",
-    "react": "^18.2.0",
-    "react-dropzone": "^12.0.4",
-    "react-hook-form": "^7.28.0",
-    "react-icons": "^4.10.1",
-    "react-select": "^5.3.2",
-    "slate": "^0.94.1",
-    "slate-react": "^0.97.1",
-    "tailwind-merge": "^1.14.0"
+    "clsx": "^2.0.0",
+    "eslint": "8.50.0",
+    "eslint-config-next": "13.5.3",
+    "next": "13.5.3",
+    "next-themes": "^0.2.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "tailwind-merge": "^1.14.0",
+    "typescript": "5.2.2"
   },
-  "readme": "ERROR: No README data found!",
-  "_id": "@sikka/hawa@0.0.285"
-}
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/nextjs": "^7.4.5",
+    "@storybook/react": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "autoprefixer": "^10.4.16",
+    "eslint-plugin-storybook": "^0.6.14",
+    "postcss": "^8.4.31",
+    "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
+    "storybook": "^7.4.5",
+    "storybook-dark-mode": "^3.0.1",
+    "tailwindcss": "^3.3.3",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^7.2.0"
+  }
+}

package/.github/workflows/hawa-actions.yml

@@ -1,112 +0,0 @@
-name: Build, Deploy Storybook and Publish to NPM
-
-on:
-  push:
-    branches: [gogo]
-
-jobs:
-  #   setup_build:
-  #     runs-on: ubuntu-latest
-  #     steps:
-  #       - name: Checkout repository
-  #         uses: actions/checkout@v2
-
-  #       - name: Setup Node.js v16
-  #         uses: actions/setup-node@v2
-  #         with:
-  #           node-version: 16
-
-  #       - name: Install dependencies
-  #         run: |
-  #           if [ -e 'package-lock.json' ]; then
-  #             npm ci
-  #           else
-  #             npm install
-  #           fi
-
-  build_deploy_storybook:
-    # needs: setup_build
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-
-      - name: Setup Node.js v16
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-
-      - name: Install dependencies
-        run: |
-          if [ -e 'package-lock.json' ]; then 
-            npm ci
-          else 
-            npm install
-          fi
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Deploy Storybook to GitHub Pages
-        uses: bitovi/github-actions-storybook-to-github-pages@v1.0.0
-        with:
-          # Specifies if this action should checkout the code
-          checkout: # optional, default is true
-          # Specifies the path of the static assets after building
-          # optional, default is dist/storybook
-          path: docs
-    # Specifies the command to run after npm ci for the build
-
-    #   deploy_storybook:
-    # needs: build_storybook
-    # runs-on: ubuntu-latest
-    # steps:
-    #   - name: Checkout repository
-    #     uses: actions/checkout@v2
-
-    #   - name: Deploy to GitHub Pages
-    #     uses: JamesIves/github-pages-deploy-action@v4
-    #     with:
-    #       branch: gh-pages
-    #       folder: docs
-    #       token: ${{ secrets.GH_TOKEN }}
-
-  npm_publish:
-    # needs: setup_build
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v2
-
-      - name: Setup Node.js v16
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org/
-
-      - name: Setup Node.js v16
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-
-      - name: Install dependencies
-        run: |
-          if [ -e 'package-lock.json' ]; then 
-            npm ci
-          else 
-            npm install
-          fi
-
-      - name: Build Library
-        run: npm run build-lib
-
-      - name: Build Styles
-        run: npm run build:styles
-
-      - name: Generate Tailwind Styles
-        run: npm run generate-css
-
-      - name: Publish to NPM
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/.github/workflows/hawa-publish-push.yml

@@ -1,74 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
-
-name: Hawa Build, Deploy, and Publish on Push
-
-on:
-  push:
-    branches: [main]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js v16
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-      - name: Install dependencies
-        run: |
-          if [ -e 'package-lock.json' ]; then 
-           npm ci
-          else 
-           npm install
-          fi
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-
-  # # Deployment job
-  # deploy:
-  #   runs-on: ubuntu-latest
-  #   environment:
-  #     name: github-pages
-  #     url: ${{ steps.deployment.outputs.page_url }}
-  #   needs: build
-  #   steps:
-  #     - name: Deploy to GitHub Pages
-  #       id: deployment
-  #       uses: actions/deploy-pages@v2
-  #       # with:
-  #       # branch: gh-pages
-  #       # folder: docs
-  #     # - name: Deploy to GitHub Pages
-  #     #   id: deployment
-  #     #   uses: actions/deploy-pages@v2
-
-  # Publishing to NPM
-  publish:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js v16
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org/
-      - name: Install dependencies
-        run: |
-          if [ -e 'package-lock.json' ]; then 
-           npm ci
-          else 
-           npm install
-          fi
-      - name: Build Library
-        run: npm run build-lib
-      - name: Build Styles
-        run: npm run build:styles
-      - name: Generate Tailwind Styles
-        run: npm run generate-css
-      - name: Publish to NPM
-        run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

package/.github/workflows/hawa-publish.yml

@@ -1,48 +0,0 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
-
-name: Hawa Publish Package
-
-on:
-  release:
-    types: [created]
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 16
-      - run: | 
-         if [ -e 'package-lock.json' ]; then 
-          npm ci
-         else 
-          npm install
-         fi
-         npm run deploy-storybook -- --ci
-        env : 
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-
-  publish-npm:
-    needs: build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: 16
-          registry-url: https://registry.npmjs.org/
-      - run: | 
-         if [ -e 'package-lock.json' ]; then 
-          npm ci
-         else 
-          npm install
-         fi
-      - run: npm run build-lib
-      - run: npm run build:styles
-      - run: npm run generate-css
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.npm_token}}