@aaravpos/appointment-booking-plugin 6.0.2 → 6.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
@@ -805,6 +805,88 @@
805
805
  .aaravpos-m0 {
806
806
  margin: 0px !important;
807
807
  }
808
+ .aaravpos-paymentcard-wrapper {
809
+ width: 100%;
810
+ display: flex;
811
+ cursor: pointer;
812
+ }
813
+ .aaravpos-paymentcard-container {
814
+ width: 100%;
815
+ display: flex;
816
+ flex-direction: column;
817
+ }
818
+ .aaravpos-paymentcard-card.active {
819
+ border-color: var(--btn-bg);
820
+ }
821
+ .aaravpos-paymentcard-card {
822
+ background: linear-gradient( to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02) );
823
+ border: 1px solid rgba(0, 0, 0, 0.1);
824
+ border-radius: 4px;
825
+ padding: 28px 18px;
826
+ flex: 1;
827
+ margin-bottom: 8px;
828
+ position: relative;
829
+ }
830
+ .aaravpos-paymentcard-content {
831
+ display: flex;
832
+ align-items: flex-start;
833
+ gap: 16px;
834
+ height: 100%;
835
+ }
836
+ .aaravpos-paymentcard-icon {
837
+ width: 40px;
838
+ height: 40px;
839
+ border-radius: 50%;
840
+ background-color: var(--btn-bg);
841
+ color: #fff;
842
+ display: flex;
843
+ align-items: center;
844
+ justify-content: center;
845
+ flex-shrink: 0;
846
+ font-size: 18px;
847
+ }
848
+ .aaravpos-paymentcard-info {
849
+ flex: 1;
850
+ display: flex;
851
+ flex-direction: column;
852
+ justify-content: space-between;
853
+ }
854
+ .aaravpos-paymentcard-header {
855
+ display: flex;
856
+ align-items: center;
857
+ justify-content: space-between;
858
+ gap: 12px;
859
+ height: 100%;
860
+ }
861
+ .aaravpos-paymentcard-title {
862
+ font-size: 16px;
863
+ font-weight: 600;
864
+ margin: 0;
865
+ margin-bottom: 6px;
866
+ }
867
+ .aaravpos-paymentcard-description {
868
+ font-size: 14px;
869
+ color: rgba(0, 0, 0, 0.6);
870
+ margin-top: 5px;
871
+ line-height: 1.5;
872
+ margin-bottom: 0px;
873
+ }
874
+ .aaravpos-paymentcard-check {
875
+ background-color: var(--btn-bg);
876
+ color: #fff;
877
+ border-radius: 50%;
878
+ flex-shrink: 0;
879
+ justify-content: center;
880
+ align-items: center;
881
+ width: 24px;
882
+ height: 24px;
883
+ font-size: 12px;
884
+ display: flex;
885
+ position: absolute;
886
+ right: 14px;
887
+ top: 50%;
888
+ margin-top: -12px;
889
+ }
808
890
  .aaravpos-center-items {
809
891
  display: flex;
810
892
  align-items: center;
@@ -1014,7 +1096,7 @@
1014
1096
  }
1015
1097
  .aaravpos-sidebar {
1016
1098
  flex-direction: column;
1017
- background: var(--surface-bg, #FFFFFF);
1099
+ background: var(--surface-bg, #ffffff);
1018
1100
  border: 1px solid rgba(0, 0, 0, 0.1);
1019
1101
  padding: 16px 16px 14px;
1020
1102
  position: fixed;
@@ -1274,7 +1356,7 @@
1274
1356
  }
1275
1357
  .aaravpos-step-nav {
1276
1358
  display: grid;
1277
- grid-template-columns: repeat(5, 1fr);
1359
+ grid-template-columns: repeat(4, 1fr);
1278
1360
  width: 100%;
1279
1361
  overflow: hidden;
1280
1362
  }
@@ -1649,7 +1731,7 @@
1649
1731
  left: -100%;
1650
1732
  width: 100%;
1651
1733
  height: 100%;
1652
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
1734
+ background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
1653
1735
  animation: aaravpos-shimmer 1.2s infinite;
1654
1736
  }
1655
1737
  .aaravpos-available-badge {
@@ -2051,8 +2133,8 @@
2051
2133
  display: flex;
2052
2134
  justify-content: space-between;
2053
2135
  align-items: center;
2054
- gap: 12px;
2055
- font-size: 14px;
2136
+ gap: 8px;
2137
+ font-size: 13px;
2056
2138
  font-weight: 700;
2057
2139
  margin-top: 10px;
2058
2140
  }
@@ -2278,7 +2360,7 @@
2278
2360
  left: -100%;
2279
2361
  width: 100%;
2280
2362
  height: 100%;
2281
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
2363
+ background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
2282
2364
  animation: aaravposShimmer 1.2s infinite;
2283
2365
  }
2284
2366
  .aaravpos-spinner-wrapper {
@@ -3296,8 +3378,8 @@
3296
3378
  .aaravpos-card-box {
3297
3379
  background-color: #ffffff;
3298
3380
  border: 1px solid var(--btn-bg);
3299
- border-radius: 2px;
3300
- padding: 14px;
3381
+ border-radius: 4px;
3382
+ padding: 16px;
3301
3383
  margin-bottom: 8px;
3302
3384
  font-size: 14px;
3303
3385
  }
@@ -3577,7 +3659,7 @@
3577
3659
  max-width: 36rem;
3578
3660
  }
3579
3661
  }
3580
- @media (max-width:543px) {
3662
+ @media (max-width: 543px) {
3581
3663
  .aaravpos-services-grid {
3582
3664
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
3583
3665
  }
@@ -3695,7 +3777,7 @@
3695
3777
  display: block;
3696
3778
  }
3697
3779
  .aaravpos-layout-wrapper {
3698
- grid-template-columns: minmax(0, 1fr) 360px;
3780
+ grid-template-columns: minmax(0, 1fr) 290px;
3699
3781
  }
3700
3782
  .aaravpos-sidebar-mobile {
3701
3783
  display: none;
@@ -3761,7 +3843,7 @@
3761
3843
  flex-direction: column;
3762
3844
  margin-bottom: 10px;
3763
3845
  }
3764
- .aaravpos-barber-sidebar {
3846
+ .aaravpos-sidebar {
3765
3847
  display: none;
3766
3848
  }
3767
3849
  .aaravpos-booking-grid {
@@ -3776,11 +3858,42 @@
3776
3858
  .aaravpos-outlet-grid {
3777
3859
  grid-template-columns: repeat(4, 1fr);
3778
3860
  }
3861
+ .aaravpos-layout-wrapper {
3862
+ grid-template-columns: minmax(0, 1fr) 280px;
3863
+ }
3864
+ }
3865
+ @media (min-width: 1350px) {
3866
+ .aaravpos-layout-wrapper {
3867
+ grid-template-columns: minmax(0, 1fr) 250px;
3868
+ }
3869
+ }
3870
+ @media (min-width: 1440px) {
3871
+ .aaravpos-layout-wrapper {
3872
+ grid-template-columns: minmax(0, 1fr) 200px;
3873
+ }
3779
3874
  }
3780
3875
  @media (min-width: 1536px) {
3781
3876
  .aaravpos-outlet-grid {
3782
3877
  grid-template-columns: repeat(5, 1fr);
3783
3878
  }
3879
+ .aaravpos-layout-wrapper {
3880
+ grid-template-columns: minmax(0, 1fr) 150px;
3881
+ }
3882
+ }
3883
+ @media (min-width: 1710px) {
3884
+ .aaravpos-layout-wrapper {
3885
+ grid-template-columns: minmax(0, 1fr) 60px;
3886
+ }
3887
+ }
3888
+ @media (min-width: 1840px) {
3889
+ .aaravpos-layout-wrapper {
3890
+ grid-template-columns: minmax(0, 1fr);
3891
+ }
3892
+ }
3893
+ @media (max-width: 1178px) {
3894
+ .aaravpos-paymentcard-card {
3895
+ padding: 20px;
3896
+ }
3784
3897
  }
3785
3898
  @keyframes aaravpos-shimmer {
3786
3899
  0% {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "6.0.2",
3
+ "version": "6.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",