@aaravpos/appointment-booking-plugin 3.0.2 → 3.0.4

package/dist/styles.css

@@ -945,7 +945,7 @@
 }
 .aaravpos-sidebar {
   flex-direction: column;
-  background: var(--surface-bg, #ffffff);
+  background: var(--surface-bg, #FFFFFF);
   border: 1px solid rgba(0, 0, 0, 0.1);
   padding: 16px 16px 14px;
   overflow: hidden;
@@ -961,12 +961,11 @@
   border-radius: 8px;
   display: flex;
 }
-.aaravpos-layout-wrapper.with-sidebar .aaravpos-sidebar {
+.aaravpos-sidebar.open {
   transform: translateX(0);
 }
 .aaravpos-sidebar-mobile {
   position: fixed;
-  z-index: 999;
   inset: 0;
   height: 100vh;
   background: #ffffff;
@@ -974,13 +973,12 @@
   display: flex;
   flex-direction: column;
   animation: aaravposFadeIn 0.25s ease;
+  z-index: 9999;
 }
 .aaravpos-sidebar-mobile-content {
   flex: 1;
-  position: fixed;
-  inset: 0;
-  padding: 16px;
   overflow-y: auto;
+  padding: 16px;
 }
 .aaravpos-outlet-divider {
   width: 56px;
@@ -1168,7 +1166,7 @@
   display: flex;
   align-items: center;
   font-size: 20px;
-  margin-right: 8px;
+  margin-right: 4px;
   cursor: pointer;
   border: none;
   background: transparent;
@@ -1381,6 +1379,31 @@
 .aaravpos-supercategory-btn.active .aaravpos-supercategory-count {
   color: #fff;
 }
+.aaravpos-subcategory-btn {
+  min-width: fit-content;
+  padding: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  background: #ffffff;
+  text-align: left;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  font-size: 12px;
+  border-radius: 4px;
+}
+.aaravpos-subcategory-btn:hover {
+  border-color: rgba(0, 0, 0, 0.5);
+}
+.aaravpos-subcategory-btn.active {
+  border: 1px solid var(--app-bg);
+  background: var(--app-bg);
+  @supports (color: color-mix(in lab, red, red)) {
+    background: color-mix(in srgb, var(--app-bg) 10%, transparent);
+  }
+  color: var(--app-bg);
+}
+.aaravpos-subcategory-btn.active .aaravpos-subcategory-count {
+  color: #fff;
+}
 .aaravpos-supercategory-title {
   margin-top: 0px;
   font-size: 14px;
@@ -1710,7 +1733,7 @@
   height: calc(100dvh - 250px);
 }
 .aaravpos-pro-order-list-single {
-  height: calc(100dvh - 215px);
+  height: calc(100dvh - 210px);
 }
 .aaravpos-order-item {
   display: flex;
@@ -3057,9 +3080,9 @@
 }
 .arravpos-scroll-area {
   overflow-y: auto;
-  padding-bottom: 80px;
+  padding-bottom: 30px;
   scrollbar-width: none;
-  max-height: 362px;
+  max-height: 440px;
   position: relative;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
@@ -3413,7 +3436,7 @@
     margin-top: 14px;
   }
   .aaravpos-mobile-step-label {
-    font-size: 14px;
+    font-size: 18px;
   }
   .aaravpos-outlet-card-title {
     font-size: 16px;
@@ -3597,7 +3620,7 @@
   .aaravpos-sidebar-close-btn {
     display: none;
   }
-  .aaravpos-layout-wrapper.with-sidebar {
+  .aaravpos-layout-wrapper {
     grid-template-columns: minmax(0, 1fr) 360px;
   }
 }
@@ -3658,6 +3681,9 @@
     flex-direction: column;
     margin-bottom: 10px;
   }
+  .aaravpos-barber-sidebar {
+    display: none;
+  }
   .arravpos-booking-grid {
     flex-direction: column;
     gap: 20px;

package/package.json

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