@aaravpos/appointment-barber-booking 1.0.8 → 2.0.0

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
@@ -894,34 +894,35 @@
894
894
  padding: 9px 8px !important;
895
895
  }
896
896
  .aaravpos-barber-cart-btn {
897
- position: absolute;
898
- left: -36px;
899
- padding: 9px;
900
- top: 0px;
901
- background: var(--btn-bg);
902
- color: var(--btn-text, #ffffff);
903
- border: 0px;
904
- outline: none;
905
- border-top-left-radius: 8px;
906
- border-bottom-left-radius: 8px;
907
- cursor: pointer;
908
897
  display: flex;
909
898
  align-items: center;
910
899
  justify-content: center;
900
+ height: 40px;
901
+ width: 40px;
902
+ border: 1px solid #e5e7eb;
903
+ background: #ffffff;
904
+ cursor: pointer;
905
+ outline: none;
906
+ flex-shrink: 0;
907
+ border-radius: 100%;
908
+ position: relative;
911
909
  }
912
910
  .aaravpos-barber-count {
913
911
  position: absolute;
914
912
  top: -5px;
915
913
  left: -14px;
916
- background: var(--btn-bg, #000);
917
- color: var(--btn-text, #fff);
914
+ background: var(--btn-bg);
915
+ @supports (color: color-mix(in lab, red, red)) {
916
+ background: color-mix(in srgb, var(--btn-bg) 80%, transparent);
917
+ }
918
+ color: var(--btn-text);
918
919
  border-radius: 50%;
919
920
  height: 22px;
920
921
  width: 22px;
921
922
  display: flex;
922
923
  align-items: center;
923
924
  justify-content: center;
924
- font-size: 12px;
925
+ font-size: 10px;
925
926
  }
926
927
  .aaravpos-barber-layout {
927
928
  height: 700px;
@@ -1236,7 +1237,7 @@
1236
1237
  }
1237
1238
  .aaravpos-barber-step-nav {
1238
1239
  display: grid;
1239
- grid-template-columns: repeat(5, 1fr);
1240
+ grid-template-columns: repeat(4, 1fr);
1240
1241
  width: 100%;
1241
1242
  overflow: hidden;
1242
1243
  }
@@ -1604,7 +1605,7 @@
1604
1605
  left: -100%;
1605
1606
  width: 100%;
1606
1607
  height: 100%;
1607
- background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
1608
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
1608
1609
  animation: aaravpos-barber-shimmer 1.2s infinite;
1609
1610
  }
1610
1611
  .aaravpos-barber-professional-wrapper {
@@ -1701,6 +1702,7 @@
1701
1702
  letter-spacing: 2px;
1702
1703
  text-transform: uppercase;
1703
1704
  transition: all 0.3s ease;
1705
+ cursor: pointer;
1704
1706
  }
1705
1707
  .aaravpos-barber-professional-btn:hover {
1706
1708
  background: var(--btn-bg-hover);
@@ -2272,7 +2274,7 @@
2272
2274
  left: -100%;
2273
2275
  width: 100%;
2274
2276
  height: 100%;
2275
- background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
2277
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
2276
2278
  animation: aaravposShimmer 1.2s infinite;
2277
2279
  }
2278
2280
  .aaravpos-barber-spinner-wrapper {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-barber-booking",
3
- "version": "1.0.8",
3
+ "version": "2.0.0",
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",