@aaravpos/appointment-booking-plugin 2.0.4 → 2.0.6

package/dist/styles.css

@@ -809,7 +809,7 @@
   overflow: hidden;
 }
 .aaravpos-text-bold {
-  font-weight: 800;
+  font-weight: 600;
   color: #000;
 }
 .aaravpos-tab-enabled {
@@ -897,7 +897,7 @@
 .aaravpos-layout-content {
   flex: 1;
   position: relative;
-  height: 700px;
+  max-height: 700px;
 }
 .aaravpos-layout-page {
   height: 700px;
@@ -1009,22 +1009,6 @@
   justify-content: center;
   pointer-events: none;
 }
-.aaravpos-search-input {
-  width: 100%;
-  height: 32px;
-  border-radius: 6px;
-  border: 1px solid #d1d5db;
-  background: #ffffff;
-  padding-left: 40px;
-  padding-right: 80px;
-  font-size: 14px;
-  outline: none;
-  transition: all 0.3s ease;
-  box-sizing: border-box;
-}
-.aaravpos-search-input:focus {
-  border-color: #9ca3af;
-}
 .aaravpos-search-actions {
   position: absolute;
   right: 12px;
@@ -1051,7 +1035,7 @@
 .aaravpos-outlet-list-wrapper {
   padding-top: 8px;
   padding-bottom: 8px;
-  max-height: 570px;
+  height: 610px;
   overflow: auto;
   scrollbar-width: none;
 }
@@ -1212,6 +1196,7 @@
   background: #ffffff;
   cursor: pointer;
   outline: none;
+  flex-shrink: 0;
   border-radius: 100%;
   overflow: hidden;
 }
@@ -1245,7 +1230,8 @@
 }
 .aaravpos-step-btn.disabled {
   cursor: not-allowed;
-  opacity: 0.4;
+  opacity: 0.5;
+  pointer-events: none;
 }
 .aaravpos-step-btn.active {
   border-bottom-color: var(--btn-bg);
@@ -1263,6 +1249,11 @@
 .aaravpos-step-icon.inactive {
   color: var(--btn-bg-hover);
 }
+.aaravpos-navbar-form {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
 .aaravpos-page-title {
   font-size: 22px;
   font-weight: 900;
@@ -1374,6 +1365,7 @@
   cursor: pointer;
   transition: all 0.3s ease;
   font-size: 14px;
+  border-radius: 4px;
 }
 .aaravpos-supercategory-btn:hover {
   border-color: rgba(0, 0, 0, 0.5);
@@ -1403,10 +1395,10 @@
 }
 .aaravpos-services-wrapper {
   overflow-y: auto;
-  padding-bottom: 75px;
+  padding-bottom: 30px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 318px;
+  height: 418px;
 }
 .aaravpos-services-wrapper::-webkit-scrollbar {
   display: none;
@@ -1981,7 +1973,7 @@
 .aaravpos-date-modal-overlay {
   position: fixed;
   inset: 0;
-  z-index: 200;
+  z-index: 1026;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2008,7 +2000,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 10px 16px;
   background: var(--canvas-bg);
   border-bottom: 1px solid var(--border-color);
 }
@@ -2038,7 +2030,7 @@
 }
 .aaravpos-date-modal-body {
   overflow-y: auto;
-  padding: 10px 28px 20px 28px;
+  padding: 10px 15px 15px 15px;
 }
 .aaravpos-date-nav {
   display: flex;
@@ -2078,7 +2070,8 @@
   color: var(--text-muted);
 }
 .aaravpos-calendar-day {
-  min-height: 34px;
+  height: 34px;
+  width: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2227,9 +2220,9 @@
 }
 .arravpos-details-scroll {
   overflow-y: auto;
-  padding-bottom: 80px;
+  padding-bottom: 30px;
   scrollbar-width: none;
-  height: 515px;
+  height: 565px;
 }
 .arravpos-details-scroll::-webkit-scrollbar {
   display: none;
@@ -2295,6 +2288,7 @@
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
+  z-index: 999;
 }
 .arravpos-loader {
   width: 16px;
@@ -2353,8 +2347,8 @@
 .arravpos-booking-scroll {
   overflow-y: auto;
   scrollbar-width: none;
-  height: 470px;
-  padding-bottom: 25px;
+  height: 495px;
+  padding-bottom: 15px;
 }
 .arravpos-booking-scroll::-webkit-scrollbar {
   display: none;
@@ -2418,7 +2412,7 @@
 .arravpos-success-wrapper {
   overflow-y: auto;
   scrollbar-width: none;
-  height: 580px;
+  height: 700px;
 }
 .arravpos-success-wrapper::-webkit-scrollbar {
   display: none;
@@ -2426,7 +2420,7 @@
 .arravpos-success-motion {
   display: flex;
   flex-direction: column;
-  height: 580px;
+  height: 668px;
   align-items: center;
   justify-content: center;
   background: var(--canvas);
@@ -2469,7 +2463,7 @@
   margin-bottom: 10px;
   padding: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  height: 320px;
+  height: 400px;
   overflow-x: scroll;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -3048,7 +3042,8 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 362px;
+  max-height: 362px;
+  position: relative;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
   display: none;
@@ -3154,10 +3149,10 @@
 }
 .aaravpos-staff-wrapper {
   overflow-y: auto;
-  padding-bottom: 80px;
+  padding-bottom: 40px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 504px;
+  height: 540px;
 }
 .aaravpos-staff-wrapper::-webkit-scrollbar {
   display: none;
@@ -3248,7 +3243,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 100vh;
+  height: 700px;
 }
 .aaravpos-loading-text {
   font-size: 14px;
@@ -3259,7 +3254,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  height: 100vh;
+  height: 700px;
   padding: 20px;
   text-align: center;
 }
@@ -3297,7 +3292,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 580px;
+  height: 610px;
 }
 .aaravpos-loader {
   width: 24px;
@@ -3333,14 +3328,7 @@
   }
   .aaravpos-date-modal {
     height: fit-content;
-    border-top-left-radius: 18px;
-    border-top-right-radius: 18px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .aaravpos-date-modal-header {
-    padding-left: 16px;
-    padding-right: 16px;
+    border-radius: 12px;
   }
   .aaravpos-date-modal-title {
     font-size: 18px;
@@ -3348,9 +3336,6 @@
   .aaravpos-calendar-grid {
     gap: 8px;
   }
-  .aaravpos-calendar-day {
-    min-height: 40px;
-  }
   .arravpos-date-nav-btn svg {
     width: 18px;
     height: 18px;
@@ -3398,9 +3383,6 @@
     line-clamp: 2;
     -webkit-box-orient: vertical;
   }
-  .aaravpos-sidebar {
-    display: none;
-  }
   .aaravpos-page-title {
     font-size: 16px;
   }
@@ -3416,9 +3398,6 @@
   .aaravpos-mobile-step-label {
     font-size: 14px;
   }
-  .aaravpos-btn {
-    display: block;
-  }
   .aaravpos-outlet-card-title {
     font-size: 16px;
   }
@@ -3456,9 +3435,6 @@
   .aaravpos-services-wrapper.standalone {
     height: calc(100dvh - 300px);
   }
-  .aaravpos-sidebar {
-    display: flex;
-  }
   .aaravpos-mobile-button {
     display: none;
   }
@@ -3485,7 +3461,7 @@
 }
 @media (max-width: 480px) {
   .arravpos-date-nav-btn {
-    width: 30px;
+    width: 23px;
     padding: 6px;
   }
   .arravpos-date-nav-btn svg {
@@ -3496,10 +3472,14 @@
     gap: 4px;
   }
   .arravpos-date-card {
-    min-width: 26px;
-    min-height: 40px;
+    min-width: 24px;
+    min-height: 38px;
     padding: 8px 4px;
   }
+  .arravpos-calendar-btn {
+    margin-left: 2px;
+    padding: 6px;
+  }
   .arravpos-date-week {
     font-size: 8px;
     margin-bottom: 3px;
@@ -3549,6 +3529,29 @@
   .arravpos-appointment-date-text {
     font-size: 13px;
   }
+  .aaravpos-date-modal {
+    width: 290px;
+  }
+  .aaravpos-calendar-day {
+    height: 24px;
+    width: 24px;
+  }
+}
+@media (min-width: 991px) {
+  .aaravpos-sidebar {
+    display: block;
+  }
+  .aaravpos-layout-wrapper.with-sidebar {
+    grid-template-columns: minmax(0, 1fr) 360px;
+  }
+}
+@media (max-width: 991px) {
+  .aaravpos-sidebar {
+    display: none;
+  }
+  .aaravpos-btn {
+    display: block;
+  }
 }
 @media (min-width: 1024px) {
   .arravpos-date-strip {
@@ -3593,11 +3596,12 @@
   .arravpos-details-scroll {
     padding-bottom: 16px;
   }
-  .aaravpos-layout-wrapper.with-sidebar {
-    grid-template-columns: minmax(0, 1fr) 360px;
-  }
 }
 @media (max-width: 1024px) {
+  .aaravpos-navbar-form {
+    flex-direction: column;
+    margin-bottom: 10px;
+  }
   .arravpos-booking-grid {
     flex-direction: column;
     gap: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-booking-plugin",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",