@tapcart/mobile-components 0.7.6 → 0.7.8

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.
Files changed (32) hide show
  1. package/dist/components/hooks/use-nosto-recommendation.d.ts +8 -0
  2. package/dist/components/hooks/use-nosto-recommendation.d.ts.map +1 -0
  3. package/dist/components/hooks/use-nosto-recommendation.js +105 -0
  4. package/dist/components/hooks/use-products.d.ts.map +1 -1
  5. package/dist/components/hooks/use-products.js +2 -1
  6. package/dist/components/ui/ProductCard/utils.d.ts +94 -0
  7. package/dist/components/ui/ProductCard/utils.d.ts.map +1 -0
  8. package/dist/components/ui/ProductCard/utils.js +148 -0
  9. package/dist/components/ui/carousel.d.ts.map +1 -1
  10. package/dist/components/ui/carousel.js +1 -0
  11. package/dist/components/ui/drawer.d.ts +3 -5
  12. package/dist/components/ui/drawer.d.ts.map +1 -1
  13. package/dist/components/ui/drawer.js +8 -7
  14. package/dist/components/ui/favorite.js +1 -1
  15. package/dist/components/ui/image.js +2 -2
  16. package/dist/components/ui/tap.d.ts +12 -0
  17. package/dist/components/ui/tap.d.ts.map +1 -0
  18. package/dist/components/ui/tap.js +128 -0
  19. package/dist/components/ui/video-enhanced.d.ts +18 -0
  20. package/dist/components/ui/video-enhanced.d.ts.map +1 -0
  21. package/dist/components/ui/video-enhanced.js +197 -0
  22. package/dist/index.d.ts +6 -2
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +6 -2
  25. package/dist/lib/price.d.ts +29 -0
  26. package/dist/lib/price.d.ts.map +1 -0
  27. package/dist/lib/price.js +66 -0
  28. package/dist/lib/utils.d.ts +2 -0
  29. package/dist/lib/utils.d.ts.map +1 -1
  30. package/dist/lib/utils.js +31 -5
  31. package/dist/styles.css +49 -11
  32. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -664,6 +664,9 @@ video {
664
664
  .pointer-events-auto {
665
665
  pointer-events: auto;
666
666
  }
667
+ .visible {
668
+ visibility: visible;
669
+ }
667
670
  .fixed {
668
671
  position: fixed;
669
672
  }
@@ -922,6 +925,9 @@ video {
922
925
  .h-14 {
923
926
  height: 3.5rem;
924
927
  }
928
+ .h-16 {
929
+ height: 4rem;
930
+ }
925
931
  .h-2 {
926
932
  height: 0.5rem;
927
933
  }
@@ -991,6 +997,9 @@ video {
991
997
  .min-h-\[24px\] {
992
998
  min-height: 24px;
993
999
  }
1000
+ .w-0 {
1001
+ width: 0px;
1002
+ }
994
1003
  .w-1 {
995
1004
  width: 0.25rem;
996
1005
  }
@@ -1123,6 +1132,10 @@ video {
1123
1132
  --tw-translate-x: -50%;
1124
1133
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1125
1134
  }
1135
+ .translate-x-\[2px\] {
1136
+ --tw-translate-x: 2px;
1137
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1138
+ }
1126
1139
  .translate-y-0 {
1127
1140
  --tw-translate-y: 0px;
1128
1141
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1319,9 +1332,6 @@ video {
1319
1332
  .self-center {
1320
1333
  align-self: center;
1321
1334
  }
1322
- .self-stretch {
1323
- align-self: stretch;
1324
- }
1325
1335
  .overflow-hidden {
1326
1336
  overflow: hidden;
1327
1337
  }
@@ -1416,12 +1426,19 @@ video {
1416
1426
  .border-2 {
1417
1427
  border-width: 2px;
1418
1428
  }
1429
+ .border-y-8 {
1430
+ border-top-width: 8px;
1431
+ border-bottom-width: 8px;
1432
+ }
1419
1433
  .border-b {
1420
1434
  border-bottom-width: 1px;
1421
1435
  }
1422
1436
  .border-l {
1423
1437
  border-left-width: 1px;
1424
1438
  }
1439
+ .border-l-\[16px\] {
1440
+ border-left-width: 16px;
1441
+ }
1425
1442
  .border-t {
1426
1443
  border-top-width: 1px;
1427
1444
  }
@@ -1470,9 +1487,17 @@ video {
1470
1487
  .border-transparent {
1471
1488
  border-color: transparent;
1472
1489
  }
1490
+ .border-y-transparent {
1491
+ border-top-color: transparent;
1492
+ border-bottom-color: transparent;
1493
+ }
1473
1494
  .border-l-transparent {
1474
1495
  border-left-color: transparent;
1475
1496
  }
1497
+ .border-l-white {
1498
+ --tw-border-opacity: 1;
1499
+ border-left-color: rgb(255 255 255 / var(--tw-border-opacity));
1500
+ }
1476
1501
  .border-t-transparent {
1477
1502
  border-top-color: transparent;
1478
1503
  }
@@ -1487,6 +1512,9 @@ video {
1487
1512
  --tw-bg-opacity: 1;
1488
1513
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1489
1514
  }
1515
+ .bg-black\/75 {
1516
+ background-color: rgb(0 0 0 / 0.75);
1517
+ }
1490
1518
  .bg-black\/80 {
1491
1519
  background-color: rgb(0 0 0 / 0.8);
1492
1520
  }
@@ -1514,10 +1542,6 @@ video {
1514
1542
  .bg-coreColors-pageColor {
1515
1543
  background-color: var(--coreColors-pageColor);
1516
1544
  }
1517
- .bg-gray-300 {
1518
- --tw-bg-opacity: 1;
1519
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1520
- }
1521
1545
  .bg-productBadging-fill {
1522
1546
  background-color: var(--productBadging-fill);
1523
1547
  }
@@ -1707,10 +1731,6 @@ video {
1707
1731
  .font-fontRegular {
1708
1732
  font-family: var(--fontRegular);
1709
1733
  }
1710
- .text-2xl {
1711
- font-size: 1.5rem;
1712
- line-height: 2rem;
1713
- }
1714
1734
  .text-5xl {
1715
1735
  font-size: 3rem;
1716
1736
  line-height: 1;
@@ -2098,6 +2118,9 @@ video {
2098
2118
  .ease-in-out {
2099
2119
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2100
2120
  }
2121
+ .paused {
2122
+ animation-play-state: paused;
2123
+ }
2101
2124
  .container {
2102
2125
  padding-right: 16px;
2103
2126
  padding-left: 16px;
@@ -2249,10 +2272,20 @@ body::-webkit-scrollbar {
2249
2272
  width: 18px;
2250
2273
  }
2251
2274
 
2275
+ .hover\:scale-110:hover {
2276
+ --tw-scale-x: 1.1;
2277
+ --tw-scale-y: 1.1;
2278
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2279
+ }
2280
+
2252
2281
  .hover\:bg-accent:hover {
2253
2282
  background-color: hsl(var(--accent));
2254
2283
  }
2255
2284
 
2285
+ .hover\:bg-black\/90:hover {
2286
+ background-color: rgb(0 0 0 / 0.9);
2287
+ }
2288
+
2256
2289
  .hover\:bg-muted:hover {
2257
2290
  background-color: hsl(var(--muted));
2258
2291
  }
@@ -2320,6 +2353,11 @@ body::-webkit-scrollbar {
2320
2353
  --tw-ring-color: hsl(var(--ring));
2321
2354
  }
2322
2355
 
2356
+ .focus\:ring-white:focus {
2357
+ --tw-ring-opacity: 1;
2358
+ --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
2359
+ }
2360
+
2323
2361
  .focus\:ring-offset-2:focus {
2324
2362
  --tw-ring-offset-width: 2px;
2325
2363
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tapcart/mobile-components",
3
- "version": "0.7.6",
3
+ "version": "0.7.8",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "style": "dist/styles.css",
@@ -73,6 +73,6 @@
73
73
  "swr": "^2.2.5",
74
74
  "tailwind-merge": "^1.13.2",
75
75
  "tailwindcss-animate": "^1.0.6",
76
- "vaul": "^1.1.0"
76
+ "vaul": "0.9.1"
77
77
  }
78
78
  }