@aaravpos/appointment-booking-plugin 2.0.7 → 3.0.0

package/dist/styles.css

@@ -834,6 +834,9 @@
 .aaravpos-margin-bottom-20 {
   margin-bottom: 20px !important;
 }
+.aaravpos-tp-10 {
+  margin-top: 10px;
+}
 .aaravpos-mt-auto {
   margin-top: auto;
 }
@@ -1135,8 +1138,8 @@
 .aaravpos-status-badge {
   display: inline-flex;
   align-items: center;
-  padding: 2px 8px;
-  font-size: 10px;
+  padding: 1px 6px;
+  font-size: 9px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.12em;
@@ -1586,12 +1589,12 @@
 .aaravpos-display-flex {
   display: flex;
   align-items: center;
-  gap: 16px;
+  gap: 12px;
 }
 .aaravpos-pro-card {
   border: 2px solid rgba(0, 0, 0, 0.15);
   border-radius: 6px;
-  padding: 12px;
+  padding: 10px;
   background: #ffffff;
   cursor: pointer;
   transition: all 0.25s ease;
@@ -1687,7 +1690,7 @@
   -ms-overflow-style: none;
   margin: 4px 0px;
 }
-.aaravpos-pro-order-list {
+.aaravpos-pro-order-list, .aaravpos-pro-order-list-pro, .aaravpos-pro-order-list-single {
   height: calc(100dvh - 270px);
   overflow-y: auto;
   scrollbar-width: none;
@@ -1695,9 +1698,15 @@
   padding: 0px;
   margin: 4px 0px;
 }
-.aaravpos-order-list::-webkit-scrollbar, .aaravpos-pro-order-list::-webkit-scrollbar {
+.aaravpos-order-list::-webkit-scrollbar, .aaravpos-pro-order-list::-webkit-scrollbar, .aaravpos-pro-order-list-pro::-webkit-scrollbar, .aaravpos-pro-order-list-pro::-webkit-scrollbar, .aaravpos-pro-order-list-single::-webkit-scrollbar, .aaravpos-pro-order-list-single::-webkit-scrollbar {
   display: none;
 }
+.aaravpos-pro-order-list-pro {
+  height: calc(100dvh - 250px);
+}
+.aaravpos-pro-order-list-single {
+  height: calc(100dvh - 185px);
+}
 .aaravpos-order-item {
   display: flex;
   flex-direction: column;
@@ -1710,17 +1719,18 @@
   border-bottom: none;
 }
 .aaravpos-order-service-name {
-  display: flex;
-  align-items: center;
-  gap: 4px;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   margin: 0px;
 }
+.aaravpos-main-text {
+  width: 100%;
+}
 .aaravpos-order-details {
   width: 100%;
   display: grid;
@@ -1823,15 +1833,17 @@
 }
 .aaravpos-pro-info {
   overflow: hidden;
+  flex: 1;
+  min-width: 0;
 }
 .aaravpos-pro-name {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
-  white-space: nowrap;
+  margin: 0px 0px 5px 0px;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 0px 0px 5px 0px;
+  white-space: nowrap;
 }
 .aaravpos-pro-type {
   font-size: 12px;
@@ -3406,6 +3418,7 @@
   }
   .aaravpos-outlet-grid {
     gap: 10px;
+    grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 768px) {
@@ -3443,10 +3456,13 @@
     padding-right: 24px;
   }
   .aaravpos-order-list {
-    height: calc(100dvh - 235px);
+    height: calc(100dvh - 240px);
   }
   .aaravpos-pro-order-list {
-    height: calc(100dvh - 265px);
+    height: calc(100dvh - 380px);
+  }
+  .aaravpos-pro-order-list-pro {
+    height: calc(100dvh - 295px);
   }
   .arravpos-details-grid {
     grid-template-columns: repeat(2, 1fr);
@@ -3456,6 +3472,11 @@
     max-width: 36rem;
   }
 }
+@media (max-width:543px) {
+  .aaravpos-services-grid {
+    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
+  }
+}
 @media (max-width: 480px) {
   .arravpos-date-nav-btn {
     width: 23px;

package/package.json

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