@aaravpos/appointment-booking-plugin 8.0.0 → 8.0.3

package/dist/styles.css

@@ -857,6 +857,7 @@
   justify-content: space-between;
   gap: 12px;
   height: 100%;
+  padding-right: 10px;
 }
 .aaravpos-paymentcard-title {
   font-size: 16px;
@@ -3409,7 +3410,6 @@
   margin-bottom: 16px;
   border: 1px solid rgb(0 0 0 / 10%);
   border-radius: 2px;
-  overflow: hidden;
 }
 .aaravpos-slot-section-header {
   display: flex;
@@ -3645,7 +3645,7 @@
 .shimmer {
   position: relative;
   overflow: hidden;
-  background: #3a3a3a;
+  background: #ffff;
 }
 .shimmer::before {
   content: "";
@@ -5280,7 +5280,7 @@
   background-color: #000000;
   border-color: #2d3139;
 }
-.dark .aaravpos-supercategory-btn:hover , .dark .aaravpos-desktop-back-btn:hover, .dark .aaravpos-count, .dark .aaravpos-supercategory-btn.active, .dark .aaravpos-date-card-active, .dark .aaravpos-slot-grid .aaravpos-slot-card.aaravpos-slot-card-selected,.dark .aaravpos-paymentcard-card.active .aaravpos-paymentcard-icon, .dark .aaravpos-paymentcard-check, .dark .aaravpos-success-icon, .dark .aaravpos-cta-btn, .dark .aaravpos-common-btn, .dark .aaravpos-book-btn {
+.dark .aaravpos-supercategory-btn:hover , .dark .aaravpos-desktop-back-btn:hover, .dark .aaravpos-count, .dark .aaravpos-supercategory-btn.active, .dark .aaravpos-date-card-active, .dark .aaravpos-slot-grid .aaravpos-slot-card.aaravpos-slot-card-selected,.dark .aaravpos-paymentcard-card.active .aaravpos-paymentcard-icon, .dark .aaravpos-paymentcard-check, .dark .aaravpos-success-icon, .dark .aaravpos-cta-btn, .dark .aaravpos-common-btn, .dark .aaravpos-book-btn , .dark .aaravpos-calendar-day.aaravpos-calendar-day-selected {
   border-color: var(--app-bg-hover);
   background-color: var(--app-bg-hover);
   color: #F2F0EC;
@@ -5291,17 +5291,17 @@
 .dark .aaravpos-step-btn.active {
   border-bottom-color: var(--app-bg-hover);
 }
-.dark .aaravpos-step-btn.inactive:hover , .dark .aaravpos-count, .dark .aaravpos-cart-btn, .dark .aaravpos-service-title, .dark .booking-pro-card .booking-pro-name, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-page-title, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-name, .dark .aaravpos-calendar-btn,.dark .aaravpos-date-nav-btn, .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section .aaravpos-slot-section-header .aaravpos-slot-section-title, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-time, .dark .aaravpos-calendar-day.aaravpos-calendar-day-disabled.aaravpos-calendar-day-disabled:hover, .dark .aaravpos-paymentcard-title, .dark .aaravpos-text-bold, .dark .aaravpos-slot-section-arrow,.dark .PhoneInput input.PhoneInputInput, .dark .aaravpos-order-service-name, .dark .aaravpos-success-title, .dark .aaravpos-label , .dark .aaravpos-service-name, .dark .aaravpos-empty-title, .dark .aaravpos-common-btn:hover, .dark .aaravpos-sidebar-close-btn , .dark .aaravpos-step-btn .aaravpos-step-icon.inactive, .dark .aaravpos-empty-services-title {
+.dark .aaravpos-step-btn.inactive:hover , .dark .aaravpos-count, .dark .aaravpos-cart-btn, .dark .aaravpos-service-title, .dark .booking-pro-card .booking-pro-name, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-page-title, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-name, .dark .aaravpos-calendar-btn,.dark .aaravpos-date-nav-btn, .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section .aaravpos-slot-section-header .aaravpos-slot-section-title, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-time, .dark .aaravpos-calendar-day.aaravpos-calendar-day-disabled.aaravpos-calendar-day-disabled:hover, .dark .aaravpos-paymentcard-title, .dark .aaravpos-text-bold, .dark .aaravpos-slot-section-arrow,.dark .PhoneInput input.PhoneInputInput, .dark .aaravpos-order-service-name, .dark .aaravpos-success-title, .dark .aaravpos-label , .dark .aaravpos-service-name, .dark .aaravpos-empty-title, .dark .aaravpos-common-btn:hover, .dark .aaravpos-sidebar-close-btn , .dark .aaravpos-step-btn .aaravpos-step-icon.inactive, .dark .aaravpos-empty-services-title, .dark .booking-confirm-field-label,.dark .booking-confirm-form-title, .dark .aaravpos-section-label {
   color: #F2F0EC;
 }
-.dark .aaravpos-service-description, .dark .aaravpos-service-price > span, .dark .booking-pro-card .booking-pro-role, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-type, .dark .aaravpos-selected-professional .aaravpos-selected-professional-services, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-status, .dark .aaravpos-outlet-info .aaravpos-outlet-address, .dark .aaravpos-sub-title, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-services, .dark .aaravpos-section-label, .dark .aaravpos-paymentcard-description, .dark .aaravpos-order-subtitle, .dark .aaravpos-order-detail.center, .dark .aaravpos-date-time-value,.dark .aaravpos-success-description, .dark .aaravpos-value, .dark .aaravpos-outlet-card-address, .dark .aaravpos-empty-text,.dark .booking-confirm-form-title, .dark .aaravpos-page-subtitle, .dark .aaravpos-date-close-btn, .dark .aaravpos-empty-services-text {
+.dark .aaravpos-service-description, .dark .aaravpos-service-price > span, .dark .booking-pro-card .booking-pro-role, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-type, .dark .aaravpos-selected-professional .aaravpos-selected-professional-services, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-status, .dark .aaravpos-outlet-info .aaravpos-outlet-address, .dark .aaravpos-sub-title, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-services, .dark .aaravpos-paymentcard-description, .dark .aaravpos-order-subtitle, .dark .aaravpos-order-detail.center, .dark .aaravpos-date-time-value,.dark .aaravpos-success-description, .dark .aaravpos-value, .dark .aaravpos-outlet-card-address, .dark .aaravpos-empty-text, .dark .aaravpos-page-subtitle, .dark .aaravpos-date-close-btn, .dark .aaravpos-empty-services-text {
   color: #797877;
 }
-.dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price {
+.dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
   color: var(--app-bg-hover);
 }
-.dark .aaravpos-search-input {
-  background-color: #000000;
+.dark .aaravpos-search-input, .dark .aaravpos-barber-desktop-stepper .aaravpos-barber-desktop-back-btn {
+  background-color: #000000 !important;
   border-color: #2d3139;
   color: #F2F0EC;
 }
@@ -5340,7 +5340,7 @@
   background: linear-gradient(86deg, #000000b5, rgb(0 0 0 / 75%), #000000de);
 }
 .dark .booking-confirm-input.PhoneInput input.PhoneInputInput, .dark .booking-confirm-input {
-  background-color: #000000 !important;
+  background: transparent !important;
 }
 .dark .aaravpos-order-section-title, .dark .aaravpos-search-clear:hover, .dark .skeleton-header .aaravpos-sidebar-close-btn {
   color: #b0b0b0;
@@ -5374,3 +5374,6 @@
 .dark .aaravpos-loader {
   border-top-color: var(--app-bg-hover) !important;
 }
+.dark .aaravpos-slot-section-header .shimmer , .dark .aaravpos-skeleton-block {
+  background: #3a3a3a !important;
+}

package/package.json

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