@aaravpos/appointment-booking-plugin 3.0.4 → 3.0.7

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
@@ -805,6 +805,11 @@
805
805
  .arravpos-m0 {
806
806
  margin: 0px !important;
807
807
  }
808
+ .aaravpos-center-items {
809
+ display: flex;
810
+ align-items: center;
811
+ justify-content: center;
812
+ }
808
813
  .aaravpos-overflow-hidden {
809
814
  overflow: hidden;
810
815
  }
@@ -840,6 +845,20 @@
840
845
  .aaravpos-mt-auto {
841
846
  margin-top: auto;
842
847
  }
848
+ .aaravpos-count {
849
+ position: absolute;
850
+ top: -5px;
851
+ left: -14px;
852
+ background: var(--btn-bg, #000);
853
+ color: var(--btn-text, #fff);
854
+ border-radius: 50%;
855
+ height: 22px;
856
+ width: 22px;
857
+ display: flex;
858
+ align-items: center;
859
+ justify-content: center;
860
+ font-size: 10px;
861
+ }
843
862
  .aaravpos-btn {
844
863
  gap: 8px;
845
864
  padding: 8px 16px;
@@ -864,10 +883,29 @@
864
883
  width: max-content;
865
884
  display: none;
866
885
  }
867
- .aaravpos-btn:hover {
886
+ .aaravpos-btn:hover, .aaravpos-form-btn:hover {
868
887
  background: var(--btn-bg-hover, #222);
869
888
  color: var(--btn-text-hover, #fff);
870
889
  }
890
+ .aaravpos-form-btn {
891
+ gap: 8px;
892
+ padding: 8px 16px;
893
+ border: none;
894
+ background: var(--btn-bg, #000);
895
+ color: var(--btn-text, #fff);
896
+ font-size: 12px;
897
+ font-weight: 700;
898
+ text-transform: uppercase;
899
+ letter-spacing: 1.5px;
900
+ cursor: pointer;
901
+ transition: all 0.2s ease;
902
+ border-radius: 6px;
903
+ display: flex;
904
+ align-items: center;
905
+ justify-content: center;
906
+ width: max-content;
907
+ margin-top: 22px;
908
+ }
871
909
  .aaravpos-divider {
872
910
  height: 1px;
873
911
  background: var(--border-color, #d4d4d4);
@@ -889,6 +927,37 @@
889
927
  .aaravpos-padding-btn {
890
928
  padding: 9px 8px !important;
891
929
  }
930
+ .aaravpos-cart-btn {
931
+ display: flex;
932
+ align-items: center;
933
+ justify-content: center;
934
+ height: 40px;
935
+ width: 40px;
936
+ border: 1px solid #e5e7eb;
937
+ background: #ffffff;
938
+ cursor: pointer;
939
+ outline: none;
940
+ flex-shrink: 0;
941
+ border-radius: 100%;
942
+ position: relative;
943
+ }
944
+ .aaravpos-count {
945
+ position: absolute;
946
+ top: -5px;
947
+ left: -14px;
948
+ background: var(--btn-bg);
949
+ @supports (color: color-mix(in lab, red, red)) {
950
+ background: color-mix(in srgb, var(--btn-bg) 80%, transparent);
951
+ }
952
+ color: var(--btn-text);
953
+ border-radius: 50%;
954
+ height: 22px;
955
+ width: 22px;
956
+ display: flex;
957
+ align-items: center;
958
+ justify-content: center;
959
+ font-size: 12px;
960
+ }
892
961
  .aaravpos-layout {
893
962
  height: 700px;
894
963
  display: flex;
@@ -948,7 +1017,6 @@
948
1017
  background: var(--surface-bg, #FFFFFF);
949
1018
  border: 1px solid rgba(0, 0, 0, 0.1);
950
1019
  padding: 16px 16px 14px;
951
- overflow: hidden;
952
1020
  position: fixed;
953
1021
  top: 10px;
954
1022
  right: 10px;
@@ -973,7 +1041,7 @@
973
1041
  display: flex;
974
1042
  flex-direction: column;
975
1043
  animation: aaravposFadeIn 0.25s ease;
976
- z-index: 9999;
1044
+ z-index: 999;
977
1045
  }
978
1046
  .aaravpos-sidebar-mobile-content {
979
1047
  flex: 1;
@@ -1675,6 +1743,7 @@
1675
1743
  .aaravpos-order-header {
1676
1744
  padding: 0px 0px 8px 0px;
1677
1745
  border-bottom: 1px solid #d1d5db;
1746
+ position: relative;
1678
1747
  }
1679
1748
  .aaravpos-order-title {
1680
1749
  font-size: 16px;
@@ -1821,7 +1890,7 @@
1821
1890
  transition: all 0.2s ease;
1822
1891
  border-radius: 6px;
1823
1892
  }
1824
- .aaravpos-common-btn:hover {
1893
+ .aaravpos-common-btn:hover, .aaravpos-cart-btn:hover {
1825
1894
  background: var(--btn-bg-hover);
1826
1895
  color: var(--btn-text-hover, #ffffff);
1827
1896
  }
@@ -1997,15 +2066,21 @@
1997
2066
  font-weight: 500;
1998
2067
  }
1999
2068
  .aaravpos-sidebar-close-btn {
2000
- display: block;
2001
- width: auto;
2002
- padding: 2px 6px;
2069
+ width: 28px;
2070
+ height: 28px;
2071
+ padding: 4px;
2003
2072
  border: none;
2004
2073
  border-radius: 6px;
2005
2074
  background: transparent;
2006
2075
  cursor: pointer;
2007
- font-size: 30px;
2076
+ font-size: 20px;
2008
2077
  transition: all 0.2s ease;
2078
+ position: absolute;
2079
+ top: -4px;
2080
+ right: 0;
2081
+ display: flex;
2082
+ align-items: center;
2083
+ justify-content: center;
2009
2084
  }
2010
2085
  .aaravpos-sidebar-close-btn:hover {
2011
2086
  background: rgba(0, 0, 0, 0.05);
@@ -2383,6 +2458,7 @@
2383
2458
  margin-top: 2px;
2384
2459
  line-height: 1.5;
2385
2460
  word-break: break-word;
2461
+ margin-bottom: 0px;
2386
2462
  }
2387
2463
  .arravpos-booking-scroll {
2388
2464
  overflow-y: auto;
@@ -2440,8 +2516,8 @@
2440
2516
  display: flex;
2441
2517
  align-items: center;
2442
2518
  gap: 8px;
2443
- margin-top: 12px;
2444
- padding-top: 12px;
2519
+ margin-top: 8px;
2520
+ padding-top: 8px;
2445
2521
  border-top: 1px solid #e5e7eb;
2446
2522
  }
2447
2523
  .arravpos-appointment-date-text {
@@ -3219,12 +3295,12 @@
3219
3295
  background-color: #ffffff;
3220
3296
  border: 1px solid var(--btn-bg);
3221
3297
  border-radius: 2px;
3222
- padding: 16px;
3298
+ padding: 14px;
3223
3299
  margin-bottom: 8px;
3224
3300
  font-size: 14px;
3225
3301
  }
3226
3302
  .arravpos-section-label {
3227
- margin-top: 20px;
3303
+ margin-top: 10px;
3228
3304
  margin-bottom: 8px;
3229
3305
  font-size: 10px;
3230
3306
  font-weight: 700;
@@ -3451,7 +3527,6 @@
3451
3527
  }
3452
3528
  @media (min-width: 768px) {
3453
3529
  .arravpos-section-label {
3454
- margin-top: 18px;
3455
3530
  font-size: 9px;
3456
3531
  letter-spacing: 1.3px;
3457
3532
  }
@@ -3617,12 +3692,15 @@
3617
3692
  .aaravpos-sidebar {
3618
3693
  display: block;
3619
3694
  }
3620
- .aaravpos-sidebar-close-btn {
3621
- display: none;
3622
- }
3623
3695
  .aaravpos-layout-wrapper {
3624
3696
  grid-template-columns: minmax(0, 1fr) 360px;
3625
3697
  }
3698
+ .aaravpos-sidebar-mobile {
3699
+ display: none;
3700
+ }
3701
+ .aaravpos-form-btn {
3702
+ display: none;
3703
+ }
3626
3704
  }
3627
3705
  @media (max-width: 991px) {
3628
3706
  .aaravpos-sidebar {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "3.0.4",
3
+ "version": "3.0.7",
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",