@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.
- package/dist/cjs/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
- package/dist/cjs/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js +2 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
- package/dist/cjs/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
- package/dist/cjs/biz-components/SwiperBox/index.js +1 -1
- package/dist/cjs/biz-components/SwiperBox/index.js.map +3 -3
- package/dist/cjs/biz-components/SwiperBox/types.d.ts +6 -0
- package/dist/cjs/biz-components/SwiperBox/types.js +1 -1
- package/dist/cjs/biz-components/SwiperBox/types.js.map +1 -1
- package/dist/cjs/biz-components/index.d.ts +3 -0
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/index.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.d.ts +25 -0
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplay.js.map +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js +1 -1
- package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js.map +3 -3
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.d.ts +7 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js +2 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/index.js.map +7 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.d.ts +8 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js +2 -0
- package/dist/esm/biz-components/ShelfDisplayHorizontal/shelfDisplayHorizontalItem.js.map +7 -0
- package/dist/esm/biz-components/SwiperBox/index.js +1 -1
- package/dist/esm/biz-components/SwiperBox/index.js.map +3 -3
- package/dist/esm/biz-components/SwiperBox/types.d.ts +6 -0
- package/dist/esm/biz-components/SwiperBox/types.js.map +1 -1
- package/dist/esm/biz-components/index.d.ts +3 -0
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +2 -2
- package/dist/tokens/anker.css +2 -1
- package/dist/tokens/base.css +2 -1
- package/dist/tokens/eufy.css +2 -1
- package/dist/tokens/eufyMake.css +2 -1
- package/dist/tokens/oneAnker.css +4 -2
- package/dist/tokens/solix.css +2 -1
- package/dist/tokens/soundcore.css +4 -2
- package/package.json +1 -1
- 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
|
}
|