@anker-in/headless-ui 1.3.70 → 1.3.72

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 (38) hide show
  1. package/dist/cjs/biz-components/ActiveShelf/MemberLabel.d.ts +42 -0
  2. package/dist/cjs/biz-components/ActiveShelf/MemberLabel.js +1 -0
  3. package/dist/cjs/biz-components/ActiveShelf/ProductCard.d.ts +55 -2
  4. package/dist/cjs/biz-components/ActiveShelf/ProductCard.js +1 -1
  5. package/dist/cjs/biz-components/ActiveShelf/index.d.ts +55 -5
  6. package/dist/cjs/biz-components/ActiveShelf/index.js +1 -1
  7. package/dist/cjs/biz-components/ActiveShelf/styles.d.ts +55 -0
  8. package/dist/cjs/biz-components/ActiveShelf/styles.js +1 -0
  9. package/dist/cjs/biz-components/ActiveShelf/types.d.ts +88 -0
  10. package/dist/cjs/biz-components/ActiveShelf/types.js +1 -1
  11. package/dist/cjs/biz-components/HeaderNavigation/index.js +1 -1
  12. package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/index.js +1 -1
  13. package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGridBox.js +1 -1
  14. package/dist/cjs/biz-components/Listing/components/PurchaseBar/ProductActions/index.d.ts +7 -1
  15. package/dist/cjs/biz-components/Listing/components/PurchaseBar/ProductActions/index.js +1 -1
  16. package/dist/cjs/biz-components/Listing/components/PurchaseBar/index.js +1 -1
  17. package/dist/cjs/biz-components/Listing/components/PurchaseBar/types.d.ts +3 -0
  18. package/dist/cjs/biz-components/Listing/components/PurchaseBar/types.js +1 -1
  19. package/dist/cjs/helpers/utils.js +1 -1
  20. package/dist/esm/biz-components/ActiveShelf/MemberLabel.d.ts +42 -0
  21. package/dist/esm/biz-components/ActiveShelf/MemberLabel.js +1 -0
  22. package/dist/esm/biz-components/ActiveShelf/ProductCard.d.ts +55 -2
  23. package/dist/esm/biz-components/ActiveShelf/ProductCard.js +1 -1
  24. package/dist/esm/biz-components/ActiveShelf/index.d.ts +55 -5
  25. package/dist/esm/biz-components/ActiveShelf/index.js +1 -1
  26. package/dist/esm/biz-components/ActiveShelf/styles.d.ts +55 -0
  27. package/dist/esm/biz-components/ActiveShelf/styles.js +1 -0
  28. package/dist/esm/biz-components/ActiveShelf/types.d.ts +88 -0
  29. package/dist/esm/biz-components/HeaderNavigation/index.js +1 -1
  30. package/dist/esm/biz-components/Listing/components/ProductCard/ProductGallery/index.js +1 -1
  31. package/dist/esm/biz-components/Listing/components/ProductCard/ProductGridBox.js +1 -1
  32. package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.d.ts +7 -1
  33. package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.js +1 -1
  34. package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js +1 -1
  35. package/dist/esm/biz-components/Listing/components/PurchaseBar/types.d.ts +3 -0
  36. package/dist/esm/helpers/utils.js +1 -1
  37. package/package.json +1 -1
  38. package/style.css +129 -0
package/style.css CHANGED
@@ -569,12 +569,27 @@ video {
569
569
  .-left-12 {
570
570
  left: -3rem;
571
571
  }
572
+ .-left-2 {
573
+ left: -0.5rem;
574
+ }
575
+ .-left-4 {
576
+ left: -1rem;
577
+ }
572
578
  .-right-10 {
573
579
  right: -2.5rem;
574
580
  }
575
581
  .-right-12 {
576
582
  right: -3rem;
577
583
  }
584
+ .-right-2 {
585
+ right: -0.5rem;
586
+ }
587
+ .-right-4 {
588
+ right: -1rem;
589
+ }
590
+ .-right-5 {
591
+ right: -1.25rem;
592
+ }
578
593
  .-right-6 {
579
594
  right: -1.5rem;
580
595
  }
@@ -587,6 +602,9 @@ video {
587
602
  .-top-2 {
588
603
  top: -0.5rem;
589
604
  }
605
+ .-top-4 {
606
+ top: -1rem;
607
+ }
590
608
  .-top-6 {
591
609
  top: -1.5rem;
592
610
  }
@@ -1335,6 +1353,10 @@ video {
1335
1353
  width: 124px;
1336
1354
  height: 124px;
1337
1355
  }
1356
+ .size-\[125px\] {
1357
+ width: 125px;
1358
+ height: 125px;
1359
+ }
1338
1360
  .size-\[128px\] {
1339
1361
  width: 128px;
1340
1362
  height: 128px;
@@ -1355,6 +1377,10 @@ video {
1355
1377
  width: 160px;
1356
1378
  height: 160px;
1357
1379
  }
1380
+ .size-\[180px\] {
1381
+ width: 180px;
1382
+ height: 180px;
1383
+ }
1358
1384
  .size-\[20px\] {
1359
1385
  width: 20px;
1360
1386
  height: 20px;
@@ -1747,6 +1773,9 @@ video {
1747
1773
  .min-h-\[120px\] {
1748
1774
  min-height: 120px;
1749
1775
  }
1776
+ .min-h-\[1lh\] {
1777
+ min-height: 1lh;
1778
+ }
1750
1779
  .min-h-\[2\.4em\] {
1751
1780
  min-height: 2.4em;
1752
1781
  }
@@ -1771,6 +1800,9 @@ video {
1771
1800
  .min-h-\[48px\] {
1772
1801
  min-height: 48px;
1773
1802
  }
1803
+ .min-h-\[50px\] {
1804
+ min-height: 50px;
1805
+ }
1774
1806
  .min-h-\[560px\] {
1775
1807
  min-height: 560px;
1776
1808
  }
@@ -2466,6 +2498,9 @@ video {
2466
2498
  .gap-\[26px\] {
2467
2499
  gap: 26px;
2468
2500
  }
2501
+ .gap-\[2px\] {
2502
+ gap: 2px;
2503
+ }
2469
2504
  .gap-\[32px\] {
2470
2505
  gap: 32px;
2471
2506
  }
@@ -3660,6 +3695,9 @@ video {
3660
3695
  .pb-\[64px\] {
3661
3696
  padding-bottom: 64px;
3662
3697
  }
3698
+ .pl-1 {
3699
+ padding-left: 0.25rem;
3700
+ }
3663
3701
  .pl-2 {
3664
3702
  padding-left: 0.5rem;
3665
3703
  }
@@ -3872,6 +3910,9 @@ video {
3872
3910
  .font-semibold {
3873
3911
  font-weight: 600;
3874
3912
  }
3913
+ .not-italic {
3914
+ font-style: normal;
3915
+ }
3875
3916
  .\!leading-\[1\.1\] {
3876
3917
  line-height: 1.1 !important;
3877
3918
  }
@@ -5044,6 +5085,12 @@ video {
5044
5085
  .group:hover .group-hover\:border-lines-5 {
5045
5086
  border-color: var(--dark-error-color-0);
5046
5087
  }
5088
+ .group\/next-mask:hover .group-hover\/next-mask\:bg-masks-1 {
5089
+ background-color: var(--masks-color-1);
5090
+ }
5091
+ .group\/prev-mask:hover .group-hover\/prev-mask\:bg-masks-1 {
5092
+ background-color: var(--masks-color-1);
5093
+ }
5047
5094
  .group:hover .group-hover\:bg-masks-1 {
5048
5095
  background-color: var(--masks-color-1);
5049
5096
  }
@@ -6087,6 +6134,12 @@ video {
6087
6134
  .laptop\:-bottom-\[40px\] {
6088
6135
  bottom: -40px;
6089
6136
  }
6137
+ .laptop\:-left-4 {
6138
+ left: -1rem;
6139
+ }
6140
+ .laptop\:-right-4 {
6141
+ right: -1rem;
6142
+ }
6090
6143
  .laptop\:bottom-6 {
6091
6144
  bottom: 1.5rem;
6092
6145
  }
@@ -6186,6 +6239,9 @@ video {
6186
6239
  .laptop\:mb-0 {
6187
6240
  margin-bottom: 0px;
6188
6241
  }
6242
+ .laptop\:mb-1 {
6243
+ margin-bottom: 0.25rem;
6244
+ }
6189
6245
  .laptop\:mb-2 {
6190
6246
  margin-bottom: 0.5rem;
6191
6247
  }
@@ -6373,6 +6429,10 @@ video {
6373
6429
  width: var(--circle-laptop-size);
6374
6430
  height: var(--circle-laptop-size);
6375
6431
  }
6432
+ .laptop\:size-\[180px\] {
6433
+ width: 180px;
6434
+ height: 180px;
6435
+ }
6376
6436
  .laptop\:size-\[196px\] {
6377
6437
  width: 196px;
6378
6438
  height: 196px;
@@ -6539,6 +6599,9 @@ video {
6539
6599
  .laptop\:min-h-\[448px\] {
6540
6600
  min-height: 448px;
6541
6601
  }
6602
+ .laptop\:min-h-\[64px\] {
6603
+ min-height: 64px;
6604
+ }
6542
6605
  .laptop\:\!w-\[360px\] {
6543
6606
  width: 360px !important;
6544
6607
  }
@@ -7027,6 +7090,12 @@ video {
7027
7090
  .laptop\:pl-1 {
7028
7091
  padding-left: 0.25rem;
7029
7092
  }
7093
+ .laptop\:pl-2 {
7094
+ padding-left: 0.5rem;
7095
+ }
7096
+ .laptop\:pl-4 {
7097
+ padding-left: 1rem;
7098
+ }
7030
7099
  .laptop\:pl-\[104px\] {
7031
7100
  padding-left: 104px;
7032
7101
  }
@@ -7039,6 +7108,9 @@ video {
7039
7108
  .laptop\:pr-24 {
7040
7109
  padding-right: 6rem;
7041
7110
  }
7111
+ .laptop\:pt-2 {
7112
+ padding-top: 0.5rem;
7113
+ }
7042
7114
  .laptop\:pt-4 {
7043
7115
  padding-top: 1rem;
7044
7116
  }
@@ -7105,6 +7177,10 @@ video {
7105
7177
  font-size: 1.125rem;
7106
7178
  line-height: 1.75rem;
7107
7179
  }
7180
+ .laptop\:text-sm {
7181
+ font-size: 0.875rem;
7182
+ line-height: 1.25rem;
7183
+ }
7108
7184
  .laptop\:text-xl {
7109
7185
  font-size: 1.25rem;
7110
7186
  line-height: 1.75rem;
@@ -7123,6 +7199,12 @@ video {
7123
7199
  .first\:laptop\:col-span-1:first-child {
7124
7200
  grid-column: span 1 / span 1;
7125
7201
  }
7202
+ .laptop\:hover\:text-brand-0:hover {
7203
+ color: var(--brand-color-0);
7204
+ }
7205
+ .group\/product-image:hover .laptop\:group-hover\/product-image\:opacity-100 {
7206
+ opacity: 1;
7207
+ }
7126
7208
  .group:hover .laptop\:group-hover\:opacity-100 {
7127
7209
  opacity: 1;
7128
7210
  }
@@ -7320,6 +7402,15 @@ video {
7320
7402
  }
7321
7403
  }
7322
7404
  @media (min-width: 1440px) {
7405
+ .desktop\:-left-6 {
7406
+ left: -1.5rem;
7407
+ }
7408
+ .desktop\:-right-6 {
7409
+ right: -1.5rem;
7410
+ }
7411
+ .desktop\:-top-6 {
7412
+ top: -1.5rem;
7413
+ }
7323
7414
  .desktop\:bottom-6 {
7324
7415
  bottom: 1.5rem;
7325
7416
  }
@@ -7375,6 +7466,9 @@ video {
7375
7466
  .desktop\:mb-10 {
7376
7467
  margin-bottom: 2.5rem;
7377
7468
  }
7469
+ .desktop\:mb-2 {
7470
+ margin-bottom: 0.5rem;
7471
+ }
7378
7472
  .desktop\:mr-3 {
7379
7473
  margin-right: 0.75rem;
7380
7474
  }
@@ -7635,6 +7729,9 @@ video {
7635
7729
  .desktop\:min-h-\[448px\] {
7636
7730
  min-height: 448px;
7637
7731
  }
7732
+ .desktop\:min-h-\[76px\] {
7733
+ min-height: 76px;
7734
+ }
7638
7735
  .desktop\:\!w-\[316px\] {
7639
7736
  width: 316px !important;
7640
7737
  }
@@ -7932,6 +8029,10 @@ video {
7932
8029
  padding-top: 0.875rem;
7933
8030
  padding-bottom: 0.875rem;
7934
8031
  }
8032
+ .desktop\:py-4 {
8033
+ padding-top: 1rem;
8034
+ padding-bottom: 1rem;
8035
+ }
7935
8036
  .desktop\:py-6 {
7936
8037
  padding-top: 1.5rem;
7937
8038
  padding-bottom: 1.5rem;
@@ -7970,6 +8071,9 @@ video {
7970
8071
  .desktop\:pl-6 {
7971
8072
  padding-left: 1.5rem;
7972
8073
  }
8074
+ .desktop\:pr-12 {
8075
+ padding-right: 3rem;
8076
+ }
7973
8077
  .desktop\:pr-16 {
7974
8078
  padding-right: 4rem;
7975
8079
  }
@@ -8229,6 +8333,10 @@ video {
8229
8333
  width: 4rem;
8230
8334
  height: 4rem;
8231
8335
  }
8336
+ .lg-desktop\:size-24 {
8337
+ width: 6rem;
8338
+ height: 6rem;
8339
+ }
8232
8340
  .lg-desktop\:size-5 {
8233
8341
  width: 1.25rem;
8234
8342
  height: 1.25rem;
@@ -8241,6 +8349,10 @@ video {
8241
8349
  width: 108px;
8242
8350
  height: 108px;
8243
8351
  }
8352
+ .lg-desktop\:size-\[114px\] {
8353
+ width: 114px;
8354
+ height: 114px;
8355
+ }
8244
8356
  .lg-desktop\:size-\[128px\] {
8245
8357
  width: 128px;
8246
8358
  height: 128px;
@@ -8261,6 +8373,10 @@ video {
8261
8373
  width: 196px;
8262
8374
  height: 196px;
8263
8375
  }
8376
+ .lg-desktop\:size-\[240px\] {
8377
+ width: 240px;
8378
+ height: 240px;
8379
+ }
8264
8380
  .lg-desktop\:size-\[36px\] {
8265
8381
  width: 36px;
8266
8382
  height: 36px;
@@ -8398,6 +8514,9 @@ video {
8398
8514
  .lg-desktop\:min-h-\[560px\] {
8399
8515
  min-height: 560px;
8400
8516
  }
8517
+ .lg-desktop\:min-h-\[82px\] {
8518
+ min-height: 82px;
8519
+ }
8401
8520
  .lg-desktop\:\!w-\[404px\] {
8402
8521
  width: 404px !important;
8403
8522
  }
@@ -8661,6 +8780,9 @@ video {
8661
8780
  .lg-desktop\:pb-\[4px\] {
8662
8781
  padding-bottom: 4px;
8663
8782
  }
8783
+ .lg-desktop\:pr-16 {
8784
+ padding-right: 4rem;
8785
+ }
8664
8786
  .lg-desktop\:pt-4 {
8665
8787
  padding-top: 1rem;
8666
8788
  }
@@ -8719,6 +8841,10 @@ video {
8719
8841
  font-size: 0.875rem;
8720
8842
  line-height: 1.25rem;
8721
8843
  }
8844
+ .lg-desktop\:text-xl {
8845
+ font-size: 1.25rem;
8846
+ line-height: 1.75rem;
8847
+ }
8722
8848
  .lg-desktop\:\!leading-6 {
8723
8849
  line-height: 1.5rem !important;
8724
8850
  }
@@ -8885,6 +9011,9 @@ video {
8885
9011
  .\[\&_\.swiper-wrapper\]\:flex .swiper-wrapper {
8886
9012
  display: flex;
8887
9013
  }
9014
+ .\[\&_\.swiper-wrapper\]\:items-start .swiper-wrapper {
9015
+ align-items: flex-start;
9016
+ }
8888
9017
  .\[\&_\.swiper-wrapper\]\:items-stretch .swiper-wrapper {
8889
9018
  align-items: stretch;
8890
9019
  }