@anker-in/headless-ui 1.3.60 → 1.3.61

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 (50) hide show
  1. package/dist/cjs/biz-components/ShelfDisplay/index.js +1 -1
  2. package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
  3. package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
  4. package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
  5. package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
  6. package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
  7. package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
  8. package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
  9. package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js +2 -0
  10. package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
  11. package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
  12. package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
  13. package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
  14. package/dist/cjs/biz-components/SwiperBox/index.js +1 -1
  15. package/dist/cjs/biz-components/SwiperBox/index.js.map +3 -3
  16. package/dist/cjs/biz-components/SwiperBox/types.d.ts +6 -0
  17. package/dist/cjs/biz-components/SwiperBox/types.js +1 -1
  18. package/dist/cjs/biz-components/SwiperBox/types.js.map +1 -1
  19. package/dist/cjs/biz-components/index.d.ts +3 -0
  20. package/dist/cjs/biz-components/index.js +1 -1
  21. package/dist/cjs/biz-components/index.js.map +3 -3
  22. package/dist/esm/biz-components/ShelfDisplay/index.js +1 -1
  23. package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
  24. package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
  25. package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
  26. package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
  27. package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
  28. package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
  29. package/dist/esm/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
  30. package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js +2 -0
  31. package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
  32. package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
  33. package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
  34. package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
  35. package/dist/esm/biz-components/SwiperBox/index.js +1 -1
  36. package/dist/esm/biz-components/SwiperBox/index.js.map +3 -3
  37. package/dist/esm/biz-components/SwiperBox/types.d.ts +6 -0
  38. package/dist/esm/biz-components/SwiperBox/types.js.map +1 -1
  39. package/dist/esm/biz-components/index.d.ts +3 -0
  40. package/dist/esm/biz-components/index.js +1 -1
  41. package/dist/esm/biz-components/index.js.map +2 -2
  42. package/dist/tokens/anker.css +2 -1
  43. package/dist/tokens/base.css +2 -1
  44. package/dist/tokens/eufy.css +2 -1
  45. package/dist/tokens/eufyMake.css +2 -1
  46. package/dist/tokens/oneAnker.css +4 -2
  47. package/dist/tokens/solix.css +2 -1
  48. package/dist/tokens/soundcore.css +4 -2
  49. package/package.json +1 -1
  50. package/style.css +105 -9
package/style.css CHANGED
@@ -1195,6 +1195,9 @@ video {
1195
1195
  .aspect-\[194\/194\] {
1196
1196
  aspect-ratio: 194/194;
1197
1197
  }
1198
+ .aspect-\[1\] {
1199
+ aspect-ratio: 1;
1200
+ }
1198
1201
  .aspect-\[296\/320\] {
1199
1202
  aspect-ratio: 296/320;
1200
1203
  }
@@ -1481,9 +1484,6 @@ video {
1481
1484
  .h-\[120px\] {
1482
1485
  height: 120px;
1483
1486
  }
1484
- .h-\[140px\] {
1485
- height: 140px;
1486
- }
1487
1487
  .h-\[14px\] {
1488
1488
  height: 14px;
1489
1489
  }
@@ -1598,6 +1598,9 @@ video {
1598
1598
  .h-\[54px\] {
1599
1599
  height: 54px;
1600
1600
  }
1601
+ .h-\[63\.6\%\] {
1602
+ height: 63.6%;
1603
+ }
1601
1604
  .h-\[640px\] {
1602
1605
  height: 640px;
1603
1606
  }
@@ -2040,6 +2043,18 @@ video {
2040
2043
  .flex-1 {
2041
2044
  flex: 1 1 0%;
2042
2045
  }
2046
+ .flex-\[178\] {
2047
+ flex: 178;
2048
+ }
2049
+ .flex-\[180\] {
2050
+ flex: 180;
2051
+ }
2052
+ .flex-\[224\] {
2053
+ flex: 224;
2054
+ }
2055
+ .flex-\[24\] {
2056
+ flex: 24;
2057
+ }
2043
2058
  .flex-none {
2044
2059
  flex: none;
2045
2060
  }
@@ -2496,6 +2511,9 @@ video {
2496
2511
  .self-end {
2497
2512
  align-self: flex-end;
2498
2513
  }
2514
+ .self-center {
2515
+ align-self: center;
2516
+ }
2499
2517
  .self-stretch {
2500
2518
  align-self: stretch;
2501
2519
  }
@@ -4964,6 +4982,9 @@ video {
4964
4982
  .group:hover .group-hover\:border-lines-5 {
4965
4983
  border-color: var(--dark-error-color-0);
4966
4984
  }
4985
+ .group:hover .group-hover\:bg-masks-1 {
4986
+ background-color: var(--masks-color-1);
4987
+ }
4967
4988
  .group:hover .group-hover\:text-white {
4968
4989
  --tw-text-opacity: 1;
4969
4990
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -5235,6 +5256,9 @@ video {
5235
5256
  .md-tablet\:h-\[360px\] {
5236
5257
  height: 360px;
5237
5258
  }
5259
+ .md-tablet\:h-\[422px\] {
5260
+ height: 422px;
5261
+ }
5238
5262
  .md-tablet\:h-\[490px\] {
5239
5263
  height: 490px;
5240
5264
  }
@@ -6204,6 +6228,9 @@ video {
6204
6228
  .laptop\:aspect-\[440\/192\] {
6205
6229
  aspect-ratio: 440/192;
6206
6230
  }
6231
+ .laptop\:aspect-\[440\/256\] {
6232
+ aspect-ratio: 440/256;
6233
+ }
6207
6234
  .laptop\:aspect-\[440\/280\] {
6208
6235
  aspect-ratio: 440/280;
6209
6236
  }
@@ -6434,6 +6461,9 @@ video {
6434
6461
  .laptop\:min-h-\[288px\] {
6435
6462
  min-height: 288px;
6436
6463
  }
6464
+ .laptop\:min-h-\[320px\] {
6465
+ min-height: 320px;
6466
+ }
6437
6467
  .laptop\:min-h-\[425px\] {
6438
6468
  min-height: 425px;
6439
6469
  }
@@ -6580,6 +6610,9 @@ video {
6580
6610
  .laptop\:flex-1 {
6581
6611
  flex: 1 1 0%;
6582
6612
  }
6613
+ .laptop\:flex-\[196\] {
6614
+ flex: 196;
6615
+ }
6583
6616
  .laptop\:flex-\[1\] {
6584
6617
  flex: 1;
6585
6618
  }
@@ -7227,12 +7260,21 @@ video {
7227
7260
  .desktop\:bottom-auto {
7228
7261
  bottom: auto;
7229
7262
  }
7263
+ .desktop\:left-6 {
7264
+ left: 1.5rem;
7265
+ }
7230
7266
  .desktop\:left-\[24px\] {
7231
7267
  left: 24px;
7232
7268
  }
7233
7269
  .desktop\:left-\[32px\] {
7234
7270
  left: 32px;
7235
7271
  }
7272
+ .desktop\:right-6 {
7273
+ right: 1.5rem;
7274
+ }
7275
+ .desktop\:top-2 {
7276
+ top: 0.5rem;
7277
+ }
7236
7278
  .desktop\:top-\[-52px\] {
7237
7279
  top: -52px;
7238
7280
  }
@@ -7369,6 +7411,9 @@ video {
7369
7411
  .desktop\:aspect-\[427\/384\] {
7370
7412
  aspect-ratio: 427/384;
7371
7413
  }
7414
+ .desktop\:aspect-\[648\/238\] {
7415
+ aspect-ratio: 648/238;
7416
+ }
7372
7417
  .desktop\:aspect-\[648\/256\] {
7373
7418
  aspect-ratio: 648/256;
7374
7419
  }
@@ -7378,6 +7423,10 @@ video {
7378
7423
  .desktop\:aspect-\[648\/448\] {
7379
7424
  aspect-ratio: 648/448;
7380
7425
  }
7426
+ .desktop\:size-10 {
7427
+ width: 2.5rem;
7428
+ height: 2.5rem;
7429
+ }
7381
7430
  .desktop\:size-12 {
7382
7431
  width: 3rem;
7383
7432
  height: 3rem;
@@ -7450,9 +7499,6 @@ video {
7450
7499
  .desktop\:h-\[240px\] {
7451
7500
  height: 240px;
7452
7501
  }
7453
- .desktop\:h-\[24px\] {
7454
- height: 24px;
7455
- }
7456
7502
  .desktop\:h-\[280px\] {
7457
7503
  height: 280px;
7458
7504
  }
@@ -7483,6 +7529,9 @@ video {
7483
7529
  .desktop\:h-\[628px\] {
7484
7530
  height: 628px;
7485
7531
  }
7532
+ .desktop\:h-\[92\.3\%\] {
7533
+ height: 92.3%;
7534
+ }
7486
7535
  .desktop\:h-\[96px\] {
7487
7536
  height: 96px;
7488
7537
  }
@@ -7508,6 +7557,9 @@ video {
7508
7557
  .desktop\:min-h-\[2\.4em\] {
7509
7558
  min-height: 2.4em;
7510
7559
  }
7560
+ .desktop\:min-h-\[300px\] {
7561
+ min-height: 300px;
7562
+ }
7511
7563
  .desktop\:min-h-\[405px\] {
7512
7564
  min-height: 405px;
7513
7565
  }
@@ -7565,6 +7617,9 @@ video {
7565
7617
  .desktop\:w-\[81px\] {
7566
7618
  width: 81px;
7567
7619
  }
7620
+ .desktop\:w-auto {
7621
+ width: auto;
7622
+ }
7568
7623
  .desktop\:w-fit {
7569
7624
  width: -moz-fit-content;
7570
7625
  width: fit-content;
@@ -7614,9 +7669,18 @@ video {
7614
7669
  .desktop\:flex-\[1260\] {
7615
7670
  flex: 1260;
7616
7671
  }
7672
+ .desktop\:flex-\[190\] {
7673
+ flex: 190;
7674
+ }
7675
+ .desktop\:flex-\[292\] {
7676
+ flex: 292;
7677
+ }
7617
7678
  .desktop\:flex-\[316\] {
7618
7679
  flex: 316;
7619
7680
  }
7681
+ .desktop\:flex-\[332\] {
7682
+ flex: 332;
7683
+ }
7620
7684
  .desktop\:flex-\[404\] {
7621
7685
  flex: 404;
7622
7686
  }
@@ -7849,6 +7913,9 @@ video {
7849
7913
  .desktop\:pt-0 {
7850
7914
  padding-top: 0px;
7851
7915
  }
7916
+ .desktop\:pt-2 {
7917
+ padding-top: 0.5rem;
7918
+ }
7852
7919
  .desktop\:pt-4 {
7853
7920
  padding-top: 1rem;
7854
7921
  }
@@ -8075,6 +8142,9 @@ video {
8075
8142
  .lg-desktop\:aspect-\[8\/7\] {
8076
8143
  aspect-ratio: 8/7;
8077
8144
  }
8145
+ .lg-desktop\:aspect-\[824\/269\] {
8146
+ aspect-ratio: 824/269;
8147
+ }
8078
8148
  .lg-desktop\:aspect-\[824\/320\] {
8079
8149
  aspect-ratio: 824/320;
8080
8150
  }
@@ -8097,6 +8167,10 @@ video {
8097
8167
  width: 1.25rem;
8098
8168
  height: 1.25rem;
8099
8169
  }
8170
+ .lg-desktop\:size-6 {
8171
+ width: 1.5rem;
8172
+ height: 1.5rem;
8173
+ }
8100
8174
  .lg-desktop\:size-\[108px\] {
8101
8175
  width: 108px;
8102
8176
  height: 108px;
@@ -8165,9 +8239,6 @@ video {
8165
8239
  .lg-desktop\:h-\[171px\] {
8166
8240
  height: 171px;
8167
8241
  }
8168
- .lg-desktop\:h-\[195px\] {
8169
- height: 195px;
8170
- }
8171
8242
  .lg-desktop\:h-\[240px\] {
8172
8243
  height: 240px;
8173
8244
  }
@@ -8225,6 +8296,9 @@ video {
8225
8296
  .lg-desktop\:h-\[746px\] {
8226
8297
  height: 746px;
8227
8298
  }
8299
+ .lg-desktop\:h-\[89\.5\%\] {
8300
+ height: 89.5%;
8301
+ }
8228
8302
  .lg-desktop\:h-\[calc\(240px-100px\)\] {
8229
8303
  height: calc(240px - 100px);
8230
8304
  }
@@ -8240,6 +8314,9 @@ video {
8240
8314
  .lg-desktop\:max-h-\[450px\] {
8241
8315
  max-height: 450px;
8242
8316
  }
8317
+ .lg-desktop\:min-h-\[309px\] {
8318
+ min-height: 309px;
8319
+ }
8243
8320
  .lg-desktop\:min-h-\[320px\] {
8244
8321
  min-height: 320px;
8245
8322
  }
@@ -8330,6 +8407,21 @@ video {
8330
8407
  .lg-desktop\:flex-\[1056\] {
8331
8408
  flex: 1056;
8332
8409
  }
8410
+ .lg-desktop\:flex-\[221\] {
8411
+ flex: 221;
8412
+ }
8413
+ .lg-desktop\:flex-\[240\] {
8414
+ flex: 240;
8415
+ }
8416
+ .lg-desktop\:flex-\[28\] {
8417
+ flex: 28;
8418
+ }
8419
+ .lg-desktop\:flex-\[380\] {
8420
+ flex: 380;
8421
+ }
8422
+ .lg-desktop\:flex-\[420\] {
8423
+ flex: 420;
8424
+ }
8333
8425
  .lg-desktop\:basis-\[356px\] {
8334
8426
  flex-basis: 356px;
8335
8427
  }
@@ -8846,6 +8938,10 @@ video {
8846
8938
  width: 1rem;
8847
8939
  height: 1rem;
8848
8940
  }
8941
+ .\[\&_svg\]\:size-full svg {
8942
+ width: 100%;
8943
+ height: 100%;
8944
+ }
8849
8945
  .\[\&_svg\]\:h-full svg {
8850
8946
  height: 100%;
8851
8947
  }