@aaravpos/appointment-booking-plugin 3.0.4 → 3.0.5

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);
@@ -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.5",
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",