gbs-add-block 1.2.0 → 1.2.2

package/README.md

@@ -1,4 +1,4 @@
-# GBS Building Blocks 2.0 (v1.2.0)
+# GBS Building Blocks 2.0 (v1.2.2)
 
 Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
 
@@ -6,12 +6,10 @@ 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://gramprokit.vercel.app)
 
-## What's New 🎉 (Ver 1.2.0)
+## What's New 🎉 (Ver 1.2.2)
 
-- Updated Data Grid
 - Style Updates
 - Bug Fix
-- New Documentation Site
 
 ## Authors
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "React Component Library",
   "type": "module",
   "files": [

package/source/components/breadcrumb/index.tsx

@@ -45,15 +45,17 @@ export const Breadcrumb = ({
                 >
                   {segment.label}
                 </a>
-                <span className="mx-2 text-gray-400">
-                  <Icon
-                    elements={rightArrow}
-                    dimensions={{ width: 14, height: 14 }}
-                    svgClass={
-                      "stroke-black fill-none dark:stroke-white cursor-pointer"
-                    }
-                  />
-                </span>
+                {!isLast && (
+                  <span className="mx-2 text-gray-400">
+                    <Icon
+                      elements={rightArrow}
+                      dimensions={{ width: 14, height: 14 }}
+                      svgClass={
+                        "stroke-black fill-none dark:stroke-white cursor-pointer"
+                      }
+                    />
+                  </span>
+                )}
               </>
             </li>
           );

package/source/components/datepicker/index.tsx

@@ -146,14 +146,10 @@ export const DatePicker = ({
             elements={calender}
             svgClass={iconClass["grey-common"]}
           />
-          <span className={!selectedDate ? "text-gray-400 text-sm" : ""}>
-            {selectedDate ? (
-              <span className="text-sm">
-                {selectedDate.toLocaleDateString("en-GB")}
-              </span>
-            ) : (
-              placeholder
-            )}
+          <span className={!selectedDate ? "text-gray-400 text-sm" : "text-sm"}>
+            {selectedDate
+              ? selectedDate.toLocaleDateString("en-GB")
+              : placeholder}
           </span>
         </button>
 
@@ -175,8 +171,8 @@ export const DatePicker = ({
       />
 
       {showDatepicker && !disabled && (
-        <div className={popUp["pop-up-style"]}>
-          <div className="flex justify-between items-center p-2">
+        <div className={popUp["pop-up-style-calender"]}>
+          <div className="flex justify-between items-center p-2 text-xs">
             <div className="flex items-center space-x-2">
               <span className="text-md font-semibold">
                 {new Date(currentYear, currentMonth).toLocaleString("default", {
@@ -301,14 +297,17 @@ export const DatePicker = ({
           ) : (
             <div className="grid grid-cols-7 gap-1 p-2">
               {["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (
-                <div key={day} className="text-center font-bold text-sm p-1">
+                <div key={day} className="text-center font-bold text-xs p-1">
                   {day}
                 </div>
               ))}
               {days.flat().map((day: Date | null, index: number) => {
                 if (!day) {
                   return (
-                    <div key={index} className="text-center p-1 w-8 h-8"></div>
+                    <div
+                      key={index}
+                      className="text-center p-1 w-8 h-8 text-xs"
+                    ></div>
                   );
                 }
                 const isDisabled: boolean | undefined =
@@ -326,7 +325,7 @@ export const DatePicker = ({
                     key={index}
                     onClick={() => !isDisabled && selectDate(day)}
                     disabled={isDisabled}
-                    className={`text-center p-1 w-8 h-8 cursor-pointer rounded-md hover:bg-gray-200 transition duration-150 ease-in-out ${
+                    className={`text-center text-xs p-1 w-8 h-8 cursor-pointer rounded-md hover:bg-gray-200 transition duration-150 ease-in-out ${
                       isSelected
                         ? "bg-black text-white hover:bg-gray-800 dark:bg-zinc-500"
                         : ""
@@ -342,7 +341,7 @@ export const DatePicker = ({
               })}
             </div>
           )}
-          <div className="px-2 py-2 flex justify-between mb-8">
+          <div className="px-2 py-2 flex justify-between mb-8 text-xs">
             <button
               type="button"
               onClick={goToToday}

package/source/globalStyle.ts

@@ -6,6 +6,8 @@ export const primary = {
 export const popUp = {
   "pop-up-style":
     "w-full absolute overflow-y-auto border border-slate-200 rounded-lg mt-[2px] scrollbar bg-white z-90 scrollbar h-40 dark:bg-black dark:text-white animate-fade-down animate-once animate-duration-200",
+  "pop-up-style-calender":
+    "w-full absolute overflow-y-auto border border-slate-200 rounded-lg mt-[2px] scrollbar bg-white z-90 scrollbar h-[370px] dark:bg-black dark:text-white animate-fade-down animate-once animate-duration-200",
 };
 
 export const iconClass = {