gbs-add-block 0.0.39 → 0.0.40

package/README.md

@@ -1,4 +1,4 @@
-# GBS Building Blocks 2.0 (v0.0.39)
+# GBS Building Blocks 2.0 (v0.0.40)
 
 Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
 
@@ -6,9 +6,9 @@ Latest and upgraded version of GBS building blocks with headless UI and removed
 
 For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
 
-## What's New 🎉 (Ver 0.0.39)
+## What's New 🎉 (Ver 0.0.40)
 
-- Form Renderer Now Supports Date Picker and CheckBox
+- Minor Update For Code Readability (Pre-Refactoring Job)
 
 ## Authors
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "React Component Library",
   "files": [
     "index.js",

package/source/components/datepicker/index.tsx

@@ -155,7 +155,7 @@ export const DatePicker = ({
           {selectedDate ? selectedDate.toLocaleDateString() : placeholder}
         </span>
       </button>
-      <p className={primary["error-primary"]}>{error && error}</p>
+      {error && <p className={primary["error-primary"]}>{error}</p>}
 
       {/* Hidden input to integrate with the form */}
       <input

package/source/components/input/index.tsx

@@ -93,7 +93,7 @@ export const Input = ({
               />
             </button>
           )}
-          <div className="text-xs text-red-500">{error && error}</div>
+          {error && <div className="text-xs text-red-500">{error}</div>}
         </div>
       ) : (
         <div className="otp-container">

package/source/components/materialInput/index.tsx

@@ -62,7 +62,7 @@ const MaterialInput = ({
             ${
               error
                 ? "border-red-500 focus:border-red-500"
-                : "border-gray-300 focus:border-blue-500"
+                : "border-gray-300 focus:border-black"
             }
             ${disabled ? "text-gray-400 cursor-not-allowed" : "text-gray-900"}
           `}
@@ -91,7 +91,7 @@ const MaterialInput = ({
             ${
               error
                 ? "border-red-500 focus:border-red-500"
-                : "border-gray-300 focus:border-blue-500"
+                : "border-gray-300 focus:border-black"
             }
             ${disabled ? "text-gray-400 cursor-not-allowed" : "text-gray-900"}
           `}
@@ -109,7 +109,7 @@ const MaterialInput = ({
               error
                 ? "text-red-500"
                 : isFocused
-                ? "text-blue-500"
+                ? "text-black"
                 : "text-gray-500"
             }
             ${disabled ? "text-gray-400 cursor-not-allowed" : ""}

package/source/components/multiselect/index.tsx

@@ -177,7 +177,7 @@ const MultiSelect = forwardRef<MultiSelectHandle, MultiSelectProps>(
             </button>
           </div>
         </div>
-        <p className={primary["error-primary"]}>{error && error}</p>
+        {error && <p className={primary["error-primary"]}>{error}</p>}
 
         {/* Hidden input to integrate with the form */}
         <input

package/source/components/select/index.tsx

@@ -172,7 +172,7 @@ const Select = forwardRef<SelectHandle, SelectProps>((props, ref) => {
             />
           </button>
         )}
-        <p className={primary["error-primary"]}>{error && error}</p>
+        {error && <p className={primary["error-primary"]}>{error}</p>}
       </div>
 
       {/* Hidden input to integrate with the form */}