@sikka/hawa 0.0.284 → 0.0.286

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

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

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

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

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

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

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

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

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

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

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

@@ -1,16 +1,18 @@
 import React from "react";
 import "../stories-styles.css";
 declare const _default: {
-    controls: {
-        hideNoControlsWarning: boolean;
-        exclude: any[];
-    };
     parameters: {
-        customIcon: () => React.JSX.Element;
-        toolbar: {
-            visibility: string;
+        chromatic: {
+            disableSnapshot: boolean;
         };
-        layout: string;
+        controls: {
+            expand: boolean;
+            disable: boolean;
+            hideNoControlsWarning: boolean;
+            exclude: any[];
+        };
+        className: string;
+        customIcon: () => React.JSX.Element;
         options: {
             showPanel: boolean;
         };

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

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

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.0.284",
+  "version": "0.0.286",
   "description": "SaaS Oriented UI Kit",
   "main": "lib/index.js",
   "module": "es/index.es.js",
-  "author": "Sikka Software <contact@sikka.io> (http://sikka.io)",
+  "author": {
+    "name": "Sikka Software",
+    "email": "contact@sikka.io",
+    "url": "http://sikka.io"
+  },
   "license": "MIT",
   "keywords": [
     "ui",
@@ -16,7 +20,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/sikka-software/hawa.git"
+    "url": "git+https://github.com/sikka-software/hawa.git"
   },
   "bugs": {
     "url": "https://github.com/sikka-software/hawa/issues",
@@ -31,7 +35,8 @@
     "deploy-storybook": "storybook-to-ghpages",
     "build-storybook": "build-storybook -o ./docs/documentation",
     "build-lib": "rollup -c",
-    "build:styles": " node tools/build-styles"
+    "build:styles": " node tools/build-styles",
+    "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./docs/documentation"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
@@ -56,6 +61,7 @@
     "@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",
@@ -109,5 +115,7 @@
     "react-select": "^5.3.2",
     "slate": "^0.94.1",
     "slate-react": "^0.97.1"
-  }
+  },
+  "readme": "ERROR: No README data found!",
+  "_id": "@sikka/hawa@0.0.285"
 }

package/src/blocks/Account/UserProfileForm.tsx

@@ -83,6 +83,7 @@ export const UserProfileForm: FC<UserProfileFormTypes> = (props) => {
               required: props.texts.passwordRequiredText,
             }}
           />
+
           <Controller
             control={control}
             name="confirmPassword"
@@ -101,49 +102,8 @@ export const UserProfileForm: FC<UserProfileFormTypes> = (props) => {
               required: props.texts.confirmPasswordRequiredText,
             }}
           />
-          {inputs.length > 0 &&
-            inputs.map((singleInput: any) => {
-              if (singleInput.type === "textArea") {
-                return (
-                  <Controller
-                    control={control}
-                    name={singleInput.name}
-                    render={({ field }) => (
-                      <HawaTextField
-                        width="full"
-                        type="text"
-                        defaultValue={singleInput.defaultValue ?? null}
-                        label={singleInput.label ?? null}
-                        placeholder={singleInput.placeHolder ?? null}
-                      />
-                    )}
-                    rules={singleInput.rules ?? null}
-                  />
-                )
-              }
-              return (
-                <Controller
-                  control={control}
-                  name={singleInput.name}
-                  render={({ field }) => (
-                    <HawaTextField
-                      width="full"
-                      type={singleInput.type}
-                      defaultValue={singleInput.defaultValue ?? null}
-                      label={singleInput.label ?? null}
-                      placeholder={singleInput.placeHolder ?? null}
-                    />
-                  )}
-                  rules={singleInput.rules ?? null}
-                />
-              )
-            })}
 
-          <HawaButton
-            color="primary"
-            width="full"
-            // type="submit"
-          >
+          <HawaButton color="primary" width="full">
             {props.texts.updateProfile}
           </HawaButton>
         </form>

package/src/elements/HawaButton.tsx

@@ -27,6 +27,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   isLoading?: boolean
   badge?: any
   edgeCorner?: any
+  disabled?: boolean
 }
 
 const disabledSyles = "cursor-default pointer-events-none"
@@ -71,7 +72,8 @@ const colorStyles = {
     dark: "text-neutral-900 bg-gray-200 hover:bg-gray-300",
   },
   outlined: {
-    default: "text-gray-600 border-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800 dark:text-white",
+    default:
+      "text-gray-600 border-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800 dark:text-white",
     primary: "text-black hover:bg-gray-50  dark:text-white",
     secondary:
       " dark:text-white text-secondary-800 border-secondary-800 hover:bg-buttonSecondary-700 hover:text-white",

package/src/elements/HawaPhoneInput.tsx

@@ -73,9 +73,7 @@ export const HawaPhoneInput: FC<HawaPhoneInputTypes> = (props) => {
   return (
     <div className="mb-3 flex flex-col">
       {props.label && (
-        <label className="mb-2 block text-sm font-medium text-gray-900 dark:text-white">
-          {props.label}
-        </label>
+        <label className="mb-2 block text-sm font-medium">{props.label}</label>
       )}
       <div dir="ltr" className="flex flex-row ">
         <Select
@@ -157,8 +155,10 @@ export const HawaPhoneInput: FC<HawaPhoneInputTypes> = (props) => {
           placeholder="531045453"
           // text-gray-900 dark:text-gray-300
           // dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500
-          className="block  w-full  appearance-none rounded rounded-l-none border border-l-0
-            bg-background p-2 text-[0.875rem] text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:text-white "
+          className="block w-full rounded-r  border bg-background p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"
+
+          // className="block  w-full  appearance-none rounded rounded-l-none border border-l-0
+          //   bg-background p-2 text-[0.875rem] text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:text-white "
         />
         {props.helperText && (
           <p className="mb-1 mt-1 text-xs text-red-600 dark:text-red-500">

package/src/elements/HawaTextField.tsx

@@ -64,7 +64,7 @@ export const HawaTextField: FC<TextFieldTypes> = ({
       {props.label && (
         <label
           // htmlFor="first_name"
-          className="mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"
+          className="mb-2 block text-sm font-medium "
         >
           {props.label}
         </label>