@adaptabletools/adaptable-vue3-aggrid 23.0.0-canary.5 → 23.0.0-canary.7

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 (2) hide show
  1. package/index.css +756 -257
  2. package/package.json +2 -2
package/index.css CHANGED
@@ -1,6 +1,6 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
- @layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
3
+ @layer adaptable.reset, adaptable.components, adaptable.utilities, adaptable.theming;
4
4
  @property --tw-animation-delay {
5
5
  syntax: "*";
6
6
  inherits: false;
@@ -102,12 +102,16 @@
102
102
  --twa-text-base--line-height: calc(1.5 / 1);
103
103
  --twa-text-lg: 1.125rem;
104
104
  --twa-text-lg--line-height: calc(1.75 / 1.125);
105
+ --twa-text-3xl: 1.875rem;
106
+ --twa-text-3xl--line-height: calc(2.25 / 1.875);
105
107
  --twa-font-weight-normal: 400;
106
108
  --twa-font-weight-medium: 500;
107
109
  --twa-font-weight-semibold: 600;
108
110
  --twa-font-weight-bold: 700;
111
+ --twa-tracking-wide: 0.025em;
109
112
  --twa-tracking-widest: 0.1em;
110
113
  --twa-leading-tight: 1.25;
114
+ --twa-leading-snug: 1.375;
111
115
  --twa-leading-normal: 1.5;
112
116
  --twa-leading-relaxed: 1.625;
113
117
  --twa-radius-sm: 0.25rem;
@@ -285,31 +289,37 @@
285
289
  position: relative;
286
290
  }
287
291
  .twa\:inset-0 {
288
- inset: calc(var(--ab-base-space) * 0);
292
+ inset: 0;
289
293
  }
290
294
  .twa\:inset-x-0 {
291
- inset-inline: calc(var(--ab-base-space) * 0);
295
+ inset-inline: 0;
292
296
  }
293
297
  .twa\:top-0 {
294
- top: calc(var(--ab-base-space) * 0);
298
+ top: 0;
295
299
  }
296
300
  .twa\:top-1\/2 {
297
301
  top: calc(1 / 2 * 100%);
298
302
  }
303
+ .twa\:top-2\.5 {
304
+ top: calc(var(--ab-base-space) * 2.5);
305
+ }
299
306
  .twa\:top-\[6px\] {
300
307
  top: 6px;
301
308
  }
302
309
  .twa\:right-2 {
303
310
  right: calc(var(--ab-base-space) * 2);
304
311
  }
312
+ .twa\:right-2\.5 {
313
+ right: calc(var(--ab-base-space) * 2.5);
314
+ }
305
315
  .twa\:right-\[6px\] {
306
316
  right: 6px;
307
317
  }
308
318
  .twa\:bottom-0 {
309
- bottom: calc(var(--ab-base-space) * 0);
319
+ bottom: 0;
310
320
  }
311
321
  .twa\:left-0 {
312
- left: calc(var(--ab-base-space) * 0);
322
+ left: 0;
313
323
  }
314
324
  .twa\:isolate {
315
325
  isolation: isolate;
@@ -341,8 +351,8 @@
341
351
  .twa\:col-span-2 {
342
352
  grid-column: span 2 / span 2;
343
353
  }
344
- .twa\:col-start-1 {
345
- grid-column-start: 1;
354
+ .twa\:col-span-3 {
355
+ grid-column: span 3 / span 3;
346
356
  }
347
357
  .twa\:col-start-2 {
348
358
  grid-column-start: 2;
@@ -350,29 +360,32 @@
350
360
  .twa\:col-start-3 {
351
361
  grid-column-start: 3;
352
362
  }
363
+ .twa\:col-start-4 {
364
+ grid-column-start: 4;
365
+ }
353
366
  .twa\:row-start-1 {
354
367
  grid-row-start: 1;
355
368
  }
356
369
  .twa\:row-start-2 {
357
370
  grid-row-start: 2;
358
371
  }
372
+ .twa\:row-start-3 {
373
+ grid-row-start: 3;
374
+ }
359
375
  .twa\:row-start-4 {
360
376
  grid-row-start: 4;
361
377
  }
362
378
  .twa\:row-start-5 {
363
379
  grid-row-start: 5;
364
380
  }
365
- .twa\:row-start-6 {
366
- grid-row-start: 6;
367
- }
368
381
  .twa\:float-left {
369
382
  float: left;
370
383
  }
371
384
  .twa\:m-0 {
372
- margin: calc(var(--ab-base-space) * 0);
385
+ margin: 0;
373
386
  }
374
387
  .twa\:m-1 {
375
- margin: calc(var(--ab-base-space) * 1);
388
+ margin: var(--ab-base-space);
376
389
  }
377
390
  .twa\:m-2 {
378
391
  margin: calc(var(--ab-base-space) * 2);
@@ -396,7 +409,10 @@
396
409
  margin-inline: calc(var(--ab-base-space) * 0.5);
397
410
  }
398
411
  .twa\:mx-1 {
399
- margin-inline: calc(var(--ab-base-space) * 1);
412
+ margin-inline: var(--ab-base-space);
413
+ }
414
+ .twa\:mx-1\.5 {
415
+ margin-inline: calc(var(--ab-base-space) * 1.5);
400
416
  }
401
417
  .twa\:mx-2 {
402
418
  margin-inline: calc(var(--ab-base-space) * 2);
@@ -411,13 +427,16 @@
411
427
  margin-inline: px;
412
428
  }
413
429
  .twa\:my-0 {
414
- margin-block: calc(var(--ab-base-space) * 0);
430
+ margin-block: 0;
431
+ }
432
+ .twa\:my-0\! {
433
+ margin-block: 0 !important;
415
434
  }
416
435
  .twa\:my-0\.5 {
417
436
  margin-block: calc(var(--ab-base-space) * 0.5);
418
437
  }
419
438
  .twa\:my-1 {
420
- margin-block: calc(var(--ab-base-space) * 1);
439
+ margin-block: var(--ab-base-space);
421
440
  }
422
441
  .twa\:my-2 {
423
442
  margin-block: calc(var(--ab-base-space) * 2);
@@ -428,11 +447,20 @@
428
447
  .twa\:my-\[2px\] {
429
448
  margin-block: 2px;
430
449
  }
450
+ .twa\:\!mt-0 {
451
+ margin-top: 0 !important;
452
+ }
431
453
  .twa\:mt-0 {
432
- margin-top: calc(var(--ab-base-space) * 0);
454
+ margin-top: 0;
455
+ }
456
+ .twa\:mt-0\.5 {
457
+ margin-top: calc(var(--ab-base-space) * 0.5);
433
458
  }
434
459
  .twa\:mt-1 {
435
- margin-top: calc(var(--ab-base-space) * 1);
460
+ margin-top: var(--ab-base-space);
461
+ }
462
+ .twa\:mt-1\.5 {
463
+ margin-top: calc(var(--ab-base-space) * 1.5);
436
464
  }
437
465
  .twa\:mt-2 {
438
466
  margin-top: calc(var(--ab-base-space) * 2);
@@ -443,9 +471,6 @@
443
471
  .twa\:mt-4 {
444
472
  margin-top: calc(var(--ab-base-space) * 4);
445
473
  }
446
- .twa\:mt-5 {
447
- margin-top: calc(var(--ab-base-space) * 5);
448
- }
449
474
  .twa\:mt-\[2px\] {
450
475
  margin-top: 2px;
451
476
  }
@@ -453,13 +478,13 @@
453
478
  margin-right: calc(var(--ab-base-space) * -1);
454
479
  }
455
480
  .twa\:mr-0 {
456
- margin-right: calc(var(--ab-base-space) * 0);
481
+ margin-right: 0;
457
482
  }
458
483
  .twa\:mr-0\.5 {
459
484
  margin-right: calc(var(--ab-base-space) * 0.5);
460
485
  }
461
486
  .twa\:mr-1 {
462
- margin-right: calc(var(--ab-base-space) * 1);
487
+ margin-right: var(--ab-base-space);
463
488
  }
464
489
  .twa\:mr-2 {
465
490
  margin-right: calc(var(--ab-base-space) * 2);
@@ -467,6 +492,9 @@
467
492
  .twa\:mr-3 {
468
493
  margin-right: calc(var(--ab-base-space) * 3);
469
494
  }
495
+ .twa\:mr-5 {
496
+ margin-right: calc(var(--ab-base-space) * 5);
497
+ }
470
498
  .twa\:mr-6 {
471
499
  margin-right: calc(var(--ab-base-space) * 6);
472
500
  }
@@ -474,10 +502,13 @@
474
502
  margin-right: 2px;
475
503
  }
476
504
  .twa\:mb-0 {
477
- margin-bottom: calc(var(--ab-base-space) * 0);
505
+ margin-bottom: 0;
506
+ }
507
+ .twa\:mb-0\.5 {
508
+ margin-bottom: calc(var(--ab-base-space) * 0.5);
478
509
  }
479
510
  .twa\:mb-1 {
480
- margin-bottom: calc(var(--ab-base-space) * 1);
511
+ margin-bottom: var(--ab-base-space);
481
512
  }
482
513
  .twa\:mb-2 {
483
514
  margin-bottom: calc(var(--ab-base-space) * 2);
@@ -488,17 +519,23 @@
488
519
  .twa\:mb-4 {
489
520
  margin-bottom: calc(var(--ab-base-space) * 4);
490
521
  }
522
+ .twa\:-ml-0\.5 {
523
+ margin-left: calc(var(--ab-base-space) * -0.5);
524
+ }
491
525
  .twa\:-ml-1 {
492
526
  margin-left: calc(var(--ab-base-space) * -1);
493
527
  }
528
+ .twa\:-ml-px {
529
+ margin-left: -1px;
530
+ }
494
531
  .twa\:ml-0 {
495
- margin-left: calc(var(--ab-base-space) * 0);
532
+ margin-left: 0;
496
533
  }
497
534
  .twa\:ml-0\.5 {
498
535
  margin-left: calc(var(--ab-base-space) * 0.5);
499
536
  }
500
537
  .twa\:ml-1 {
501
- margin-left: calc(var(--ab-base-space) * 1);
538
+ margin-left: var(--ab-base-space);
502
539
  }
503
540
  .twa\:ml-2 {
504
541
  margin-left: calc(var(--ab-base-space) * 2);
@@ -518,9 +555,6 @@
518
555
  .twa\:ml-\[2px\] {
519
556
  margin-left: 2px;
520
557
  }
521
- .twa\:ml-\[52px\] {
522
- margin-left: 52px;
523
- }
524
558
  .twa\:ml-auto {
525
559
  margin-left: auto;
526
560
  }
@@ -562,8 +596,12 @@
562
596
  height: var(--cell-size);
563
597
  }
564
598
  .twa\:size-0 {
565
- width: calc(var(--ab-base-space) * 0);
566
- height: calc(var(--ab-base-space) * 0);
599
+ width: 0;
600
+ height: 0;
601
+ }
602
+ .twa\:size-1\.5 {
603
+ width: calc(var(--ab-base-space) * 1.5);
604
+ height: calc(var(--ab-base-space) * 1.5);
567
605
  }
568
606
  .twa\:size-2\.5 {
569
607
  width: calc(var(--ab-base-space) * 2.5);
@@ -577,10 +615,6 @@
577
615
  width: calc(var(--ab-base-space) * 4);
578
616
  height: calc(var(--ab-base-space) * 4);
579
617
  }
580
- .twa\:size-5 {
581
- width: calc(var(--ab-base-space) * 5);
582
- height: calc(var(--ab-base-space) * 5);
583
- }
584
618
  .twa\:size-6 {
585
619
  width: calc(var(--ab-base-space) * 6);
586
620
  height: calc(var(--ab-base-space) * 6);
@@ -605,12 +639,18 @@
605
639
  width: 100%;
606
640
  height: 100%;
607
641
  }
642
+ .twa\:\!h-9 {
643
+ height: calc(var(--ab-base-space) * 9) !important;
644
+ }
608
645
  .twa\:\!h-10 {
609
646
  height: calc(var(--ab-base-space) * 10) !important;
610
647
  }
611
648
  .twa\:h-\(--cell-size\) {
612
649
  height: var(--cell-size);
613
650
  }
651
+ .twa\:h-3 {
652
+ height: calc(var(--ab-base-space) * 3);
653
+ }
614
654
  .twa\:h-6 {
615
655
  height: calc(var(--ab-base-space) * 6);
616
656
  }
@@ -623,23 +663,32 @@
623
663
  .twa\:h-10 {
624
664
  height: calc(var(--ab-base-space) * 10);
625
665
  }
666
+ .twa\:h-16 {
667
+ height: calc(var(--ab-base-space) * 16);
668
+ }
626
669
  .twa\:h-\[0\.5px\] {
627
670
  height: 0.5px;
628
671
  }
629
672
  .twa\:h-\[1rem\] {
630
673
  height: 1rem;
631
674
  }
675
+ .twa\:h-\[6px\] {
676
+ height: 6px;
677
+ }
632
678
  .twa\:h-\[10px\] {
633
679
  height: 10px;
634
680
  }
681
+ .twa\:h-\[22px\] {
682
+ height: 22px;
683
+ }
635
684
  .twa\:h-\[33px\] {
636
685
  height: 33px;
637
686
  }
638
687
  .twa\:h-\[90vh\] {
639
688
  height: 90vh;
640
689
  }
641
- .twa\:h-\[360px\] {
642
- height: 360px;
690
+ .twa\:h-\[400px\] {
691
+ height: 400px;
643
692
  }
644
693
  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
645
694
  height: calc(calc(var(--ab-base-space) * 5.5));
@@ -674,6 +723,9 @@
674
723
  .twa\:max-h-\[300px\] {
675
724
  max-height: 300px;
676
725
  }
726
+ .twa\:max-h-\[420px\] {
727
+ max-height: 420px;
728
+ }
677
729
  .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
678
730
  max-height: min(calc(calc(var(--ab-base-space) * 72) - calc(var(--ab-base-space) * 9)), calc(var(--available-height) - calc(var(--ab-base-space) * 9)));
679
731
  }
@@ -683,8 +735,17 @@
683
735
  .twa\:max-h-full {
684
736
  max-height: 100%;
685
737
  }
738
+ .twa\:max-h-none\! {
739
+ max-height: none !important;
740
+ }
741
+ .twa\:\!min-h-0 {
742
+ min-height: 0 !important;
743
+ }
686
744
  .twa\:min-h-0 {
687
- min-height: calc(var(--ab-base-space) * 0);
745
+ min-height: 0;
746
+ }
747
+ .twa\:min-h-7 {
748
+ min-height: calc(var(--ab-base-space) * 7);
688
749
  }
689
750
  .twa\:min-h-16 {
690
751
  min-height: calc(var(--ab-base-space) * 16);
@@ -698,6 +759,9 @@
698
759
  .twa\:min-h-\[1rem\] {
699
760
  min-height: 1rem;
700
761
  }
762
+ .twa\:min-h-\[2\.5rem\] {
763
+ min-height: 2.5rem;
764
+ }
701
765
  .twa\:min-h-\[6px\] {
702
766
  min-height: 6px;
703
767
  }
@@ -719,12 +783,24 @@
719
783
  .twa\:min-h-\[100px\] {
720
784
  min-height: 100px;
721
785
  }
786
+ .twa\:min-h-\[108px\] {
787
+ min-height: 108px;
788
+ }
722
789
  .twa\:min-h-\[120px\] {
723
790
  min-height: 120px;
724
791
  }
792
+ .twa\:min-h-\[148px\] {
793
+ min-height: 148px;
794
+ }
795
+ .twa\:min-h-\[168px\] {
796
+ min-height: 168px;
797
+ }
725
798
  .twa\:min-h-\[200px\] {
726
799
  min-height: 200px;
727
800
  }
801
+ .twa\:min-h-\[240px\] {
802
+ min-height: 240px;
803
+ }
728
804
  .twa\:min-h-\[280px\] {
729
805
  min-height: 280px;
730
806
  }
@@ -743,9 +819,15 @@
743
819
  .twa\:min-h-input {
744
820
  min-height: var(--ab-input-height);
745
821
  }
822
+ .twa\:\!w-9 {
823
+ width: calc(var(--ab-base-space) * 9) !important;
824
+ }
746
825
  .twa\:\!w-10 {
747
826
  width: calc(var(--ab-base-space) * 10) !important;
748
827
  }
828
+ .twa\:\!w-\[300px\] {
829
+ width: 300px !important;
830
+ }
749
831
  .twa\:w-\(--anchor-width\) {
750
832
  width: var(--anchor-width);
751
833
  }
@@ -761,6 +843,9 @@
761
843
  .twa\:w-1\/3 {
762
844
  width: calc(1 / 3 * 100%);
763
845
  }
846
+ .twa\:w-3 {
847
+ width: calc(var(--ab-base-space) * 3);
848
+ }
764
849
  .twa\:w-8 {
765
850
  width: calc(var(--ab-base-space) * 8);
766
851
  }
@@ -788,6 +873,9 @@
788
873
  .twa\:w-\[1rem\] {
789
874
  width: 1rem;
790
875
  }
876
+ .twa\:w-\[5\.5rem\] {
877
+ width: 5.5rem;
878
+ }
791
879
  .twa\:w-\[7rem\] {
792
880
  width: 7rem;
793
881
  }
@@ -797,6 +885,9 @@
797
885
  .twa\:w-\[10rem\] {
798
886
  width: 10rem;
799
887
  }
888
+ .twa\:w-\[12rem\] {
889
+ width: 12rem;
890
+ }
800
891
  .twa\:w-\[15rem\] {
801
892
  width: 15rem;
802
893
  }
@@ -830,9 +921,6 @@
830
921
  .twa\:w-\[150px\] {
831
922
  width: 150px;
832
923
  }
833
- .twa\:w-\[180px\] {
834
- width: 180px;
835
- }
836
924
  .twa\:w-\[200px\] {
837
925
  width: 200px;
838
926
  }
@@ -872,15 +960,27 @@
872
960
  .twa\:max-w-80 {
873
961
  max-width: calc(var(--ab-base-space) * 80);
874
962
  }
963
+ .twa\:max-w-\[5\.5rem\] {
964
+ max-width: 5.5rem;
965
+ }
875
966
  .twa\:max-w-\[15rem\] {
876
967
  max-width: 15rem;
877
968
  }
969
+ .twa\:max-w-\[20rem\] {
970
+ max-width: 20rem;
971
+ }
972
+ .twa\:max-w-\[22rem\] {
973
+ max-width: 22rem;
974
+ }
878
975
  .twa\:max-w-\[60vw\] {
879
976
  max-width: 60vw;
880
977
  }
881
978
  .twa\:max-w-\[70vw\] {
882
979
  max-width: 70vw;
883
980
  }
981
+ .twa\:max-w-\[72px\] {
982
+ max-width: 72px;
983
+ }
884
984
  .twa\:max-w-\[100px\] {
885
985
  max-width: 100px;
886
986
  }
@@ -905,9 +1005,6 @@
905
1005
  .twa\:max-w-\[300px\] {
906
1006
  max-width: 300px;
907
1007
  }
908
- .twa\:max-w-\[320px\] {
909
- max-width: 320px;
910
- }
911
1008
  .twa\:max-w-\[400px\] {
912
1009
  max-width: 400px;
913
1010
  }
@@ -959,6 +1056,9 @@
959
1056
  .twa\:max-w-xs {
960
1057
  max-width: var(--twa-container-xs);
961
1058
  }
1059
+ .twa\:\!min-w-\[36px\] {
1060
+ min-width: 36px !important;
1061
+ }
962
1062
  .twa\:\!min-w-\[40px\] {
963
1063
  min-width: 40px !important;
964
1064
  }
@@ -966,7 +1066,10 @@
966
1066
  min-width: var(--cell-size);
967
1067
  }
968
1068
  .twa\:min-w-0 {
969
- min-width: calc(var(--ab-base-space) * 0);
1069
+ min-width: 0;
1070
+ }
1071
+ .twa\:min-w-7 {
1072
+ min-width: calc(var(--ab-base-space) * 7);
970
1073
  }
971
1074
  .twa\:min-w-16 {
972
1075
  min-width: calc(var(--ab-base-space) * 16);
@@ -989,6 +1092,12 @@
989
1092
  .twa\:min-w-\[1rem\] {
990
1093
  min-width: 1rem;
991
1094
  }
1095
+ .twa\:min-w-\[5\.5rem\] {
1096
+ min-width: 5.5rem;
1097
+ }
1098
+ .twa\:min-w-\[6\.5rem\] {
1099
+ min-width: 6.5rem;
1100
+ }
992
1101
  .twa\:min-w-\[10rem\] {
993
1102
  min-width: 10rem;
994
1103
  }
@@ -1013,6 +1122,9 @@
1013
1122
  .twa\:min-w-\[60px\] {
1014
1123
  min-width: 60px;
1015
1124
  }
1125
+ .twa\:min-w-\[72px\] {
1126
+ min-width: 72px;
1127
+ }
1016
1128
  .twa\:min-w-\[80px\] {
1017
1129
  min-width: 80px;
1018
1130
  }
@@ -1043,9 +1155,6 @@
1043
1155
  .twa\:min-w-\[215px\] {
1044
1156
  min-width: 215px;
1045
1157
  }
1046
- .twa\:min-w-\[220px\] {
1047
- min-width: 220px;
1048
- }
1049
1158
  .twa\:min-w-\[250px\] {
1050
1159
  min-width: 250px;
1051
1160
  }
@@ -1073,9 +1182,6 @@
1073
1182
  .twa\:flex-2 {
1074
1183
  flex: 2;
1075
1184
  }
1076
- .twa\:flex-3 {
1077
- flex: 3;
1078
- }
1079
1185
  .twa\:flex-1000 {
1080
1186
  flex: 1000;
1081
1187
  }
@@ -1103,6 +1209,9 @@
1103
1209
  .twa\:shrink-0 {
1104
1210
  flex-shrink: 0;
1105
1211
  }
1212
+ .twa\:basis-0 {
1213
+ flex-basis: 0;
1214
+ }
1106
1215
  .twa\:border-collapse {
1107
1216
  border-collapse: collapse;
1108
1217
  }
@@ -1132,6 +1241,9 @@
1132
1241
  .twa\:cursor-grab {
1133
1242
  cursor: grab;
1134
1243
  }
1244
+ .twa\:cursor-not-allowed {
1245
+ cursor: not-allowed;
1246
+ }
1135
1247
  .twa\:cursor-pointer {
1136
1248
  cursor: pointer;
1137
1249
  }
@@ -1145,13 +1257,13 @@
1145
1257
  resize: vertical;
1146
1258
  }
1147
1259
  .twa\:scroll-my-1 {
1148
- scroll-margin-block: calc(var(--ab-base-space) * 1);
1260
+ scroll-margin-block: var(--ab-base-space);
1149
1261
  }
1150
1262
  .twa\:scroll-p-2 {
1151
1263
  scroll-padding: calc(var(--ab-base-space) * 2);
1152
1264
  }
1153
1265
  .twa\:scroll-py-1 {
1154
- scroll-padding-block: calc(var(--ab-base-space) * 1);
1266
+ scroll-padding-block: var(--ab-base-space);
1155
1267
  }
1156
1268
  .twa\:list-none {
1157
1269
  list-style-type: none;
@@ -1162,23 +1274,26 @@
1162
1274
  .twa\:grid-cols-3 {
1163
1275
  grid-template-columns: repeat(3, minmax(0, 1fr));
1164
1276
  }
1165
- .twa\:grid-cols-\[1fr\] {
1166
- grid-template-columns: 1fr;
1167
- }
1168
1277
  .twa\:grid-cols-\[1fr_1fr\] {
1169
1278
  grid-template-columns: 1fr 1fr;
1170
1279
  }
1280
+ .twa\:grid-cols-\[4\.5rem_1fr\] {
1281
+ grid-template-columns: 4.5rem 1fr;
1282
+ }
1171
1283
  .twa\:grid-cols-\[auto_1fr\] {
1172
1284
  grid-template-columns: auto 1fr;
1173
1285
  }
1174
1286
  .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
1175
1287
  grid-template-columns: auto 1fr auto 1fr;
1176
1288
  }
1289
+ .twa\:grid-cols-\[max-content_1fr_max-content_1fr\] {
1290
+ grid-template-columns: max-content 1fr max-content 1fr;
1291
+ }
1177
1292
  .twa\:grid-cols-\[minmax\(160px\,14rem\)_minmax\(0\,1fr\)\] {
1178
1293
  grid-template-columns: minmax(160px,14rem) minmax(0,1fr);
1179
1294
  }
1180
- .twa\:grid-rows-\[1fr\] {
1181
- grid-template-rows: 1fr;
1295
+ .twa\:grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
1296
+ grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));
1182
1297
  }
1183
1298
  .twa\:grid-rows-\[1fr_1fr\] {
1184
1299
  grid-template-rows: 1fr 1fr;
@@ -1198,9 +1313,6 @@
1198
1313
  .twa\:flex-wrap-reverse {
1199
1314
  flex-wrap: wrap-reverse;
1200
1315
  }
1201
- .twa\:place-content-center {
1202
- place-content: center;
1203
- }
1204
1316
  .twa\:place-items-center {
1205
1317
  place-items: center;
1206
1318
  }
@@ -1241,13 +1353,13 @@
1241
1353
  justify-content: stretch;
1242
1354
  }
1243
1355
  .twa\:gap-0 {
1244
- gap: calc(var(--ab-base-space) * 0);
1356
+ gap: 0;
1245
1357
  }
1246
1358
  .twa\:gap-0\.5 {
1247
1359
  gap: calc(var(--ab-base-space) * 0.5);
1248
1360
  }
1249
1361
  .twa\:gap-1 {
1250
- gap: calc(var(--ab-base-space) * 1);
1362
+ gap: var(--ab-base-space);
1251
1363
  }
1252
1364
  .twa\:gap-1\.5 {
1253
1365
  gap: calc(var(--ab-base-space) * 1.5);
@@ -1270,12 +1382,27 @@
1270
1382
  .twa\:gap-8 {
1271
1383
  gap: calc(var(--ab-base-space) * 8);
1272
1384
  }
1385
+ .twa\:gap-x-1\.5 {
1386
+ column-gap: calc(var(--ab-base-space) * 1.5);
1387
+ }
1388
+ .twa\:gap-x-2 {
1389
+ column-gap: calc(var(--ab-base-space) * 2);
1390
+ }
1273
1391
  .twa\:gap-x-4 {
1274
1392
  column-gap: calc(var(--ab-base-space) * 4);
1275
1393
  }
1394
+ .twa\:gap-y-0\.5 {
1395
+ row-gap: calc(var(--ab-base-space) * 0.5);
1396
+ }
1397
+ .twa\:gap-y-1 {
1398
+ row-gap: var(--ab-base-space);
1399
+ }
1276
1400
  .twa\:gap-y-2 {
1277
1401
  row-gap: calc(var(--ab-base-space) * 2);
1278
1402
  }
1403
+ .twa\:gap-y-3 {
1404
+ row-gap: calc(var(--ab-base-space) * 3);
1405
+ }
1279
1406
  .twa\:self-center {
1280
1407
  align-self: center;
1281
1408
  }
@@ -1305,6 +1432,9 @@
1305
1432
  .twa\:overflow-y-auto {
1306
1433
  overflow-y: auto;
1307
1434
  }
1435
+ .twa\:overflow-y-hidden {
1436
+ overflow-y: hidden;
1437
+ }
1308
1438
  .twa\:overflow-y-visible {
1309
1439
  overflow-y: visible;
1310
1440
  }
@@ -1354,6 +1484,10 @@
1354
1484
  .twa\:rounded-tl-standard {
1355
1485
  border-top-left-radius: var(--ab-border-radius);
1356
1486
  }
1487
+ .twa\:rounded-r-none\! {
1488
+ border-top-right-radius: 0 !important;
1489
+ border-bottom-right-radius: 0 !important;
1490
+ }
1357
1491
  .twa\:rounded-r-standard {
1358
1492
  border-top-right-radius: var(--ab-border-radius);
1359
1493
  border-bottom-right-radius: var(--ab-border-radius);
@@ -1399,6 +1533,17 @@
1399
1533
  --tw-border-style: none;
1400
1534
  border-style: none;
1401
1535
  }
1536
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1537
+ border-color: var(--ab-color-primarydark) !important;
1538
+ }
1539
+ @supports (color: color-mix(in lab, red, red)) {
1540
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1541
+ border-color: color-mix(in srgb,var(--ab-color-primarydark) 40%,transparent) !important;
1542
+ }
1543
+ }
1544
+ .twa\:\!border-\[var\(--ab-cmp-wizard-selection__border\)\] {
1545
+ border-color: var(--ab-cmp-wizard-selection__border) !important;
1546
+ }
1402
1547
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
1403
1548
  border-color: var(--ab-color-foreground);
1404
1549
  }
@@ -1415,9 +1560,45 @@
1415
1560
  border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
1416
1561
  }
1417
1562
  }
1563
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1564
+ border-color: var(--ab-color-foreground);
1565
+ }
1566
+ @supports (color: color-mix(in lab, red, red)) {
1567
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1568
+ border-color: color-mix(in srgb,var(--ab-color-foreground) 20%,transparent);
1569
+ }
1570
+ }
1571
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border\)\] {
1572
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border);
1573
+ }
1574
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border-popup\)\] {
1575
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup);
1576
+ }
1577
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__expanded-border\)\] {
1578
+ border-color: var(--ab-cmp-collapsible-wizard-card__expanded-border);
1579
+ }
1580
+ .twa\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1581
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1582
+ }
1418
1583
  .twa\:border-border {
1419
1584
  border-color: var(--ab-color-border);
1420
1585
  }
1586
+ .twa\:border-border\/60 {
1587
+ border-color: var(--ab-color-border);
1588
+ }
1589
+ @supports (color: color-mix(in lab, red, red)) {
1590
+ .twa\:border-border\/60 {
1591
+ border-color: color-mix(in oklab, var(--ab-color-border) 60%, transparent);
1592
+ }
1593
+ }
1594
+ .twa\:border-foreground\/10 {
1595
+ border-color: var(--ab-color-foreground);
1596
+ }
1597
+ @supports (color: color-mix(in lab, red, red)) {
1598
+ .twa\:border-foreground\/10 {
1599
+ border-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
1600
+ }
1601
+ }
1421
1602
  .twa\:border-foreground\/15 {
1422
1603
  border-color: var(--ab-color-foreground);
1423
1604
  }
@@ -1440,6 +1621,22 @@
1440
1621
  border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
1441
1622
  }
1442
1623
  }
1624
+ .twa\:border-primarydark\/32 {
1625
+ border-color: var(--ab-color-primarydark);
1626
+ }
1627
+ @supports (color: color-mix(in lab, red, red)) {
1628
+ .twa\:border-primarydark\/32 {
1629
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 32%, transparent);
1630
+ }
1631
+ }
1632
+ .twa\:border-primarydark\/35 {
1633
+ border-color: var(--ab-color-primarydark);
1634
+ }
1635
+ @supports (color: color-mix(in lab, red, red)) {
1636
+ .twa\:border-primarydark\/35 {
1637
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 35%, transparent);
1638
+ }
1639
+ }
1443
1640
  .twa\:border-primarylight {
1444
1641
  border-color: var(--ab-color-primarylight);
1445
1642
  }
@@ -1460,6 +1657,9 @@
1460
1657
  border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
1461
1658
  }
1462
1659
  }
1660
+ .twa\:\!bg-\[var\(--ab-cmp-wizard-selection__background\)\] {
1661
+ background-color: var(--ab-cmp-wizard-selection__background) !important;
1662
+ }
1463
1663
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
1464
1664
  background-color: var(--ab-cmp-input--disabled__background);
1465
1665
  }
@@ -1478,6 +1678,14 @@
1478
1678
  .twa\:bg-\(--ab-dashboard-tab-drop-target__background\) {
1479
1679
  background-color: var(--ab-dashboard-tab-drop-target__background);
1480
1680
  }
1681
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1682
+ background-color: var(--ab-color-primary);
1683
+ }
1684
+ @supports (color: color-mix(in lab, red, red)) {
1685
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1686
+ background-color: color-mix(in srgb,var(--ab-color-primary) 35%,transparent);
1687
+ }
1688
+ }
1481
1689
  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
1482
1690
  background-color: var(--ab-color-primary);
1483
1691
  }
@@ -1486,14 +1694,14 @@
1486
1694
  background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
1487
1695
  }
1488
1696
  }
1489
- .twa\:bg-\[var\(--ab-color-primary\)\] {
1490
- background-color: var(--ab-color-primary);
1697
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1698
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1491
1699
  }
1492
- .twa\:bg-\[var\(--ab-color-primarylight\)\] {
1493
- background-color: var(--ab-color-primarylight);
1700
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-indicator-inner\)\] {
1701
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-indicator-inner);
1494
1702
  }
1495
- .twa\:bg-\[var\(--ab-color-surface\)\] {
1496
- background-color: var(--ab-color-surface);
1703
+ .twa\:bg-\[var\(--ab-color-primary\)\] {
1704
+ background-color: var(--ab-color-primary);
1497
1705
  }
1498
1706
  .twa\:bg-accent {
1499
1707
  background-color: var(--ab-color-accent);
@@ -1519,9 +1727,15 @@
1519
1727
  .twa\:bg-border {
1520
1728
  background-color: var(--ab-color-border);
1521
1729
  }
1730
+ .twa\:bg-card {
1731
+ background-color: var(--ab-color-card);
1732
+ }
1522
1733
  .twa\:bg-current {
1523
1734
  background-color: currentcolor;
1524
1735
  }
1736
+ .twa\:bg-destructive {
1737
+ background-color: var(--ab-color-destructive);
1738
+ }
1525
1739
  .twa\:bg-destructive\/10 {
1526
1740
  background-color: var(--ab-color-destructive);
1527
1741
  }
@@ -1530,17 +1744,6 @@
1530
1744
  background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
1531
1745
  }
1532
1746
  }
1533
- .twa\:bg-error {
1534
- background-color: var(--ab-color-error);
1535
- }
1536
- .twa\:bg-error\/30 {
1537
- background-color: var(--ab-color-error);
1538
- }
1539
- @supports (color: color-mix(in lab, red, red)) {
1540
- .twa\:bg-error\/30 {
1541
- background-color: color-mix(in oklab, var(--ab-color-error) 30%, transparent);
1542
- }
1543
- }
1544
1747
  .twa\:bg-foreground {
1545
1748
  background-color: var(--ab-color-foreground);
1546
1749
  }
@@ -1561,6 +1764,14 @@
1561
1764
  .twa\:bg-muted {
1562
1765
  background-color: var(--ab-color-muted);
1563
1766
  }
1767
+ .twa\:bg-muted\/50 {
1768
+ background-color: var(--ab-color-muted);
1769
+ }
1770
+ @supports (color: color-mix(in lab, red, red)) {
1771
+ .twa\:bg-muted\/50 {
1772
+ background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
1773
+ }
1774
+ }
1564
1775
  .twa\:bg-popover {
1565
1776
  background-color: var(--ab-color-popover);
1566
1777
  }
@@ -1596,6 +1807,18 @@
1596
1807
  .twa\:bg-clip-padding {
1597
1808
  background-clip: padding-box;
1598
1809
  }
1810
+ .twa\:fill-action-clone-foreground {
1811
+ fill: var(--ab-color-action-clone-foreground);
1812
+ }
1813
+ .twa\:fill-action-delete-foreground {
1814
+ fill: var(--ab-color-action-delete-foreground);
1815
+ }
1816
+ .twa\:fill-action-edit-foreground {
1817
+ fill: var(--ab-color-action-edit-foreground);
1818
+ }
1819
+ .twa\:fill-action-share-foreground {
1820
+ fill: var(--ab-color-action-share-foreground);
1821
+ }
1599
1822
  .twa\:fill-current {
1600
1823
  fill: currentcolor;
1601
1824
  }
@@ -1605,53 +1828,47 @@
1605
1828
  .twa\:fill-red-500 {
1606
1829
  fill: var(--twa-color-red-500);
1607
1830
  }
1608
- .twa\:fill-text-on-clone {
1609
- fill: var(--ab-color-text-on-clone);
1610
- }
1611
- .twa\:fill-text-on-delete {
1612
- fill: var(--ab-color-text-on-delete);
1613
- }
1614
- .twa\:fill-text-on-edit {
1615
- fill: var(--ab-color-text-on-edit);
1616
- }
1617
- .twa\:fill-text-on-share {
1618
- fill: var(--ab-color-text-on-share);
1619
- }
1620
1831
  .twa\:\!p-0 {
1621
- padding: calc(var(--ab-base-space) * 0) !important;
1832
+ padding: 0 !important;
1622
1833
  }
1623
1834
  .twa\:p-0 {
1624
- padding: calc(var(--ab-base-space) * 0);
1835
+ padding: 0;
1625
1836
  }
1626
1837
  .twa\:p-0\! {
1627
- padding: calc(var(--ab-base-space) * 0) !important;
1838
+ padding: 0 !important;
1628
1839
  }
1629
1840
  .twa\:p-0\.5 {
1630
1841
  padding: calc(var(--ab-base-space) * 0.5);
1631
1842
  }
1632
1843
  .twa\:p-1 {
1633
- padding: calc(var(--ab-base-space) * 1);
1844
+ padding: var(--ab-base-space);
1634
1845
  }
1635
1846
  .twa\:p-2 {
1636
1847
  padding: calc(var(--ab-base-space) * 2);
1637
1848
  }
1849
+ .twa\:p-2\.5 {
1850
+ padding: calc(var(--ab-base-space) * 2.5);
1851
+ }
1638
1852
  .twa\:p-3 {
1639
1853
  padding: calc(var(--ab-base-space) * 3);
1640
1854
  }
1641
1855
  .twa\:p-4 {
1642
1856
  padding: calc(var(--ab-base-space) * 4);
1643
1857
  }
1644
- .twa\:p-5 {
1645
- padding: calc(var(--ab-base-space) * 5);
1858
+ .twa\:\!px-1\.5 {
1859
+ padding-inline: calc(var(--ab-base-space) * 1.5) !important;
1860
+ }
1861
+ .twa\:\!px-2 {
1862
+ padding-inline: calc(var(--ab-base-space) * 2) !important;
1646
1863
  }
1647
1864
  .twa\:px-\(--cell-size\) {
1648
1865
  padding-inline: var(--cell-size);
1649
1866
  }
1650
1867
  .twa\:px-0 {
1651
- padding-inline: calc(var(--ab-base-space) * 0);
1868
+ padding-inline: 0;
1652
1869
  }
1653
1870
  .twa\:px-1 {
1654
- padding-inline: calc(var(--ab-base-space) * 1);
1871
+ padding-inline: var(--ab-base-space);
1655
1872
  }
1656
1873
  .twa\:px-1\.5 {
1657
1874
  padding-inline: calc(var(--ab-base-space) * 1.5);
@@ -1668,14 +1885,23 @@
1668
1885
  .twa\:px-4 {
1669
1886
  padding-inline: calc(var(--ab-base-space) * 4);
1670
1887
  }
1888
+ .twa\:\!py-1 {
1889
+ padding-block: var(--ab-base-space) !important;
1890
+ }
1891
+ .twa\:\!py-1\.5 {
1892
+ padding-block: calc(var(--ab-base-space) * 1.5) !important;
1893
+ }
1894
+ .twa\:\!py-2 {
1895
+ padding-block: calc(var(--ab-base-space) * 2) !important;
1896
+ }
1671
1897
  .twa\:py-0 {
1672
- padding-block: calc(var(--ab-base-space) * 0);
1898
+ padding-block: 0;
1673
1899
  }
1674
1900
  .twa\:py-0\.5 {
1675
1901
  padding-block: calc(var(--ab-base-space) * 0.5);
1676
1902
  }
1677
1903
  .twa\:py-1 {
1678
- padding-block: calc(var(--ab-base-space) * 1);
1904
+ padding-block: var(--ab-base-space);
1679
1905
  }
1680
1906
  .twa\:py-1\.5 {
1681
1907
  padding-block: calc(var(--ab-base-space) * 1.5);
@@ -1686,18 +1912,24 @@
1686
1912
  .twa\:py-3 {
1687
1913
  padding-block: calc(var(--ab-base-space) * 3);
1688
1914
  }
1915
+ .twa\:\!pt-0 {
1916
+ padding-top: 0 !important;
1917
+ }
1689
1918
  .twa\:pt-0 {
1690
- padding-top: calc(var(--ab-base-space) * 0);
1919
+ padding-top: 0;
1691
1920
  }
1692
1921
  .twa\:pt-0\.5 {
1693
1922
  padding-top: calc(var(--ab-base-space) * 0.5);
1694
1923
  }
1695
1924
  .twa\:pt-1 {
1696
- padding-top: calc(var(--ab-base-space) * 1);
1925
+ padding-top: var(--ab-base-space);
1697
1926
  }
1698
1927
  .twa\:pt-2 {
1699
1928
  padding-top: calc(var(--ab-base-space) * 2);
1700
1929
  }
1930
+ .twa\:pt-2\.5 {
1931
+ padding-top: calc(var(--ab-base-space) * 2.5);
1932
+ }
1701
1933
  .twa\:pt-3 {
1702
1934
  padding-top: calc(var(--ab-base-space) * 3);
1703
1935
  }
@@ -1705,22 +1937,31 @@
1705
1937
  padding-top: calc(var(--ab-base-space) * 4);
1706
1938
  }
1707
1939
  .twa\:pr-0 {
1708
- padding-right: calc(var(--ab-base-space) * 0);
1940
+ padding-right: 0;
1709
1941
  }
1710
1942
  .twa\:pr-1 {
1711
- padding-right: calc(var(--ab-base-space) * 1);
1943
+ padding-right: var(--ab-base-space);
1712
1944
  }
1713
1945
  .twa\:pr-2 {
1714
1946
  padding-right: calc(var(--ab-base-space) * 2);
1715
1947
  }
1948
+ .twa\:pr-7 {
1949
+ padding-right: calc(var(--ab-base-space) * 7);
1950
+ }
1716
1951
  .twa\:pr-8 {
1717
1952
  padding-right: calc(var(--ab-base-space) * 8);
1718
1953
  }
1719
1954
  .twa\:pr-\[30px\] {
1720
1955
  padding-right: 30px;
1721
1956
  }
1957
+ .twa\:\!pb-0 {
1958
+ padding-bottom: 0 !important;
1959
+ }
1960
+ .twa\:pb-0 {
1961
+ padding-bottom: 0;
1962
+ }
1722
1963
  .twa\:pb-1 {
1723
- padding-bottom: calc(var(--ab-base-space) * 1);
1964
+ padding-bottom: var(--ab-base-space);
1724
1965
  }
1725
1966
  .twa\:pb-2 {
1726
1967
  padding-bottom: calc(var(--ab-base-space) * 2);
@@ -1729,10 +1970,10 @@
1729
1970
  padding-bottom: calc(var(--ab-base-space) * 3);
1730
1971
  }
1731
1972
  .twa\:pl-0 {
1732
- padding-left: calc(var(--ab-base-space) * 0);
1973
+ padding-left: 0;
1733
1974
  }
1734
1975
  .twa\:pl-1 {
1735
- padding-left: calc(var(--ab-base-space) * 1);
1976
+ padding-left: var(--ab-base-space);
1736
1977
  }
1737
1978
  .twa\:pl-2 {
1738
1979
  padding-left: calc(var(--ab-base-space) * 2);
@@ -1774,6 +2015,10 @@
1774
2015
  font-size: var(--ab-font-size-2);
1775
2016
  line-height: var(--twa-leading-relaxed);
1776
2017
  }
2018
+ .twa\:text-3xl {
2019
+ font-size: var(--twa-text-3xl);
2020
+ line-height: var(--tw-leading, var(--twa-text-3xl--line-height));
2021
+ }
1777
2022
  .twa\:text-base {
1778
2023
  font-size: var(--twa-text-base);
1779
2024
  line-height: var(--tw-leading, var(--twa-text-base--line-height));
@@ -1808,6 +2053,12 @@
1808
2053
  .twa\:text-\[0\.8rem\] {
1809
2054
  font-size: 0.8rem;
1810
2055
  }
2056
+ .twa\:text-\[10px\] {
2057
+ font-size: 10px;
2058
+ }
2059
+ .twa\:text-\[11px\] {
2060
+ font-size: 11px;
2061
+ }
1811
2062
  .twa\:leading-4 {
1812
2063
  --tw-leading: calc(var(--ab-base-space) * 4);
1813
2064
  line-height: calc(var(--ab-base-space) * 4);
@@ -1820,9 +2071,9 @@
1820
2071
  --tw-leading: var(--twa-leading-normal);
1821
2072
  line-height: var(--twa-leading-normal);
1822
2073
  }
1823
- .twa\:leading-relaxed {
1824
- --tw-leading: var(--twa-leading-relaxed);
1825
- line-height: var(--twa-leading-relaxed);
2074
+ .twa\:leading-snug {
2075
+ --tw-leading: var(--twa-leading-snug);
2076
+ line-height: var(--twa-leading-snug);
1826
2077
  }
1827
2078
  .twa\:leading-tight {
1828
2079
  --tw-leading: var(--twa-leading-tight);
@@ -1844,6 +2095,10 @@
1844
2095
  --tw-font-weight: var(--twa-font-weight-semibold);
1845
2096
  font-weight: var(--twa-font-weight-semibold);
1846
2097
  }
2098
+ .twa\:tracking-wide {
2099
+ --tw-tracking: var(--twa-tracking-wide);
2100
+ letter-spacing: var(--twa-tracking-wide);
2101
+ }
1847
2102
  .twa\:tracking-widest {
1848
2103
  --tw-tracking: var(--twa-tracking-widest);
1849
2104
  letter-spacing: var(--twa-tracking-widest);
@@ -1863,6 +2118,17 @@
1863
2118
  .twa\:whitespace-pre-wrap {
1864
2119
  white-space: pre-wrap;
1865
2120
  }
2121
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2122
+ color: var(--ab-color-foreground) !important;
2123
+ }
2124
+ @supports (color: color-mix(in lab, red, red)) {
2125
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2126
+ color: color-mix(in srgb,var(--ab-color-foreground) 55%,transparent) !important;
2127
+ }
2128
+ }
2129
+ .twa\:\!text-accent {
2130
+ color: var(--ab-color-accent) !important;
2131
+ }
1866
2132
  .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
1867
2133
  color: var(--ab-cmp-toggle-button--checked__color);
1868
2134
  }
@@ -1884,17 +2150,32 @@
1884
2150
  .twa\:text-accentlight {
1885
2151
  color: var(--ab-color-accentlight);
1886
2152
  }
2153
+ .twa\:text-action-clone-foreground {
2154
+ color: var(--ab-color-action-clone-foreground);
2155
+ }
2156
+ .twa\:text-action-delete-foreground {
2157
+ color: var(--ab-color-action-delete-foreground);
2158
+ }
2159
+ .twa\:text-action-edit-foreground {
2160
+ color: var(--ab-color-action-edit-foreground);
2161
+ }
2162
+ .twa\:text-action-share-foreground {
2163
+ color: var(--ab-color-action-share-foreground);
2164
+ }
1887
2165
  .twa\:text-background {
1888
2166
  color: var(--ab-color-background);
1889
2167
  }
2168
+ .twa\:text-card-foreground {
2169
+ color: var(--ab-color-card-foreground);
2170
+ }
1890
2171
  .twa\:text-current {
1891
2172
  color: currentcolor;
1892
2173
  }
1893
2174
  .twa\:text-destructive {
1894
2175
  color: var(--ab-color-destructive);
1895
2176
  }
1896
- .twa\:text-error {
1897
- color: var(--ab-color-error);
2177
+ .twa\:text-destructive-foreground {
2178
+ color: var(--ab-color-destructive-foreground);
1898
2179
  }
1899
2180
  .twa\:text-foreground {
1900
2181
  color: var(--ab-color-foreground);
@@ -1905,6 +2186,9 @@
1905
2186
  .twa\:text-info {
1906
2187
  color: var(--ab-color-info);
1907
2188
  }
2189
+ .twa\:text-info-foreground {
2190
+ color: var(--ab-color-info-foreground);
2191
+ }
1908
2192
  .twa\:text-inherit {
1909
2193
  color: inherit;
1910
2194
  }
@@ -1932,33 +2216,18 @@
1932
2216
  .twa\:text-success {
1933
2217
  color: var(--ab-color-success);
1934
2218
  }
1935
- .twa\:text-text-on-clone {
1936
- color: var(--ab-color-text-on-clone);
1937
- }
1938
- .twa\:text-text-on-delete {
1939
- color: var(--ab-color-text-on-delete);
1940
- }
1941
- .twa\:text-text-on-edit {
1942
- color: var(--ab-color-text-on-edit);
1943
- }
1944
- .twa\:text-text-on-error {
1945
- color: var(--ab-color-text-on-error);
1946
- }
1947
- .twa\:text-text-on-info {
1948
- color: var(--ab-color-text-on-info);
1949
- }
1950
- .twa\:text-text-on-share {
1951
- color: var(--ab-color-text-on-share);
1952
- }
1953
- .twa\:text-text-on-success {
1954
- color: var(--ab-color-text-on-success);
1955
- }
1956
- .twa\:text-text-on-warn {
1957
- color: var(--ab-color-text-on-warn);
2219
+ .twa\:text-success-foreground {
2220
+ color: var(--ab-color-success-foreground);
1958
2221
  }
1959
2222
  .twa\:text-warn {
1960
2223
  color: var(--ab-color-warn);
1961
2224
  }
2225
+ .twa\:text-warn-foreground {
2226
+ color: var(--ab-color-warn-foreground);
2227
+ }
2228
+ .twa\:uppercase {
2229
+ text-transform: uppercase;
2230
+ }
1962
2231
  .twa\:italic {
1963
2232
  font-style: italic;
1964
2233
  }
@@ -2067,6 +2336,11 @@
2067
2336
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2068
2337
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2069
2338
  }
2339
+ .twa\:transition-\[border-color\,background-color\] {
2340
+ transition-property: border-color,background-color;
2341
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2342
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2343
+ }
2070
2344
  .twa\:transition-\[color\,box-shadow\] {
2071
2345
  transition-property: color,box-shadow;
2072
2346
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2077,6 +2351,11 @@
2077
2351
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2078
2352
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2079
2353
  }
2354
+ .twa\:transition-colors {
2355
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2356
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2357
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2358
+ }
2080
2359
  .twa\:transition-opacity {
2081
2360
  transition-property: opacity;
2082
2361
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2106,6 +2385,9 @@
2106
2385
  .twa\:\[--ab-grid-row-height\:45px\] {
2107
2386
  --ab-grid-row-height: 45px;
2108
2387
  }
2388
+ .twa\:\[--ab-radio-gap\:0\] {
2389
+ --ab-radio-gap: 0;
2390
+ }
2109
2391
  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
2110
2392
  --cell-radius: var(--radius-md);
2111
2393
  }
@@ -2119,7 +2401,7 @@
2119
2401
  z-index: 1;
2120
2402
  }
2121
2403
  :is(.twa\:\*\:m-0 > *) {
2122
- margin: calc(var(--ab-base-space) * 0);
2404
+ margin: 0;
2123
2405
  }
2124
2406
  :is(.twa\:\*\:min-h-\[400px\] > *) {
2125
2407
  min-height: 400px;
@@ -2127,18 +2409,27 @@
2127
2409
  :is(.twa\:\*\:min-w-\[400px\] > *) {
2128
2410
  min-width: 400px;
2129
2411
  }
2412
+ :is(.twa\:\*\:min-w-fit > *) {
2413
+ min-width: fit-content;
2414
+ }
2130
2415
  :is(.twa\:\*\:flex-1 > *) {
2131
2416
  flex: 1;
2132
2417
  }
2418
+ :is(.twa\:\*\:shrink-0 > *) {
2419
+ flex-shrink: 0;
2420
+ }
2133
2421
  :is(.twa\:\*\:rounded-standard > *) {
2134
2422
  border-radius: var(--ab-border-radius);
2135
2423
  }
2136
2424
  :is(.twa\:\*\:p-1 > *) {
2137
- padding: calc(var(--ab-base-space) * 1);
2425
+ padding: var(--ab-base-space);
2138
2426
  }
2139
2427
  :is(.twa\:\*\:p-3 > *) {
2140
2428
  padding: calc(var(--ab-base-space) * 3);
2141
2429
  }
2430
+ :is(.twa\:\*\:px-4 > *) {
2431
+ padding-inline: calc(var(--ab-base-space) * 4);
2432
+ }
2142
2433
  :is(.twa\:\*\:outline-0 > *) {
2143
2434
  outline-style: var(--tw-outline-style);
2144
2435
  outline-width: 0px;
@@ -2182,7 +2473,7 @@
2182
2473
  max-height: none;
2183
2474
  }
2184
2475
  .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2185
- min-height: calc(var(--ab-base-space) * 0);
2476
+ min-height: 0;
2186
2477
  }
2187
2478
  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2188
2479
  flex: 1;
@@ -2266,11 +2557,11 @@
2266
2557
  }
2267
2558
  .twa\:before\:inset-0::before {
2268
2559
  content: var(--tw-content);
2269
- inset: calc(var(--ab-base-space) * 0);
2560
+ inset: 0;
2270
2561
  }
2271
2562
  .twa\:before\:inset-1::before {
2272
2563
  content: var(--tw-content);
2273
- inset: calc(var(--ab-base-space) * 1);
2564
+ inset: var(--ab-base-space);
2274
2565
  }
2275
2566
  .twa\:before\:z-0::before {
2276
2567
  content: var(--tw-content);
@@ -2340,19 +2631,19 @@
2340
2631
  }
2341
2632
  .twa\:after\:inset-0::after {
2342
2633
  content: var(--tw-content);
2343
- inset: calc(var(--ab-base-space) * 0);
2634
+ inset: 0;
2344
2635
  }
2345
2636
  .twa\:after\:inset-y-0::after {
2346
2637
  content: var(--tw-content);
2347
- inset-block: calc(var(--ab-base-space) * 0);
2638
+ inset-block: 0;
2348
2639
  }
2349
2640
  .twa\:after\:right-0::after {
2350
2641
  content: var(--tw-content);
2351
- right: calc(var(--ab-base-space) * 0);
2642
+ right: 0;
2352
2643
  }
2353
2644
  .twa\:after\:left-0::after {
2354
2645
  content: var(--tw-content);
2355
- left: calc(var(--ab-base-space) * 0);
2646
+ left: 0;
2356
2647
  }
2357
2648
  .twa\:after\:w-4::after {
2358
2649
  content: var(--tw-content);
@@ -2367,10 +2658,18 @@
2367
2658
  border-style: var(--tw-border-style);
2368
2659
  border-width: 2px;
2369
2660
  }
2661
+ .twa\:after\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\]::after {
2662
+ content: var(--tw-content);
2663
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
2664
+ }
2370
2665
  .twa\:after\:border-accent::after {
2371
2666
  content: var(--tw-content);
2372
2667
  border-color: var(--ab-color-accent);
2373
2668
  }
2669
+ .twa\:after\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-overlay\)\]::after {
2670
+ content: var(--tw-content);
2671
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-overlay);
2672
+ }
2374
2673
  .twa\:after\:bg-accent\/15::after {
2375
2674
  content: var(--tw-content);
2376
2675
  background-color: var(--ab-color-accent);
@@ -2682,10 +2981,17 @@
2682
2981
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2683
2982
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2684
2983
  }
2984
+ .twa\:focus-visible\:ring-2:focus-visible {
2985
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2986
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2987
+ }
2685
2988
  .twa\:focus-visible\:ring-3:focus-visible {
2686
2989
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2687
2990
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2688
2991
  }
2992
+ .twa\:focus-visible\:ring-accent:focus-visible {
2993
+ --tw-ring-color: var(--ab-color-accent);
2994
+ }
2689
2995
  .twa\:focus-visible\:ring-destructive\/20:focus-visible {
2690
2996
  --tw-ring-color: var(--ab-color-destructive);
2691
2997
  }
@@ -2694,6 +3000,9 @@
2694
3000
  --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2695
3001
  }
2696
3002
  }
3003
+ .twa\:focus-visible\:ring-ring:focus-visible {
3004
+ --tw-ring-color: var(--ab-color-ring);
3005
+ }
2697
3006
  .twa\:focus-visible\:ring-ring\/50:focus-visible {
2698
3007
  --tw-ring-color: var(--ab-color-ring);
2699
3008
  }
@@ -2702,12 +3011,19 @@
2702
3011
  --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2703
3012
  }
2704
3013
  }
3014
+ .twa\:focus-visible\:ring-offset-1:focus-visible {
3015
+ --tw-ring-offset-width: 1px;
3016
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3017
+ }
2705
3018
  .twa\:focus-visible\:outline-none:focus-visible {
2706
3019
  --tw-outline-style: none;
2707
3020
  outline-style: none;
2708
3021
  }
3022
+ .twa\:focus-visible\:ring-inset:focus-visible {
3023
+ --tw-ring-inset: inset;
3024
+ }
2709
3025
  .twa\:active\:translate-y-0:active {
2710
- --tw-translate-y: calc(var(--ab-base-space) * 0);
3026
+ --tw-translate-y: 0;
2711
3027
  translate: var(--tw-translate-x) var(--tw-translate-y);
2712
3028
  }
2713
3029
  .twa\:active\:translate-y-px:active {
@@ -2785,7 +3101,7 @@
2785
3101
  padding-inline: calc(var(--ab-base-space) * 1.5);
2786
3102
  }
2787
3103
  .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(*[data-slot="combobox-chip-remove"]) {
2788
- padding-right: calc(var(--ab-base-space) * 0);
3104
+ padding-right: 0;
2789
3105
  }
2790
3106
  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
2791
3107
  padding-right: calc(var(--ab-base-space) * 1.5);
@@ -2845,7 +3161,7 @@
2845
3161
  margin-left: -0.15rem;
2846
3162
  }
2847
3163
  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
2848
- padding: calc(var(--ab-base-space) * 0);
3164
+ padding: 0;
2849
3165
  }
2850
3166
  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
2851
3167
  height: auto;
@@ -2908,7 +3224,7 @@
2908
3224
  opacity: 50%;
2909
3225
  }
2910
3226
  .twa\:data-empty\:p-0[data-empty] {
2911
- padding: calc(var(--ab-base-space) * 0);
3227
+ padding: 0;
2912
3228
  }
2913
3229
  .twa\:data-highlighted\:bg-accent[data-highlighted] {
2914
3230
  background-color: var(--ab-color-accent);
@@ -3005,7 +3321,7 @@
3005
3321
  border-radius: 0;
3006
3322
  }
3007
3323
  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
3008
- top: calc(var(--ab-base-space) * 1);
3324
+ top: var(--ab-base-space);
3009
3325
  }
3010
3326
  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3011
3327
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
@@ -3078,10 +3394,10 @@
3078
3394
  min-height: auto;
3079
3395
  }
3080
3396
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
3081
- margin: calc(var(--ab-base-space) * 1);
3397
+ margin: var(--ab-base-space);
3082
3398
  }
3083
3399
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
3084
- margin-bottom: calc(var(--ab-base-space) * 0);
3400
+ margin-bottom: 0;
3085
3401
  }
3086
3402
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
3087
3403
  height: calc(var(--ab-base-space) * 8);
@@ -3158,11 +3474,6 @@
3158
3474
  .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
3159
3475
  color: var(--ab-color-destructive);
3160
3476
  }
3161
- @media (width >= 48rem) {
3162
- .twa\:md\:grid-cols-\[1fr_1fr\] {
3163
- grid-template-columns: 1fr 1fr;
3164
- }
3165
- }
3166
3477
  @media (width >= 48rem) {
3167
3478
  .twa\:md\:flex-row {
3168
3479
  flex-direction: row;
@@ -3184,21 +3495,11 @@
3184
3495
  line-height: var(--tw-leading, var(--twa-text-sm--line-height));
3185
3496
  }
3186
3497
  }
3187
- @media (width >= 64rem) {
3188
- .twa\:lg\:grid {
3189
- display: grid;
3190
- }
3191
- }
3192
3498
  @media (width >= 64rem) {
3193
3499
  .twa\:lg\:flex-row {
3194
3500
  flex-direction: row;
3195
3501
  }
3196
3502
  }
3197
- @media (width >= 64rem) {
3198
- .twa\:lg\:gap-3 {
3199
- gap: calc(var(--ab-base-space) * 3);
3200
- }
3201
- }
3202
3503
  .twa\:dark\:border-input:is(.ab--theme-dark *) {
3203
3504
  border-color: var(--ab-color-input-border);
3204
3505
  }
@@ -3304,6 +3605,37 @@
3304
3605
  background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3305
3606
  }
3306
3607
  }
3608
+ .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
3609
+ width: 100%;
3610
+ }
3611
+ .twa\:\[\&_\.ab-Input\]\:rounded-l-none\! .ab-Input {
3612
+ border-top-left-radius: 0 !important;
3613
+ border-bottom-left-radius: 0 !important;
3614
+ }
3615
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:w-full\! [data-slot=input-group] {
3616
+ width: 100% !important;
3617
+ }
3618
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:rounded-l-none\! [data-slot=input-group] {
3619
+ border-top-left-radius: 0 !important;
3620
+ border-bottom-left-radius: 0 !important;
3621
+ }
3622
+ .twa\:\[\&_input\]\:size-0 input {
3623
+ width: 0;
3624
+ height: 0;
3625
+ }
3626
+ .twa\:\[\&_input\]\:min-h-0 input {
3627
+ min-height: 0;
3628
+ }
3629
+ .twa\:\[\&_input\]\:min-w-0 input {
3630
+ min-width: 0;
3631
+ }
3632
+ .twa\:\[\&_input\]\:border-0 input {
3633
+ border-style: var(--tw-border-style);
3634
+ border-width: 0px;
3635
+ }
3636
+ .twa\:\[\&_input\]\:p-0 input {
3637
+ padding: 0;
3638
+ }
3307
3639
  .twa\:\[\&_p\]\:text-primary-foreground p {
3308
3640
  color: var(--ab-color-primary-foreground);
3309
3641
  }
@@ -3329,7 +3661,7 @@
3329
3661
  border-bottom-left-radius: var(--ab-border-radius);
3330
3662
  }
3331
3663
  .twa\:\[\.ab-FloatingFilter_\[data-slot\=combobox-trigger\]\]\:py-0:is(.ab-FloatingFilter [data-slot=combobox-trigger]) {
3332
- padding-block: calc(var(--ab-base-space) * 0);
3664
+ padding-block: 0;
3333
3665
  }
3334
3666
  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
3335
3667
  padding-bottom: calc(var(--ab-base-space) * 2);
@@ -3450,7 +3782,7 @@
3450
3782
  position: absolute;
3451
3783
  }
3452
3784
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
3453
- inset-inline: calc(var(--ab-base-space) * 0);
3785
+ inset-inline: 0;
3454
3786
  }
3455
3787
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
3456
3788
  inset-block: calc(var(--ab-base-space) * 0.5);
@@ -5445,7 +5777,6 @@
5445
5777
  }
5446
5778
  :root {
5447
5779
  --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
5448
- --ab-color-error: #dc3545;
5449
5780
  --ab-color-warn: #eb9316;
5450
5781
  --ab-color-info: #17a2b8;
5451
5782
  --ab-color-success: #419641;
@@ -5484,18 +5815,17 @@
5484
5815
  --ab-color-swatch-18: #ff0000;
5485
5816
  --ab-color-swatch-19: #dc143c;
5486
5817
  --ab-color-swatch-20: #ffa500;
5487
- --ab-color-text-on-success: white;
5488
- --ab-color-text-on-error: white;
5489
- --ab-color-text-on-info: white;
5490
- --ab-color-text-on-warn: white;
5818
+ --ab-color-success-foreground: white;
5819
+ --ab-color-info-foreground: white;
5820
+ --ab-color-warn-foreground: white;
5491
5821
  --ab-color-action-edit: #17a2b8;
5492
5822
  --ab-color-action-share: #eb9316;
5493
5823
  --ab-color-action-delete: #dc3545;
5494
5824
  --ab-color-action-clone: #419641;
5495
- --ab-color-text-on-edit: white;
5496
- --ab-color-text-on-share: white;
5497
- --ab-color-text-on-delete: white;
5498
- --ab-color-text-on-clone: white;
5825
+ --ab-color-action-edit-foreground: white;
5826
+ --ab-color-action-share-foreground: white;
5827
+ --ab-color-action-delete-foreground: white;
5828
+ --ab-color-action-clone-foreground: white;
5499
5829
  --ab-color-primary: #e9e9e9;
5500
5830
  --ab-color-primary-foreground: #656565;
5501
5831
  --ab-color-primarydark: #b7b7b7;
@@ -5516,13 +5846,17 @@
5516
5846
  --ab-color-secondary-foreground: oklch(0.205 0 0);
5517
5847
  --ab-color-muted: var(--ab-color-primarylight);
5518
5848
  --ab-color-muted-foreground: var(--ab-color-primary-foreground);
5519
- --ab-color-destructive: oklch(0.577 0.245 27.325);
5520
- --ab-color-destructive-foreground: oklch(0.577 0.245 27.325);
5849
+ --ab-color-destructive: var(--ab-color-error, #dc3545);
5850
+ --ab-color-destructive-foreground: white;
5521
5851
  --ab-color-border: oklch(0.922 0 0);
5522
5852
  --ab-color-ring: var(--ab-color-accent);
5853
+ --ab-color-card: #f5f5f5;
5854
+ --ab-color-card-foreground: var(--ab-color-foreground);
5523
5855
  --ab-icon-fill: currentColor;
5524
5856
  --ab-custom-scrollbar-size: 10px;
5525
5857
  --ab-grid-row-height: 35px;
5858
+ --ab-cmp-column-tag__background: #d8e0e8;
5859
+ --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
5526
5860
  --ab-loaded: 777;
5527
5861
  --ab_flex-direction: column;
5528
5862
  --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
@@ -5595,7 +5929,10 @@
5595
5929
  --ag-checkbox-checked-color,
5596
5930
  var(--ag-balham-active-color, #0091ea)
5597
5931
  );
5598
- --ab-cmp-checkbox--checked__background: var(--ag-background-color);
5932
+ --ab-cmp-checkbox--checked__background: var(
5933
+ --ag-background-color,
5934
+ var(--ab-color-input-background)
5935
+ );
5599
5936
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
5600
5937
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
5601
5938
  }
@@ -5668,6 +6005,9 @@
5668
6005
  bottom: 16px;
5669
6006
  left: 8px;
5670
6007
  }
6008
+ :root {
6009
+ --ab-radio-gap: calc(var(--ab-base-space) * 2);
6010
+ }
5671
6011
  :root {
5672
6012
  --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
5673
6013
  --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
@@ -5678,21 +6018,6 @@
5678
6018
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
5679
6019
  --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
5680
6020
  }
5681
- :root {
5682
- --ab-cmp-dropdownbutton-list__border: none;
5683
- --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
5684
- --ab-cmp-dropdownbutton-list-item__padding: calc(var(--ab-base-space) * 2);
5685
- --ab-cmp-dropdownbutton-list-item-hover__background: var(--ab-color-primary);
5686
- --ab-cmp-dropdownbutton-list-item-hover__color: var(--ab-color-primary-foreground);
5687
- --ab-cmp-dropdownbutton-list-item-active__background: var(--ab-color-primarydark);
5688
- --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
5689
- --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-primary-foreground);
5690
- --ab-cmp-dropdownbutton-list__z-index: 1000;
5691
- --ab-cmp-dropdownbutton-list__border-radius: var(--ab-border-radius);
5692
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
5693
- -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
5694
- --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
5695
- }
5696
6021
  :root {
5697
6022
  --ab-cmp-field-wrap__background: var(--ab-color-input-background);
5698
6023
  --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
@@ -5816,7 +6141,12 @@
5816
6141
  --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab-border-radius);
5817
6142
  --ab-cmp-module-module-selector__tab-item__width: 160px;
5818
6143
  --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-primary-foreground);
5819
- --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
6144
+ --ab-cmp-module-module-selector__toolbar-item__border: 1px dashed var(--ab-color-primarydark);
6145
+ --ab-cmp-module-module-selector__draggable-chip__background: var(
6146
+ --ab-cmp-draggable-list-item__background,
6147
+ var(--ab-color-background)
6148
+ );
6149
+ --ab-cmp-module-module-selector__draggable-chip__color: var(--ab-color-foreground);
5820
6150
  }
5821
6151
  :root {
5822
6152
  --ab-cmp-loader__background: var(--ab-color-primarydark);
@@ -5917,6 +6247,63 @@
5917
6247
  min-height: 100%;
5918
6248
  overflow: hidden;
5919
6249
  }
6250
+ :root {
6251
+ --ab-cmp-wizard-selection__border: var(--ab-color-accent);
6252
+ --ab-cmp-wizard-selection__background: var(--ab-color-accent);
6253
+ }
6254
+ @supports (color: color-mix(in lab, red, red)) {
6255
+ :root {
6256
+ --ab-cmp-wizard-selection__background: color-mix(
6257
+ in srgb,
6258
+ var(--ab-color-accent) 22%,
6259
+ var(--ab-color-accentlight)
6260
+ );
6261
+ }
6262
+ }
6263
+ :root {
6264
+ --ab-cmp-collapsible-wizard-card__expanded-border: var(--ab-color-primary);
6265
+ --ab-cmp-collapsible-wizard-card__collapsed-border: var(--ab-color-primarydark);
6266
+ }
6267
+ @supports (color: color-mix(in lab, red, red)) {
6268
+ :root {
6269
+ --ab-cmp-collapsible-wizard-card__collapsed-border: color-mix(
6270
+ in srgb,
6271
+ var(--ab-color-primarydark) 55%,
6272
+ transparent
6273
+ );
6274
+ }
6275
+ }
6276
+ :root {
6277
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: var(--ab-color-primarydark);
6278
+ }
6279
+ @supports (color: color-mix(in lab, red, red)) {
6280
+ :root {
6281
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: color-mix(
6282
+ in srgb,
6283
+ var(--ab-color-primarydark) 38%,
6284
+ transparent
6285
+ );
6286
+ }
6287
+ }
6288
+ .ab-CollapsibleWizardCard--compact.ab-CollapsibleWizardCard .ab-Card__title {
6289
+ padding-bottom: 0;
6290
+ }
6291
+ :root {
6292
+ --ab-cmp-wizard-type-selection-card__selected-border: var(--ab-color-accent);
6293
+ --ab-cmp-wizard-type-selection-card__selected-overlay: var(--ab-color-accent);
6294
+ }
6295
+ @supports (color: color-mix(in lab, red, red)) {
6296
+ :root {
6297
+ --ab-cmp-wizard-type-selection-card__selected-overlay: color-mix(
6298
+ in srgb,
6299
+ var(--ab-color-accent) 15%,
6300
+ transparent
6301
+ );
6302
+ }
6303
+ }
6304
+ :root {
6305
+ --ab-cmp-wizard-type-selection-card__selected-indicator-inner: var(--ab-color-base);
6306
+ }
5920
6307
  :root {
5921
6308
  --ab-cmp-toolpanel__width: 200px;
5922
6309
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
@@ -5942,6 +6329,10 @@
5942
6329
  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: calc(var(--ab-base-space) * 2)
5943
6330
  calc(var(--ab-base-space) * 2);
5944
6331
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: calc(var(--ab-base-space) * 2);
6332
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: var(
6333
+ --ab-color-border,
6334
+ var(--ab-color-primarydark)
6335
+ );
5945
6336
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
5946
6337
  }
5947
6338
  :root {
@@ -6270,51 +6661,6 @@
6270
6661
  .ab-Dropdown--empty .ab-Dropdown__text {
6271
6662
  color: var(--ab-color-foreground);
6272
6663
  }
6273
- .ab-DropdownButton {
6274
- position: relative;
6275
- overflow: visible;
6276
- outline: none;
6277
- --ab-overlay-horizontal-align: left;
6278
- }
6279
- .ab-DropdownButton__list {
6280
- text-align: start;
6281
- padding: var(--ab-base-space) 0;
6282
- box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
6283
- overflow: auto;
6284
- border: var(--ab-cmp-dropdownbutton-list__border);
6285
- border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
6286
- z-index: var(--ab-cmp-dropdownbutton-list__z-index);
6287
- background: var(--ab-cmp-dropdownbutton-list__background);
6288
- }
6289
- .ab-DropdownButton__content {
6290
- font-family: var(--ab__font-family);
6291
- font-size: var(--ab-font-size-2);
6292
- max-width: 100%;
6293
- width: 100%;
6294
- border-spacing: 0;
6295
- }
6296
- .ab-DropdownButton__list-item {
6297
- fill: currentColor;
6298
- color: var(--ab-cmp-dropdownbutton-list-item__color);
6299
- }
6300
- .ab-DropdownButton__list-item--disabled {
6301
- opacity: 0.5;
6302
- }
6303
- .ab-DropdownButton__list-item--not-clickable {
6304
- cursor: auto;
6305
- }
6306
- .ab-DropdownButton__list-item--clickable:hover {
6307
- background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
6308
- color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
6309
- fill: currentColor;
6310
- cursor: pointer;
6311
- }
6312
- .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
6313
- color: inherit;
6314
- }
6315
- .ab-DropdownButton__separator td {
6316
- border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
6317
- }
6318
6664
  .ab-FieldWrap {
6319
6665
  border: 1px solid var(--ab-color-input-border);
6320
6666
  color: 1px solid var(--ab-color-input-foreground);
@@ -7145,6 +7491,10 @@
7145
7491
  .ab-Tag {
7146
7492
  max-width: 100%;
7147
7493
  }
7494
+ .ab-Tag.ab-Tag--column {
7495
+ background: var(--ab-cmp-column-tag__background);
7496
+ color: var(--ab-cmp-column-tag__foreground, inherit);
7497
+ }
7148
7498
  .ab-ModuleSelector__TabItem {
7149
7499
  display: flex;
7150
7500
  flex-direction: column;
@@ -7176,9 +7526,100 @@
7176
7526
  padding-bottom: 0;
7177
7527
  min-height: 200px;
7178
7528
  }
7529
+ .ab-ModuleSelector__ToolbarList--compact {
7530
+ flex: none;
7531
+ min-height: 2.5rem;
7532
+ padding: 6px 8px;
7533
+ border: var(--ab-cmp-module-module-selector__tab-item__border);
7534
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
7535
+ }
7536
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--horizontal {
7537
+ display: flex;
7538
+ flex-direction: row;
7539
+ flex-wrap: wrap;
7540
+ align-items: center;
7541
+ gap: 4px;
7542
+ }
7543
+ .ab-ModuleSelector--strip .ab-ModuleSelector__UnusedPanel, .ab-ModuleSelector--rows .ab-ModuleSelector__UnusedPanel {
7544
+ margin-bottom: 0;
7545
+ }
7546
+ .ab-ModuleSelector__TabItem--row {
7547
+ width: 100%;
7548
+ flex-direction: row;
7549
+ align-items: stretch;
7550
+ margin-right: 0;
7551
+ }
7552
+ .ab-ModuleSelector__TabItem__header--row {
7553
+ width: 11rem;
7554
+ flex-shrink: 0;
7555
+ border-bottom: none;
7556
+ border-right: var(--ab-cmp-module-module-selector__tab-item__border);
7557
+ }
7558
+ .ab-ModuleSelector__TabItem--row .ab-ModuleSelector__ToolbarList--compact {
7559
+ flex: 1;
7560
+ min-width: 0;
7561
+ }
7562
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--embedded {
7563
+ border: none;
7564
+ border-radius: 0;
7565
+ }
7566
+ .ab-ModuleSelector__DraggableChip {
7567
+ border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7568
+ background: var(--ab-cmp-module-module-selector__draggable-chip__background);
7569
+ color: var(--ab-cmp-module-module-selector__draggable-chip__color);
7570
+ cursor: grab;
7571
+ }
7572
+ .ab-ModuleSelector__DraggableChip:active {
7573
+ cursor: grabbing;
7574
+ }
7179
7575
  .ab-ModuleSelector__ToolbarItem {
7180
7576
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7181
7577
  }
7578
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedGroup {
7579
+ min-height: 0;
7580
+ }
7581
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
7582
+ margin-bottom: 0;
7583
+ }
7584
+ .ab-ColorPicker-swatch {
7585
+ width: 36px;
7586
+ height: 24px;
7587
+ min-height: 24px !important;
7588
+ padding: 0;
7589
+ box-sizing: border-box;
7590
+ flex-shrink: 0;
7591
+ cursor: pointer;
7592
+ }
7593
+ .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
7594
+ padding: 0;
7595
+ }
7596
+ .ab-ColorPicker-swatch::-webkit-color-swatch {
7597
+ border: none;
7598
+ border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
7599
+ }
7600
+ .ab-ColorPicker-swatch::-moz-color-swatch {
7601
+ border: none;
7602
+ }
7603
+ .ab-OptionalColorPicker-empty {
7604
+ width: 36px;
7605
+ height: 24px;
7606
+ min-height: 24px;
7607
+ padding: 0;
7608
+ border: 1px dashed var(--ab-color-border, #ccc);
7609
+ border-radius: var(--ab-border-radius-input, 4px);
7610
+ cursor: pointer;
7611
+ background-color: #fff;
7612
+ background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%), linear-gradient(-45deg, #e0e0e0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e0e0e0 75%), linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
7613
+ background-size: 6px 6px;
7614
+ background-position: 0 0, 0 3px, 3px -3px, -3px 0;
7615
+ }
7616
+ .ab-OptionalColorPicker-empty:hover:not(:disabled) {
7617
+ border-color: var(--ab-color-accent, #43429e);
7618
+ }
7619
+ .ab-OptionalColorPicker-empty:disabled {
7620
+ opacity: 0.3;
7621
+ cursor: not-allowed;
7622
+ }
7182
7623
  .ab-ColorPicker-range[type='range'] {
7183
7624
  width: 120px;
7184
7625
  margin: 0;
@@ -7442,6 +7883,17 @@
7442
7883
  .ab-Adaptable-Popup__Navigation__List {
7443
7884
  padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
7444
7885
  font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
7886
+ --ab-cmp-adaptable-popup-navigation-header__color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground));
7887
+ }
7888
+ @supports (color: color-mix(in lab, red, red)) {
7889
+ .ab-Adaptable-Popup__Navigation__List {
7890
+ --ab-cmp-adaptable-popup-navigation-header__color: color-mix(
7891
+ in srgb,
7892
+ var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground))
7893
+ 55%,
7894
+ transparent
7895
+ );
7896
+ }
7445
7897
  }
7446
7898
  .ab-Adaptable-Popup__Navigation__List__Item {
7447
7899
  padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
@@ -7451,6 +7903,25 @@
7451
7903
  border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
7452
7904
  margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
7453
7905
  }
7906
+ .ab-Adaptable-Popup__Navigation__List__Item--header {
7907
+ margin-bottom: 0;
7908
+ }
7909
+ .ab-Adaptable-Popup__Navigation__List__Item__HeaderDivider {
7910
+ display: block;
7911
+ margin-top: calc(var(--ab-base-space) * 2);
7912
+ margin-bottom: calc(var(--ab-base-space) * 3);
7913
+ margin-inline: calc(var(--ab-base-space) * 2);
7914
+ border-bottom: 1px solid var(--ab-cmp-adaptable-popup-navigation-header-divider__color);
7915
+ }
7916
+ .ab-Adaptable-Popup__Navigation__List__Item__Header {
7917
+ display: block;
7918
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
7919
+ font-size: var(--ab-font-size-1, 0.75rem);
7920
+ font-weight: 600;
7921
+ letter-spacing: 0.02em;
7922
+ text-transform: uppercase;
7923
+ color: var(--ab-cmp-adaptable-popup-navigation-header__color);
7924
+ }
7454
7925
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
7455
7926
  border: none;
7456
7927
  width: 100%;
@@ -7542,6 +8013,22 @@
7542
8013
  margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
7543
8014
  font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
7544
8015
  }
8016
+ :root {
8017
+ --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
8018
+ }
8019
+ @supports (color: color-mix(in lab, red, red)) {
8020
+ :root {
8021
+ --ab-cmp-draggable-list-item__background: color-mix(
8022
+ in srgb,
8023
+ var(--ab-color-primary) 82%,
8024
+ var(--ab-color-primarydark)
8025
+ );
8026
+ }
8027
+ }
8028
+ .ab-DraggableListItem {
8029
+ background: var(--ab-cmp-draggable-list-item__background);
8030
+ color: var(--ab-color-primary-foreground);
8031
+ }
7545
8032
  .ab-ValueSelector {
7546
8033
  overflow: hidden;
7547
8034
  }
@@ -7612,6 +8099,14 @@
7612
8099
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
7613
8100
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
7614
8101
  }
8102
+ .ab-Layout-Wizard__ColumnLayoutSizingInput {
8103
+ width: 3rem;
8104
+ min-width: 0;
8105
+ min-height: 0;
8106
+ height: 1.375rem;
8107
+ padding: 0 0.25rem;
8108
+ line-height: 1.2;
8109
+ }
7615
8110
  .ab-Badge-Definition-Editor {
7616
8111
  background: var(--cmp-Badge-Definition-Editor__background);
7617
8112
  border-color: var(--ab-color-border);
@@ -7643,7 +8138,7 @@
7643
8138
  border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
7644
8139
  }
7645
8140
  :root {
7646
- --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
8141
+ --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-destructive);
7647
8142
  }
7648
8143
  .ab-ListBoxFilterForm {
7649
8144
  width: 100%;
@@ -7681,6 +8176,7 @@
7681
8176
  border: var(--ab-cmp-icon-selector__popup__border);
7682
8177
  padding: var(--ab-cmp-icon-selector__popup__padding);
7683
8178
  border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
8179
+ min-width: 300px;
7684
8180
  }
7685
8181
  :root {
7686
8182
  --toastify-color-light: #fff;
@@ -8283,7 +8779,7 @@
8283
8779
  }
8284
8780
  }
8285
8781
  .ab-alert--error {
8286
- background: var(--ab-color-error);
8782
+ background: var(--ab-color-destructive);
8287
8783
  }
8288
8784
  .ab-alert--success {
8289
8785
  background: var(--ab-color-success);
@@ -8350,7 +8846,7 @@
8350
8846
  --toastify-color-info: var(--ab-color-info);
8351
8847
  --toastify-color-success: var(--ab-color-success);
8352
8848
  --toastify-color-warning: var(--ab-color-warn);
8353
- --toastify-color-error: var(--ab-color-error);
8849
+ --toastify-color-error: var(--ab-color-destructive);
8354
8850
  }
8355
8851
  .Toastify__toast-body {
8356
8852
  padding: 0;
@@ -8365,7 +8861,7 @@
8365
8861
  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
8366
8862
  }
8367
8863
  .Toastify__toast--error {
8368
- --ab-toast-cmp__shadow-color: var(--ab-color-error);
8864
+ --ab-toast-cmp__shadow-color: var(--ab-color-destructive);
8369
8865
  }
8370
8866
  :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar {
8371
8867
  background-color: rgba(0, 0, 0, 0);
@@ -8449,14 +8945,7 @@
8449
8945
  --ab-color-destructive-foreground: oklch(0.637 0.237 25.331);
8450
8946
  --ab-color-border: oklch(0.269 0 0);
8451
8947
  --ab-theme-loaded: dark;
8452
- --ab-color-input-background: var(--ab-color-background);
8453
- }
8454
- @supports (color: color-mix(in lab, red, red)) {
8455
- .ab--theme-dark {
8456
- --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8457
- }
8458
- }
8459
- .ab--theme-dark {
8948
+ --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8460
8949
  --ab-cmp-input--disabled__background: #232323;
8461
8950
  --ab-color-background: var(--ab-color-defaultbackground, #474c52);
8462
8951
  --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
@@ -8464,6 +8953,15 @@
8464
8953
  --ab-color-primary-foreground: #e2e2e2;
8465
8954
  --ab-color-primarylight: #3d3e3f;
8466
8955
  --ab-color-primarydark: #1c2021;
8956
+ --ab-color-card: #51555a;
8957
+ --ab-color-card-foreground: var(--ab-color-foreground);
8958
+ --ab-cmp-draggable-list-item__background: color-mix(
8959
+ in srgb,
8960
+ var(--ab-color-primary) 72%,
8961
+ var(--ab-color-primarylight)
8962
+ );
8963
+ --ab-cmp-column-tag__background: #6f7882;
8964
+ --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
8467
8965
  --ab-color-palette-1: #5c1a1a;
8468
8966
  --ab-color-palette-2: #ffb4b4;
8469
8967
  --ab-color-palette-3: #4a3b00;
@@ -8483,6 +8981,7 @@
8483
8981
  --ab-cmp-checkbox__border-color: var(--ab-color-primary-foreground);
8484
8982
  --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
8485
8983
  --ab-cmp-tabs-inactive__opacity: 0.78;
8984
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: #343a46;
8486
8985
  }
8487
8986
  .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
8488
8987
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;