@sikka/hawa 0.0.279 → 0.0.283

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

@@ -0,0 +1,112 @@
+name: Build, Deploy Storybook and Publish to NPM
+
+on:
+  push:
+    branches: [main]
+
+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

@@ -4,8 +4,10 @@
 name: Hawa Build, Deploy, and Publish on Push
 
 on:
-  push:
-    branches: [main]
+  # push:
+  # branches: [main]
+  release:
+    types: [created]
 
 jobs:
   build:
@@ -23,21 +25,26 @@ jobs:
           else 
            npm install
           fi
-          npm run build-storybook
         env:
           GH_TOKEN: ${{ secrets.GH_TOKEN }}
 
   # Deployment job
   deploy:
+    runs-on: ubuntu-latest
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
     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:

package/dist/styles.css

@@ -2005,6 +2005,9 @@ video {
 .p-2\.5 {
   padding: 0.625rem;
 }
+.p-20 {
+  padding: 5rem;
+}
 .p-3 {
   padding: 0.75rem;
 }
@@ -2138,6 +2141,9 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-10 {
+  padding-top: 2.5rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3037,6 +3043,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
+:is(.dark .dark\:bg-background) {
+  background-color: hsl(var(--background));
+}
 :is(.dark .dark\:bg-blue-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));

package/es/stories/ManualStories/Overview.stories.d.ts

@@ -1 +1,21 @@
+import React from "react";
 import "../stories-styles.css";
+declare const _default: {
+    controls: {
+        hideNoControlsWarning: boolean;
+        exclude: any[];
+    };
+    parameters: {
+        customIcon: () => React.JSX.Element;
+        toolbar: {
+            visibility: string;
+        };
+        layout: string;
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Overview: () => React.JSX.Element;

package/lib/stories/ManualStories/Overview.stories.d.ts

@@ -1 +1,21 @@
+import React from "react";
 import "../stories-styles.css";
+declare const _default: {
+    controls: {
+        hideNoControlsWarning: boolean;
+        exclude: any[];
+    };
+    parameters: {
+        customIcon: () => React.JSX.Element;
+        toolbar: {
+            visibility: string;
+        };
+        layout: string;
+        options: {
+            showPanel: boolean;
+        };
+    };
+    title: string;
+};
+export default _default;
+export declare const Overview: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.279",
+  "version": "0.0.283",
   "description": "SaaS Oriented UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",

package/src/styles.css

@@ -2005,6 +2005,9 @@ video {
 .p-2\.5 {
   padding: 0.625rem;
 }
+.p-20 {
+  padding: 5rem;
+}
 .p-3 {
   padding: 0.75rem;
 }
@@ -2138,6 +2141,9 @@ video {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-10 {
+  padding-top: 2.5rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3037,6 +3043,9 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
+:is(.dark .dark\:bg-background) {
+  background-color: hsl(var(--background));
+}
 :is(.dark .dark\:bg-blue-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));