npm - @aaravpos/appointment-booking-plugin - Versions diffs - 1.0.7 → 2.0.1 - Mend

@aaravpos/appointment-booking-plugin 1.0.7 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/styles.css CHANGED Viewed

@@ -814,11 +814,12 @@
   pointer-events: none;
 }
 .arravpos-container {
-  background-color: #fafaf8;
+  background-color: #fff;
   padding: 16px;
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
+  height: 580px;
 }
 .aaravpos-margin-top-20 {
   margin-top: 20px;
@@ -873,7 +874,7 @@
   padding: 9px 8px !important;
 }
 .aaravpos-layout {
-  height: 440px;
+  height: 580px;
   display: flex;
   flex-direction: column;
   background: var(--canvas, #ffffff);
@@ -883,10 +884,10 @@
 .aaravpos-layout-content {
   flex: 1;
   position: relative;
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-layout-page {
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-title {
   font-size: 22px;
@@ -901,7 +902,7 @@
 .aaravpos-main-layout {
   display: flex;
   flex-direction: column;
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-layout-wrapper {
   flex: 1;
@@ -913,11 +914,12 @@
 .aaravpos-main-content {
   padding: 16px;
   position: relative;
-  height: 440px;
+  height: 550px;
+  min-width: 0;
 }
 .aaravpos-mobile-button {
-  position: fixed;
-  bottom: 20px;
+  position: absolute;
+  bottom: 10px;
   left: 0;
   right: 0;
   z-index: 50;
@@ -957,13 +959,17 @@
   top: 10px;
   right: 10px;
   bottom: 10px;
-  width: 300px;
+  width: 315px;
+  transform: translateX(360px);
   transition: transform 0.3s ease;
   background: #fff;
   z-index: 1024;
   border-radius: 8px;
   display: flex;
 }
+.aaravpos-layout-wrapper.with-sidebar .aaravpos-sidebar {
+  transform: translateX(0);
+}
 .aaravpos-sidebar-mobile {
   position: fixed;
   z-index: 999;
@@ -1054,7 +1060,7 @@
 .aaravpos-outlet-list-wrapper {
   padding-top: 8px;
   padding-bottom: 8px;
-  max-height: 440px;
+  max-height: 485px;
   overflow: auto;
   scrollbar-width: none;
 }
@@ -1279,7 +1285,7 @@
 .aaravpos-sub-title {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.6);
-  margin-bottom: 8px;
+  margin-bottom: 10px;
   line-height: 1.5;
   margin-top: 0px;
 }
@@ -1408,7 +1414,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 120px;
+  height: 240px;
 }
 .aaravpos-services-wrapper::-webkit-scrollbar {
   display: none;
@@ -1662,6 +1668,9 @@
   letter-spacing: -0.5px;
   margin-bottom: 0px;
   margin-top: 0px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 .aaravpos-order-subtitle {
   font-size: 12px;
@@ -1965,7 +1974,7 @@
 .aaravpos-sidebar-close-btn {
   display: block;
   width: auto;
-  padding: 8px;
+  padding: 2px 6px;
   border: none;
   border-radius: 6px;
   background: transparent;
@@ -2226,6 +2235,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
+  height: 415px;
 }
 .arravpos-details-scroll::-webkit-scrollbar {
   display: none;
@@ -2310,7 +2320,8 @@
   gap: 12px;
   padding: 12px;
   border-radius: 4px;
-  margin-bottom: 8px;
+  margin-bottom: 4px;
+  border: 1px solid #e5e7eb;
 }
 .arravpos-outlet-logo {
   width: 40px;
@@ -2346,9 +2357,9 @@
   word-break: break-word;
 }
 .arravpos-booking-scroll {
-  height: calc(100dvh - 285px);
   overflow-y: auto;
   scrollbar-width: none;
+  height: 325px;
 }
 .arravpos-booking-scroll::-webkit-scrollbar {
   display: none;
@@ -2410,9 +2421,9 @@
   color: #111827;
 }
 .arravpos-success-wrapper {
-  height: calc(100dvh - 5px);
   overflow-y: auto;
   scrollbar-width: none;
+  height: 580px;
 }
 .arravpos-success-wrapper::-webkit-scrollbar {
   display: none;
@@ -2420,6 +2431,7 @@
 .arravpos-success-motion {
   display: flex;
   flex-direction: column;
+  height: 580px;
   align-items: center;
   justify-content: center;
   background: var(--canvas);
@@ -2462,7 +2474,7 @@
   margin-bottom: 10px;
   padding: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  height: 190px;
+  height: 320px;
   overflow-x: scroll;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -2597,7 +2609,7 @@
   align-items: center;
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.4);
-  z-index: 1020;
+  z-index: 1025;
   padding: 16px;
 }
 .arravpos-payment-form {
@@ -2701,7 +2713,7 @@
 .arravpos-consent-overlay {
   position: fixed;
   inset: 0;
-  z-index: 1024;
+  z-index: 1025;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2998,7 +3010,7 @@
   margin-bottom: 10px;
   padding: 12px;
   background-color: var(--surface);
-  border: 1px solid var(--btn-bg);
+  border: 1px solid rgb(0 0 0 / 10%);
   border-radius: 2px;
   flex-wrap: wrap;
 }
@@ -3041,7 +3053,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 120px;
+  height: 290px;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
   display: none;
@@ -3066,7 +3078,7 @@
 }
 .arravpos-slot-section {
   margin-bottom: 16px;
-  border: 1px solid var(--btn-bg);
+  border: 1px solid rgb(0 0 0 / 10%);
   border-radius: 2px;
   overflow: hidden;
 }
@@ -3100,7 +3112,7 @@
 }
 .arravpos-slot-section-content {
   padding: 12px;
-  border-top: 1px solid var(--btn-bg);
+  border-top: 1px solid rgb(0 0 0 / 10%);
   background-color: #ffffff;
 }
 .arravpos-slot-grid {
@@ -3115,7 +3127,7 @@
   justify-content: center;
   padding: 12px;
   gap: 4px;
-  border: 1px solid var(--btn-bg);
+  border: 1px solid rgb(0 0 0 / 10%);
   border-radius: 2px;
   transition: all 0.2s ease;
 }
@@ -3130,7 +3142,7 @@
 .arravpos-slot-card-selected {
   background-color: #fff8f8;
   color: var(--btn-bg);
-  border-color: var(--btn-bg);
+  border-color: rgb(0 0 0 / 10%);
   cursor: pointer;
 }
 .arravpos-slot-card-disabled {
@@ -3150,7 +3162,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 120px;
+  height: 350px;
 }
 .aaravpos-staff-wrapper::-webkit-scrollbar {
   display: none;
@@ -3411,9 +3423,6 @@
   .aaravpos-services-wrapper.standalone {
     height: calc(100dvh - 300px);
   }
-  .aaravpos-layout-wrapper {
-    grid-template-columns: minmax(0, 1fr) 350px;
-  }
   .aaravpos-sidebar {
     display: flex;
   }
@@ -3425,13 +3434,10 @@
     padding-right: 24px;
   }
   .aaravpos-order-list {
-    height: calc(100dvh - 215px);
+    height: calc(100dvh - 235px);
   }
   .aaravpos-pro-order-list {
-    height: calc(100dvh - 245px);
-  }
-  .aaravpos-staff-wrapper {
-    height: calc(100dvh - 200px);
+    height: calc(100dvh - 265px);
   }
   .aaravpos-sidebar-close-btn {
     display: none;
@@ -3551,12 +3557,12 @@
     align-items: flex-end;
     gap: 32px;
   }
-  .aaravpos-layout-wrapper {
-    grid-template-columns: minmax(0, 1fr) 360px;
-  }
   .arravpos-details-scroll {
     padding-bottom: 16px;
   }
+  .aaravpos-layout-wrapper.with-sidebar {
+    grid-template-columns: minmax(0, 1fr) 360px;
+  }
 }
 @media (max-width: 1024px) {
   .arravpos-booking-grid {

package/package.json CHANGED Viewed

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