@aaravpos/appointment-booking-plugin 3.0.3 → 3.0.4

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.
package/dist/styles.css CHANGED
@@ -945,7 +945,7 @@
945
945
  }
946
946
  .aaravpos-sidebar {
947
947
  flex-direction: column;
948
- background: var(--surface-bg, #ffffff);
948
+ background: var(--surface-bg, #FFFFFF);
949
949
  border: 1px solid rgba(0, 0, 0, 0.1);
950
950
  padding: 16px 16px 14px;
951
951
  overflow: hidden;
@@ -961,15 +961,11 @@
961
961
  border-radius: 8px;
962
962
  display: flex;
963
963
  }
964
- .aaravpos-sidebar.show {
964
+ .aaravpos-sidebar.open {
965
965
  transform: translateX(0);
966
966
  }
967
- .aaravpos-sidebar.hide {
968
- transform: translateX(100%);
969
- }
970
967
  .aaravpos-sidebar-mobile {
971
968
  position: fixed;
972
- z-index: 999;
973
969
  inset: 0;
974
970
  height: 100vh;
975
971
  background: #ffffff;
@@ -977,13 +973,12 @@
977
973
  display: flex;
978
974
  flex-direction: column;
979
975
  animation: aaravposFadeIn 0.25s ease;
976
+ z-index: 9999;
980
977
  }
981
978
  .aaravpos-sidebar-mobile-content {
982
979
  flex: 1;
983
- position: fixed;
984
- inset: 0;
985
- padding: 16px;
986
980
  overflow-y: auto;
981
+ padding: 16px;
987
982
  }
988
983
  .aaravpos-outlet-divider {
989
984
  width: 56px;
@@ -1171,7 +1166,7 @@
1171
1166
  display: flex;
1172
1167
  align-items: center;
1173
1168
  font-size: 20px;
1174
- margin-right: 8px;
1169
+ margin-right: 4px;
1175
1170
  cursor: pointer;
1176
1171
  border: none;
1177
1172
  background: transparent;
@@ -1384,6 +1379,31 @@
1384
1379
  .aaravpos-supercategory-btn.active .aaravpos-supercategory-count {
1385
1380
  color: #fff;
1386
1381
  }
1382
+ .aaravpos-subcategory-btn {
1383
+ min-width: fit-content;
1384
+ padding: 6px;
1385
+ border: 1px solid rgba(0, 0, 0, 0.3);
1386
+ background: #ffffff;
1387
+ text-align: left;
1388
+ cursor: pointer;
1389
+ transition: all 0.3s ease;
1390
+ font-size: 12px;
1391
+ border-radius: 4px;
1392
+ }
1393
+ .aaravpos-subcategory-btn:hover {
1394
+ border-color: rgba(0, 0, 0, 0.5);
1395
+ }
1396
+ .aaravpos-subcategory-btn.active {
1397
+ border: 1px solid var(--app-bg);
1398
+ background: var(--app-bg);
1399
+ @supports (color: color-mix(in lab, red, red)) {
1400
+ background: color-mix(in srgb, var(--app-bg) 10%, transparent);
1401
+ }
1402
+ color: var(--app-bg);
1403
+ }
1404
+ .aaravpos-subcategory-btn.active .aaravpos-subcategory-count {
1405
+ color: #fff;
1406
+ }
1387
1407
  .aaravpos-supercategory-title {
1388
1408
  margin-top: 0px;
1389
1409
  font-size: 14px;
@@ -3416,7 +3436,7 @@
3416
3436
  margin-top: 14px;
3417
3437
  }
3418
3438
  .aaravpos-mobile-step-label {
3419
- font-size: 14px;
3439
+ font-size: 18px;
3420
3440
  }
3421
3441
  .aaravpos-outlet-card-title {
3422
3442
  font-size: 16px;
@@ -3600,7 +3620,7 @@
3600
3620
  .aaravpos-sidebar-close-btn {
3601
3621
  display: none;
3602
3622
  }
3603
- .aaravpos-layout-wrapper.with-sidebar {
3623
+ .aaravpos-layout-wrapper {
3604
3624
  grid-template-columns: minmax(0, 1fr) 360px;
3605
3625
  }
3606
3626
  }
@@ -3661,6 +3681,9 @@
3661
3681
  flex-direction: column;
3662
3682
  margin-bottom: 10px;
3663
3683
  }
3684
+ .aaravpos-barber-sidebar {
3685
+ display: none;
3686
+ }
3664
3687
  .arravpos-booking-grid {
3665
3688
  flex-direction: column;
3666
3689
  gap: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "3.0.3",
3
+ "version": "3.0.4",
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",