directual-web-components-v2 3.11.332 → 3.11.334
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/index.css +310 -15
- package/dist/index.js +182 -63
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +182 -63
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -8802,12 +8802,10 @@ div._x81-m._xmAnF h2 {
|
|
|
8802
8802
|
._2FxAd .rbc-btn-group {
|
|
8803
8803
|
display: flex;
|
|
8804
8804
|
align-items: center;
|
|
8805
|
-
gap: 8px;
|
|
8806
8805
|
}
|
|
8807
8806
|
._3JU7w {
|
|
8808
8807
|
display: flex;
|
|
8809
8808
|
align-items: center;
|
|
8810
|
-
gap: 8px;
|
|
8811
8809
|
}
|
|
8812
8810
|
._16uM4 {
|
|
8813
8811
|
display: flex;
|
|
@@ -8830,6 +8828,25 @@ div._x81-m._xmAnF h2 {
|
|
|
8830
8828
|
}
|
|
8831
8829
|
._UJo8u {
|
|
8832
8830
|
margin-bottom: 0 !important;
|
|
8831
|
+
min-height: 48px !important;
|
|
8832
|
+
}
|
|
8833
|
+
._ok3qh {
|
|
8834
|
+
display: flex;
|
|
8835
|
+
-webkit-touch-callout: none;
|
|
8836
|
+
-webkit-user-select: none;
|
|
8837
|
+
user-select: none;
|
|
8838
|
+
height: 48px;
|
|
8839
|
+
justify-content: center;
|
|
8840
|
+
align-items: center;
|
|
8841
|
+
padding: 1px 8px;
|
|
8842
|
+
text-decoration: none;
|
|
8843
|
+
font-size: 32px;
|
|
8844
|
+
color: var(--layout-text, #333333);
|
|
8845
|
+
border: solid 1px var(--button-border);
|
|
8846
|
+
border-radius: var(--border-radius);
|
|
8847
|
+
background-color: var(--layout-secondary-bgr, #fff);
|
|
8848
|
+
cursor: pointer;
|
|
8849
|
+
outline: none;
|
|
8833
8850
|
}
|
|
8834
8851
|
._2lVWM {
|
|
8835
8852
|
display: flex;
|
|
@@ -9329,6 +9346,284 @@ div._x81-m._xmAnF h2 {
|
|
|
9329
9346
|
width: 100%;
|
|
9330
9347
|
}
|
|
9331
9348
|
|
|
9349
|
+
@keyframes _1XD3u {
|
|
9350
|
+
0% {
|
|
9351
|
+
transform: translateX(-100%);
|
|
9352
|
+
}
|
|
9353
|
+
100% {
|
|
9354
|
+
transform: translateX(200%);
|
|
9355
|
+
}
|
|
9356
|
+
}
|
|
9357
|
+
@keyframes _11i3G {
|
|
9358
|
+
0% {
|
|
9359
|
+
opacity: 0.6;
|
|
9360
|
+
}
|
|
9361
|
+
50% {
|
|
9362
|
+
opacity: 1;
|
|
9363
|
+
}
|
|
9364
|
+
100% {
|
|
9365
|
+
opacity: 0.6;
|
|
9366
|
+
}
|
|
9367
|
+
}
|
|
9368
|
+
@keyframes _3KYmW {
|
|
9369
|
+
from {
|
|
9370
|
+
opacity: 0;
|
|
9371
|
+
}
|
|
9372
|
+
to {
|
|
9373
|
+
opacity: 1;
|
|
9374
|
+
}
|
|
9375
|
+
}
|
|
9376
|
+
@keyframes _3N2L4 {
|
|
9377
|
+
from {
|
|
9378
|
+
opacity: 1;
|
|
9379
|
+
}
|
|
9380
|
+
to {
|
|
9381
|
+
opacity: 0;
|
|
9382
|
+
}
|
|
9383
|
+
}
|
|
9384
|
+
._xgx0D {
|
|
9385
|
+
position: relative;
|
|
9386
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9387
|
+
overflow: hidden;
|
|
9388
|
+
border-radius: 4px;
|
|
9389
|
+
}
|
|
9390
|
+
._xgx0D::after {
|
|
9391
|
+
content: '';
|
|
9392
|
+
position: absolute;
|
|
9393
|
+
top: 0;
|
|
9394
|
+
left: 0;
|
|
9395
|
+
right: 0;
|
|
9396
|
+
bottom: 0;
|
|
9397
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9398
|
+
transform: translateX(-100%);
|
|
9399
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9400
|
+
pointer-events: none;
|
|
9401
|
+
}
|
|
9402
|
+
._11i3G {
|
|
9403
|
+
position: relative;
|
|
9404
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9405
|
+
animation: _11i3G 1.5s ease-in-out infinite;
|
|
9406
|
+
}
|
|
9407
|
+
._1Eh3y {
|
|
9408
|
+
pointer-events: none;
|
|
9409
|
+
}
|
|
9410
|
+
._2JLmU {
|
|
9411
|
+
background: transparent;
|
|
9412
|
+
cursor: default;
|
|
9413
|
+
}
|
|
9414
|
+
._2JLmU:hover {
|
|
9415
|
+
background: transparent;
|
|
9416
|
+
}
|
|
9417
|
+
._3Sf-F {
|
|
9418
|
+
width: 40px;
|
|
9419
|
+
height: 16px;
|
|
9420
|
+
position: relative;
|
|
9421
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9422
|
+
overflow: hidden;
|
|
9423
|
+
border-radius: 4px;
|
|
9424
|
+
}
|
|
9425
|
+
._3Sf-F::after {
|
|
9426
|
+
content: '';
|
|
9427
|
+
position: absolute;
|
|
9428
|
+
top: 0;
|
|
9429
|
+
left: 0;
|
|
9430
|
+
right: 0;
|
|
9431
|
+
bottom: 0;
|
|
9432
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9433
|
+
transform: translateX(-100%);
|
|
9434
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9435
|
+
pointer-events: none;
|
|
9436
|
+
}
|
|
9437
|
+
._17k_P {
|
|
9438
|
+
width: 50px;
|
|
9439
|
+
height: 14px;
|
|
9440
|
+
position: relative;
|
|
9441
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9442
|
+
overflow: hidden;
|
|
9443
|
+
border-radius: 4px;
|
|
9444
|
+
}
|
|
9445
|
+
._17k_P::after {
|
|
9446
|
+
content: '';
|
|
9447
|
+
position: absolute;
|
|
9448
|
+
top: 0;
|
|
9449
|
+
left: 0;
|
|
9450
|
+
right: 0;
|
|
9451
|
+
bottom: 0;
|
|
9452
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9453
|
+
transform: translateX(-100%);
|
|
9454
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9455
|
+
pointer-events: none;
|
|
9456
|
+
}
|
|
9457
|
+
._1AhML {
|
|
9458
|
+
width: 24px;
|
|
9459
|
+
height: 24px;
|
|
9460
|
+
position: relative;
|
|
9461
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9462
|
+
overflow: hidden;
|
|
9463
|
+
border-radius: 4px;
|
|
9464
|
+
border-radius: 11px;
|
|
9465
|
+
border: none;
|
|
9466
|
+
}
|
|
9467
|
+
._1AhML::after {
|
|
9468
|
+
content: '';
|
|
9469
|
+
position: absolute;
|
|
9470
|
+
top: 0;
|
|
9471
|
+
left: 0;
|
|
9472
|
+
right: 0;
|
|
9473
|
+
bottom: 0;
|
|
9474
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9475
|
+
transform: translateX(-100%);
|
|
9476
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9477
|
+
pointer-events: none;
|
|
9478
|
+
}
|
|
9479
|
+
._1HTvQ {
|
|
9480
|
+
width: 40px;
|
|
9481
|
+
height: 14px;
|
|
9482
|
+
position: relative;
|
|
9483
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9484
|
+
overflow: hidden;
|
|
9485
|
+
border-radius: 4px;
|
|
9486
|
+
margin-left: 4px;
|
|
9487
|
+
}
|
|
9488
|
+
._1HTvQ::after {
|
|
9489
|
+
content: '';
|
|
9490
|
+
position: absolute;
|
|
9491
|
+
top: 0;
|
|
9492
|
+
left: 0;
|
|
9493
|
+
right: 0;
|
|
9494
|
+
bottom: 0;
|
|
9495
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9496
|
+
transform: translateX(-100%);
|
|
9497
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9498
|
+
pointer-events: none;
|
|
9499
|
+
}
|
|
9500
|
+
._uWvBy {
|
|
9501
|
+
color: var(--skeleton-dot, rgba(0, 0, 0, 0.15)) !important;
|
|
9502
|
+
animation: _11i3G 1.5s ease-in-out infinite;
|
|
9503
|
+
}
|
|
9504
|
+
._2VOfa {
|
|
9505
|
+
width: 36px;
|
|
9506
|
+
height: 36px;
|
|
9507
|
+
position: relative;
|
|
9508
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9509
|
+
overflow: hidden;
|
|
9510
|
+
border-radius: 4px;
|
|
9511
|
+
border-radius: 50%;
|
|
9512
|
+
}
|
|
9513
|
+
._2VOfa::after {
|
|
9514
|
+
content: '';
|
|
9515
|
+
position: absolute;
|
|
9516
|
+
top: 0;
|
|
9517
|
+
left: 0;
|
|
9518
|
+
right: 0;
|
|
9519
|
+
bottom: 0;
|
|
9520
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9521
|
+
transform: translateX(-100%);
|
|
9522
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9523
|
+
pointer-events: none;
|
|
9524
|
+
}
|
|
9525
|
+
._iIEl1 {
|
|
9526
|
+
width: 100%;
|
|
9527
|
+
height: 14px;
|
|
9528
|
+
position: relative;
|
|
9529
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9530
|
+
overflow: hidden;
|
|
9531
|
+
border-radius: 4px;
|
|
9532
|
+
margin-bottom: 4px;
|
|
9533
|
+
}
|
|
9534
|
+
._iIEl1::after {
|
|
9535
|
+
content: '';
|
|
9536
|
+
position: absolute;
|
|
9537
|
+
top: 0;
|
|
9538
|
+
left: 0;
|
|
9539
|
+
right: 0;
|
|
9540
|
+
bottom: 0;
|
|
9541
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9542
|
+
transform: translateX(-100%);
|
|
9543
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9544
|
+
pointer-events: none;
|
|
9545
|
+
}
|
|
9546
|
+
._2T9Af {
|
|
9547
|
+
width: 70%;
|
|
9548
|
+
height: 12px;
|
|
9549
|
+
position: relative;
|
|
9550
|
+
background-color: var(--skeleton-bg, rgba(0, 0, 0, 0.06));
|
|
9551
|
+
overflow: hidden;
|
|
9552
|
+
border-radius: 4px;
|
|
9553
|
+
}
|
|
9554
|
+
._2T9Af::after {
|
|
9555
|
+
content: '';
|
|
9556
|
+
position: absolute;
|
|
9557
|
+
top: 0;
|
|
9558
|
+
left: 0;
|
|
9559
|
+
right: 0;
|
|
9560
|
+
bottom: 0;
|
|
9561
|
+
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3) 50%, transparent);
|
|
9562
|
+
transform: translateX(-100%);
|
|
9563
|
+
animation: _1XD3u 1.8s ease-in-out infinite;
|
|
9564
|
+
pointer-events: none;
|
|
9565
|
+
}
|
|
9566
|
+
._3rF81 {
|
|
9567
|
+
color: var(--skeleton-arrow, rgba(0, 0, 0, 0.15)) !important;
|
|
9568
|
+
animation: _11i3G 1.5s ease-in-out infinite;
|
|
9569
|
+
font-size: 20px;
|
|
9570
|
+
line-height: 1;
|
|
9571
|
+
}
|
|
9572
|
+
._CjN0D {
|
|
9573
|
+
animation: _3KYmW 0.2s ease-out;
|
|
9574
|
+
}
|
|
9575
|
+
._2J_wm {
|
|
9576
|
+
animation: _3KYmW 0.3s ease-out;
|
|
9577
|
+
}
|
|
9578
|
+
._3N2L4 {
|
|
9579
|
+
animation: _3N2L4 0.2s ease-out forwards;
|
|
9580
|
+
}
|
|
9581
|
+
._3KYmW {
|
|
9582
|
+
animation: _3KYmW 0.3s ease-out forwards;
|
|
9583
|
+
}
|
|
9584
|
+
._2GaPy {
|
|
9585
|
+
position: relative;
|
|
9586
|
+
}
|
|
9587
|
+
._3AZcy {
|
|
9588
|
+
position: absolute;
|
|
9589
|
+
top: -20px;
|
|
9590
|
+
left: 0;
|
|
9591
|
+
right: 0;
|
|
9592
|
+
height: 2px;
|
|
9593
|
+
background: rgba(5, 142, 252, 0.1);
|
|
9594
|
+
overflow: hidden;
|
|
9595
|
+
border-radius: 1px;
|
|
9596
|
+
}
|
|
9597
|
+
._C1YFx {
|
|
9598
|
+
height: 100%;
|
|
9599
|
+
background: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9600
|
+
width: 0%;
|
|
9601
|
+
transition: width 0.1s linear;
|
|
9602
|
+
animation: _1A_0l 1s ease-in-out infinite;
|
|
9603
|
+
}
|
|
9604
|
+
@keyframes _1A_0l {
|
|
9605
|
+
0% {
|
|
9606
|
+
opacity: 0.6;
|
|
9607
|
+
}
|
|
9608
|
+
50% {
|
|
9609
|
+
opacity: 1;
|
|
9610
|
+
}
|
|
9611
|
+
100% {
|
|
9612
|
+
opacity: 0.6;
|
|
9613
|
+
}
|
|
9614
|
+
}
|
|
9615
|
+
._1beiT {
|
|
9616
|
+
position: absolute;
|
|
9617
|
+
top: -40px;
|
|
9618
|
+
right: 0;
|
|
9619
|
+
font-size: 12px;
|
|
9620
|
+
color: var(--form-placeholder-disabled, #999);
|
|
9621
|
+
background: var(--layout-secondary-bgr, #fff);
|
|
9622
|
+
padding: 4px 8px;
|
|
9623
|
+
border-radius: 4px;
|
|
9624
|
+
border: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
|
|
9625
|
+
z-index: 10;
|
|
9626
|
+
}
|
|
9332
9627
|
._3p51p {
|
|
9333
9628
|
display: flex;
|
|
9334
9629
|
gap: 0;
|
|
@@ -9369,7 +9664,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9369
9664
|
background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
|
|
9370
9665
|
}
|
|
9371
9666
|
._1ReXH ._1r7Ng {
|
|
9372
|
-
color: var(--hint-error, #ff525b);
|
|
9667
|
+
color: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9373
9668
|
}
|
|
9374
9669
|
._3lcLW {
|
|
9375
9670
|
display: flex;
|
|
@@ -9403,7 +9698,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9403
9698
|
min-width: 22px;
|
|
9404
9699
|
height: 22px;
|
|
9405
9700
|
padding: 0 6px;
|
|
9406
|
-
background: var(--layout-accent, #058efc);
|
|
9701
|
+
background: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9407
9702
|
color: white;
|
|
9408
9703
|
border-radius: 11px;
|
|
9409
9704
|
font-weight: 600;
|
|
@@ -9415,7 +9710,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9415
9710
|
opacity: 0.5;
|
|
9416
9711
|
}
|
|
9417
9712
|
._3HMTt {
|
|
9418
|
-
background: var(--hint-error, #ff525b);
|
|
9713
|
+
background: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9419
9714
|
}
|
|
9420
9715
|
._1crO6 {
|
|
9421
9716
|
font-size: 12px;
|
|
@@ -9455,7 +9750,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9455
9750
|
user-select: none;
|
|
9456
9751
|
}
|
|
9457
9752
|
._87MAN:hover {
|
|
9458
|
-
border-color: var(--layout-accent, #058efc);
|
|
9753
|
+
border-color: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9459
9754
|
box-shadow: 0 2px 8px rgba(5, 142, 252, 0.15);
|
|
9460
9755
|
transform: translateY(-1px);
|
|
9461
9756
|
}
|
|
@@ -9463,18 +9758,18 @@ div._x81-m._xmAnF h2 {
|
|
|
9463
9758
|
cursor: grabbing;
|
|
9464
9759
|
}
|
|
9465
9760
|
._2iAUQ {
|
|
9466
|
-
border-color: var(--hint-error, #ff525b);
|
|
9761
|
+
border-color: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9467
9762
|
}
|
|
9468
9763
|
._2iAUQ:hover {
|
|
9469
|
-
border-color: var(--hint-error, #ff525b);
|
|
9764
|
+
border-color: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9470
9765
|
box-shadow: 0 2px 8px rgba(255, 82, 91, 0.2);
|
|
9471
9766
|
}
|
|
9472
9767
|
._2iAUQ ._1DWib {
|
|
9473
9768
|
background: rgba(255, 82, 91, 0.1);
|
|
9474
|
-
color: var(--hint-error, #ff525b);
|
|
9769
|
+
color: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9475
9770
|
}
|
|
9476
9771
|
._2iAUQ ._35zym {
|
|
9477
|
-
color: var(--hint-error, #ff525b);
|
|
9772
|
+
color: var(--custom-danger-color, var(--hint-error, #ff525b));
|
|
9478
9773
|
}
|
|
9479
9774
|
._2MxuX {
|
|
9480
9775
|
opacity: 0.6;
|
|
@@ -9492,17 +9787,17 @@ div._x81-m._xmAnF h2 {
|
|
|
9492
9787
|
line-height: 1;
|
|
9493
9788
|
}
|
|
9494
9789
|
._2rctI {
|
|
9495
|
-
color: var(--layout-accent, #058efc) !important;
|
|
9790
|
+
color: var(--custom-primary-color, var(--layout-accent, #058efc)) !important;
|
|
9496
9791
|
}
|
|
9497
9792
|
._2K_cd {
|
|
9498
|
-
color: var(--hint-error, #ff525b) !important;
|
|
9793
|
+
color: var(--custom-danger-color, var(--hint-error, #ff525b)) !important;
|
|
9499
9794
|
}
|
|
9500
9795
|
._38bqC {
|
|
9501
9796
|
color: var(--form-placeholder-disabled, #999) !important;
|
|
9502
9797
|
opacity: 0.5;
|
|
9503
9798
|
}
|
|
9504
9799
|
._1U-yM {
|
|
9505
|
-
border-color: var(--layout-accent, #058efc);
|
|
9800
|
+
border-color: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9506
9801
|
box-shadow: 0 8px 24px rgba(5, 142, 252, 0.25);
|
|
9507
9802
|
transform: rotate(2deg) scale(1.02);
|
|
9508
9803
|
opacity: 0.9;
|
|
@@ -9513,7 +9808,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9513
9808
|
height: 36px;
|
|
9514
9809
|
border-radius: 50%;
|
|
9515
9810
|
background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
|
|
9516
|
-
color: var(--layout-accent, #058efc);
|
|
9811
|
+
color: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9517
9812
|
display: flex;
|
|
9518
9813
|
align-items: center;
|
|
9519
9814
|
justify-content: center;
|
|
@@ -9553,7 +9848,7 @@ div._x81-m._xmAnF h2 {
|
|
|
9553
9848
|
}
|
|
9554
9849
|
._35zym {
|
|
9555
9850
|
flex-shrink: 0;
|
|
9556
|
-
color: var(--layout-accent, #058efc);
|
|
9851
|
+
color: var(--custom-primary-color, var(--layout-accent, #058efc));
|
|
9557
9852
|
font-size: 20px;
|
|
9558
9853
|
line-height: 1;
|
|
9559
9854
|
opacity: 0.4;
|