@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.
- package/dist/cjs/biz-components/ActiveShelf/MemberLabel.d.ts +42 -0
- package/dist/cjs/biz-components/ActiveShelf/MemberLabel.js +1 -0
- package/dist/cjs/biz-components/ActiveShelf/ProductCard.d.ts +55 -2
- package/dist/cjs/biz-components/ActiveShelf/ProductCard.js +1 -1
- package/dist/cjs/biz-components/ActiveShelf/index.d.ts +55 -5
- package/dist/cjs/biz-components/ActiveShelf/index.js +1 -1
- package/dist/cjs/biz-components/ActiveShelf/styles.d.ts +55 -0
- package/dist/cjs/biz-components/ActiveShelf/styles.js +1 -0
- package/dist/cjs/biz-components/ActiveShelf/types.d.ts +88 -0
- package/dist/cjs/biz-components/ActiveShelf/types.js +1 -1
- package/dist/cjs/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/index.js +1 -1
- package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGridBox.js +1 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/ProductActions/index.d.ts +7 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/ProductActions/index.js +1 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/index.js +1 -1
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/types.d.ts +3 -0
- package/dist/cjs/biz-components/Listing/components/PurchaseBar/types.js +1 -1
- package/dist/cjs/helpers/utils.js +1 -1
- package/dist/esm/biz-components/ActiveShelf/MemberLabel.d.ts +42 -0
- package/dist/esm/biz-components/ActiveShelf/MemberLabel.js +1 -0
- package/dist/esm/biz-components/ActiveShelf/ProductCard.d.ts +55 -2
- package/dist/esm/biz-components/ActiveShelf/ProductCard.js +1 -1
- package/dist/esm/biz-components/ActiveShelf/index.d.ts +55 -5
- package/dist/esm/biz-components/ActiveShelf/index.js +1 -1
- package/dist/esm/biz-components/ActiveShelf/styles.d.ts +55 -0
- package/dist/esm/biz-components/ActiveShelf/styles.js +1 -0
- package/dist/esm/biz-components/ActiveShelf/types.d.ts +88 -0
- package/dist/esm/biz-components/HeaderNavigation/index.js +1 -1
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductGallery/index.js +1 -1
- package/dist/esm/biz-components/Listing/components/ProductCard/ProductGridBox.js +1 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.d.ts +7 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.js +1 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js +1 -1
- package/dist/esm/biz-components/Listing/components/PurchaseBar/types.d.ts +3 -0
- package/dist/esm/helpers/utils.js +1 -1
- package/package.json +1 -1
- 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
|
}
|