@aaravpos/appointment-booking-plugin 7.0.9 → 8.0.2

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 (2) hide show
  1. package/dist/styles.css +14 -10
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -857,6 +857,7 @@
857
857
  justify-content: space-between;
858
858
  gap: 12px;
859
859
  height: 100%;
860
+ padding-right: 10px;
860
861
  }
861
862
  .aaravpos-paymentcard-title {
862
863
  font-size: 16px;
@@ -3410,7 +3411,6 @@
3410
3411
  border: 1px solid rgb(0 0 0 / 10%);
3411
3412
  border-radius: 2px;
3412
3413
  overflow: hidden;
3413
- height: 40px;
3414
3414
  }
3415
3415
  .aaravpos-slot-section-header {
3416
3416
  display: flex;
@@ -3420,7 +3420,6 @@
3420
3420
  cursor: pointer;
3421
3421
  background-color: var(--surface);
3422
3422
  transition: background-color 0.2s ease;
3423
- height: 24px;
3424
3423
  }
3425
3424
  .aaravpos-slot-section-header:hover {
3426
3425
  background-color: rgba(var(--btn-bg), 0.08);
@@ -3437,6 +3436,8 @@
3437
3436
  }
3438
3437
  .aaravpos-slot-section-arrow {
3439
3438
  transition: transform 0.2s ease;
3439
+ display: flex;
3440
+ align-items: center;
3440
3441
  }
3441
3442
  .aaravpos-slot-section-arrow-open {
3442
3443
  transform: rotate(180deg);
@@ -3645,7 +3646,7 @@
3645
3646
  .shimmer {
3646
3647
  position: relative;
3647
3648
  overflow: hidden;
3648
- background: #3a3a3a;
3649
+ background: #ffff;
3649
3650
  }
3650
3651
  .shimmer::before {
3651
3652
  content: "";
@@ -5280,7 +5281,7 @@
5280
5281
  background-color: #000000;
5281
5282
  border-color: #2d3139;
5282
5283
  }
5283
- .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 {
5284
+ .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 {
5284
5285
  border-color: var(--app-bg-hover);
5285
5286
  background-color: var(--app-bg-hover);
5286
5287
  color: #F2F0EC;
@@ -5291,17 +5292,17 @@
5291
5292
  .dark .aaravpos-step-btn.active {
5292
5293
  border-bottom-color: var(--app-bg-hover);
5293
5294
  }
5294
- .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 {
5295
+ .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 {
5295
5296
  color: #F2F0EC;
5296
5297
  }
5297
- .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 {
5298
+ .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 {
5298
5299
  color: #797877;
5299
5300
  }
5300
- .dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price {
5301
+ .dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
5301
5302
  color: var(--app-bg-hover);
5302
5303
  }
5303
- .dark .aaravpos-search-input {
5304
- background-color: #000000;
5304
+ .dark .aaravpos-search-input, .dark .aaravpos-barber-desktop-stepper .aaravpos-barber-desktop-back-btn {
5305
+ background-color: #000000 !important;
5305
5306
  border-color: #2d3139;
5306
5307
  color: #F2F0EC;
5307
5308
  }
@@ -5340,7 +5341,7 @@
5340
5341
  background: linear-gradient(86deg, #000000b5, rgb(0 0 0 / 75%), #000000de);
5341
5342
  }
5342
5343
  .dark .booking-confirm-input.PhoneInput input.PhoneInputInput, .dark .booking-confirm-input {
5343
- background-color: #000000 !important;
5344
+ background: transparent !important;
5344
5345
  }
5345
5346
  .dark .aaravpos-order-section-title, .dark .aaravpos-search-clear:hover, .dark .skeleton-header .aaravpos-sidebar-close-btn {
5346
5347
  color: #b0b0b0;
@@ -5374,3 +5375,6 @@
5374
5375
  .dark .aaravpos-loader {
5375
5376
  border-top-color: var(--app-bg-hover) !important;
5376
5377
  }
5378
+ .dark .aaravpos-slot-section-header .shimmer , .dark .aaravpos-skeleton-block {
5379
+ background: #3a3a3a !important;
5380
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "7.0.9",
3
+ "version": "8.0.2",
4
4
  "description": "A React component library built with Tailwind CSS v4 and TypeScript",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.33.0",