@aaravpos/appointment-booking-plugin 2.0.3 → 2.0.4

package/dist/styles.css

@@ -805,6 +805,13 @@
 .arravpos-m0 {
   margin: 0px !important;
 }
+.aaravpos-overflow-hidden {
+  overflow: hidden;
+}
+.aaravpos-text-bold {
+  font-weight: 800;
+  color: #000;
+}
 .aaravpos-tab-enabled {
   cursor: pointer;
 }
@@ -819,7 +826,7 @@
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
-  height: 580px;
+  height: 700px;
 }
 .aaravpos-margin-top-20 {
   margin-top: 20px;
@@ -831,12 +838,8 @@
   margin-top: auto;
 }
 .aaravpos-btn {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   gap: 8px;
-  padding: 12px 32px;
+  padding: 8px 16px;
   border: none;
   background: var(--btn-bg, #000);
   color: var(--btn-text, #fff);
@@ -846,7 +849,17 @@
   letter-spacing: 1.5px;
   cursor: pointer;
   transition: all 0.2s ease;
-  border-radius: 20px;
+  border-radius: 6px;
+  position: absolute;
+  bottom: 15px;
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  left: 50%;
+  transform: translateX(-50%);
+  width: max-content;
+  display: none;
 }
 .aaravpos-btn:hover {
   background: var(--btn-bg-hover, #222);
@@ -874,7 +887,7 @@
   padding: 9px 8px !important;
 }
 .aaravpos-layout {
-  height: 580px;
+  height: 700px;
   display: flex;
   flex-direction: column;
   background: var(--canvas, #ffffff);
@@ -884,10 +897,10 @@
 .aaravpos-layout-content {
   flex: 1;
   position: relative;
-  height: 580px;
+  height: 700px;
 }
 .aaravpos-layout-page {
-  height: 580px;
+  height: 700px;
 }
 .aaravpos-title {
   font-size: 22px;
@@ -902,7 +915,7 @@
 .aaravpos-main-layout {
   display: flex;
   flex-direction: column;
-  height: 580px;
+  height: 700px;
 }
 .aaravpos-layout-wrapper {
   flex: 1;
@@ -914,12 +927,11 @@
 .aaravpos-main-content {
   padding: 16px;
   position: relative;
-  height: 550px;
   min-width: 0;
 }
 .aaravpos-mobile-button {
   position: absolute;
-  bottom: 10px;
+  bottom: 12px;
   left: 0;
   right: 0;
   z-index: 50;
@@ -928,27 +940,6 @@
   align-items: center;
   justify-content: center;
 }
-.aaravpos-view-order-btn {
-  padding: 12px 34px;
-  font-size: 14px;
-  border-radius: 999px;
-  background: var(--btn-bg);
-  color: #ffffff;
-  border: none;
-  font-family: var(--font-dm-sans);
-  font-weight: 700;
-  letter-spacing: 1.5px;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-.aaravpos-view-order-btn:hover {
-  opacity: 0.9;
-}
-.aaravpos-view-order-btn:disabled {
-  background: #cccccc;
-  cursor: not-allowed;
-}
 .aaravpos-sidebar {
   flex-direction: column;
   background: var(--surface-bg, #ffffff);
@@ -1060,7 +1051,7 @@
 .aaravpos-outlet-list-wrapper {
   padding-top: 8px;
   padding-bottom: 8px;
-  max-height: 485px;
+  max-height: 570px;
   overflow: auto;
   scrollbar-width: none;
 }
@@ -1071,6 +1062,7 @@
   display: grid;
   grid-template-columns: 1fr;
   gap: 16px;
+  padding-bottom: 50px;
 }
 .aaravpos-empty-state {
   display: flex;
@@ -1411,10 +1403,10 @@
 }
 .aaravpos-services-wrapper {
   overflow-y: auto;
-  padding-bottom: 80px;
+  padding-bottom: 75px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 240px;
+  height: 318px;
 }
 .aaravpos-services-wrapper::-webkit-scrollbar {
   display: none;
@@ -1797,6 +1789,7 @@
   letter-spacing: 1.5px;
   cursor: pointer;
   transition: all 0.2s ease;
+  border-radius: 6px;
 }
 .aaravpos-common-btn:hover {
   background: var(--btn-bg-hover);
@@ -2211,10 +2204,11 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 64px 24px;
+  padding: 24px;
   text-align: center;
   border: 1px dashed rgba(0, 0, 0, 0.2);
   border-radius: 8px;
+  height: 160px;
 }
 .aaravpos-empty-services-title {
   margin-bottom: 8px;
@@ -2235,7 +2229,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 415px;
+  height: 515px;
 }
 .arravpos-details-scroll::-webkit-scrollbar {
   display: none;
@@ -2359,7 +2353,8 @@
 .arravpos-booking-scroll {
   overflow-y: auto;
   scrollbar-width: none;
-  height: 325px;
+  height: 470px;
+  padding-bottom: 25px;
 }
 .arravpos-booking-scroll::-webkit-scrollbar {
   display: none;
@@ -3053,7 +3048,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 290px;
+  height: 362px;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
   display: none;
@@ -3162,7 +3157,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 350px;
+  height: 504px;
 }
 .aaravpos-staff-wrapper::-webkit-scrollbar {
   display: none;
@@ -3305,8 +3300,8 @@
   height: 580px;
 }
 .aaravpos-loader {
-  width: 36px;
-  height: 36px;
+  width: 24px;
+  height: 24px;
   border: 4px solid #e5e5e5;
   border-top-color: var(--btn-bg);
   border-radius: 50%;
@@ -3380,9 +3375,6 @@
     padding: 14px;
     font-size: 13px;
   }
-  .arravpos-booking-scroll {
-    height: calc(100dvh - 200px);
-  }
   .arravpos-calendar-btn {
     font-size: 12px;
   }
@@ -3409,6 +3401,33 @@
   .aaravpos-sidebar {
     display: none;
   }
+  .aaravpos-page-title {
+    font-size: 16px;
+  }
+  .aaravpos-topbar {
+    gap: 10px;
+  }
+  .aaravpos-btn-content {
+    gap: 4px;
+  }
+  .aaravpos-margin-top-20 {
+    margin-top: 14px;
+  }
+  .aaravpos-mobile-step-label {
+    font-size: 14px;
+  }
+  .aaravpos-btn {
+    display: block;
+  }
+  .aaravpos-outlet-card-title {
+    font-size: 16px;
+  }
+  .aaravpos-title {
+    font-size: 18px;
+  }
+  .aaravpos-outlet-grid {
+    gap: 10px;
+  }
 }
 @media (min-width: 768px) {
   .arravpos-section-label {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-booking-plugin",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",
@@ -65,7 +65,6 @@
   "dependencies": {
     "@reduxjs/toolkit": "2.11.2",
     "@tailwindcss/postcss": "4.2.4",
-    "framer-motion": "12.38.0",
     "libphonenumber-js": "1.13.1",
     "lodash": "4.18.1",
     "lucide-react": "1.14.0",