@adaptabletools/adaptable-vue3-aggrid 23.0.0-canary.6 → 23.0.0-canary.8

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 +828 -263
  2. package/package.json +2 -2
package/index.css CHANGED
@@ -1,4 +1,4 @@
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
3
  @layer adaptable.reset, adaptable.components, adaptable.utilities, adaptable.theming;
4
4
  @property --tw-animation-delay {
@@ -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);
@@ -515,12 +552,6 @@
515
552
  .twa\:ml-6 {
516
553
  margin-left: calc(var(--ab-base-space) * 6);
517
554
  }
518
- .twa\:ml-\[2px\] {
519
- margin-left: 2px;
520
- }
521
- .twa\:ml-\[52px\] {
522
- margin-left: 52px;
523
- }
524
555
  .twa\:ml-auto {
525
556
  margin-left: auto;
526
557
  }
@@ -551,6 +582,9 @@
551
582
  .twa\:inline-flex {
552
583
  display: inline-flex;
553
584
  }
585
+ .twa\:inline-grid {
586
+ display: inline-grid;
587
+ }
554
588
  .twa\:field-sizing-content {
555
589
  field-sizing: content;
556
590
  }
@@ -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,24 +663,30 @@
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;
643
- }
644
690
  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
645
691
  height: calc(calc(var(--ab-base-space) * 5.5));
646
692
  }
@@ -674,6 +720,9 @@
674
720
  .twa\:max-h-\[300px\] {
675
721
  max-height: 300px;
676
722
  }
723
+ .twa\:max-h-\[420px\] {
724
+ max-height: 420px;
725
+ }
677
726
  .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
678
727
  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
728
  }
@@ -683,8 +732,17 @@
683
732
  .twa\:max-h-full {
684
733
  max-height: 100%;
685
734
  }
735
+ .twa\:max-h-none\! {
736
+ max-height: none !important;
737
+ }
738
+ .twa\:\!min-h-0 {
739
+ min-height: 0 !important;
740
+ }
686
741
  .twa\:min-h-0 {
687
- min-height: calc(var(--ab-base-space) * 0);
742
+ min-height: 0;
743
+ }
744
+ .twa\:min-h-7 {
745
+ min-height: calc(var(--ab-base-space) * 7);
688
746
  }
689
747
  .twa\:min-h-16 {
690
748
  min-height: calc(var(--ab-base-space) * 16);
@@ -698,15 +756,15 @@
698
756
  .twa\:min-h-\[1rem\] {
699
757
  min-height: 1rem;
700
758
  }
759
+ .twa\:min-h-\[2\.5rem\] {
760
+ min-height: 2.5rem;
761
+ }
701
762
  .twa\:min-h-\[6px\] {
702
763
  min-height: 6px;
703
764
  }
704
765
  .twa\:min-h-\[15px\] {
705
766
  min-height: 15px;
706
767
  }
707
- .twa\:min-h-\[20px\] {
708
- min-height: 20px;
709
- }
710
768
  .twa\:min-h-\[32px\] {
711
769
  min-height: 32px;
712
770
  }
@@ -719,12 +777,24 @@
719
777
  .twa\:min-h-\[100px\] {
720
778
  min-height: 100px;
721
779
  }
780
+ .twa\:min-h-\[108px\] {
781
+ min-height: 108px;
782
+ }
722
783
  .twa\:min-h-\[120px\] {
723
784
  min-height: 120px;
724
785
  }
786
+ .twa\:min-h-\[148px\] {
787
+ min-height: 148px;
788
+ }
789
+ .twa\:min-h-\[168px\] {
790
+ min-height: 168px;
791
+ }
725
792
  .twa\:min-h-\[200px\] {
726
793
  min-height: 200px;
727
794
  }
795
+ .twa\:min-h-\[240px\] {
796
+ min-height: 240px;
797
+ }
728
798
  .twa\:min-h-\[280px\] {
729
799
  min-height: 280px;
730
800
  }
@@ -743,9 +813,15 @@
743
813
  .twa\:min-h-input {
744
814
  min-height: var(--ab-input-height);
745
815
  }
816
+ .twa\:\!w-9 {
817
+ width: calc(var(--ab-base-space) * 9) !important;
818
+ }
746
819
  .twa\:\!w-10 {
747
820
  width: calc(var(--ab-base-space) * 10) !important;
748
821
  }
822
+ .twa\:\!w-\[300px\] {
823
+ width: 300px !important;
824
+ }
749
825
  .twa\:w-\(--anchor-width\) {
750
826
  width: var(--anchor-width);
751
827
  }
@@ -761,6 +837,9 @@
761
837
  .twa\:w-1\/3 {
762
838
  width: calc(1 / 3 * 100%);
763
839
  }
840
+ .twa\:w-3 {
841
+ width: calc(var(--ab-base-space) * 3);
842
+ }
764
843
  .twa\:w-8 {
765
844
  width: calc(var(--ab-base-space) * 8);
766
845
  }
@@ -788,6 +867,9 @@
788
867
  .twa\:w-\[1rem\] {
789
868
  width: 1rem;
790
869
  }
870
+ .twa\:w-\[5\.5rem\] {
871
+ width: 5.5rem;
872
+ }
791
873
  .twa\:w-\[7rem\] {
792
874
  width: 7rem;
793
875
  }
@@ -797,6 +879,9 @@
797
879
  .twa\:w-\[10rem\] {
798
880
  width: 10rem;
799
881
  }
882
+ .twa\:w-\[12rem\] {
883
+ width: 12rem;
884
+ }
800
885
  .twa\:w-\[15rem\] {
801
886
  width: 15rem;
802
887
  }
@@ -830,9 +915,6 @@
830
915
  .twa\:w-\[150px\] {
831
916
  width: 150px;
832
917
  }
833
- .twa\:w-\[180px\] {
834
- width: 180px;
835
- }
836
918
  .twa\:w-\[200px\] {
837
919
  width: 200px;
838
920
  }
@@ -872,15 +954,27 @@
872
954
  .twa\:max-w-80 {
873
955
  max-width: calc(var(--ab-base-space) * 80);
874
956
  }
957
+ .twa\:max-w-\[5\.5rem\] {
958
+ max-width: 5.5rem;
959
+ }
875
960
  .twa\:max-w-\[15rem\] {
876
961
  max-width: 15rem;
877
962
  }
963
+ .twa\:max-w-\[20rem\] {
964
+ max-width: 20rem;
965
+ }
966
+ .twa\:max-w-\[22rem\] {
967
+ max-width: 22rem;
968
+ }
878
969
  .twa\:max-w-\[60vw\] {
879
970
  max-width: 60vw;
880
971
  }
881
972
  .twa\:max-w-\[70vw\] {
882
973
  max-width: 70vw;
883
974
  }
975
+ .twa\:max-w-\[72px\] {
976
+ max-width: 72px;
977
+ }
884
978
  .twa\:max-w-\[100px\] {
885
979
  max-width: 100px;
886
980
  }
@@ -905,9 +999,6 @@
905
999
  .twa\:max-w-\[300px\] {
906
1000
  max-width: 300px;
907
1001
  }
908
- .twa\:max-w-\[320px\] {
909
- max-width: 320px;
910
- }
911
1002
  .twa\:max-w-\[400px\] {
912
1003
  max-width: 400px;
913
1004
  }
@@ -959,6 +1050,9 @@
959
1050
  .twa\:max-w-xs {
960
1051
  max-width: var(--twa-container-xs);
961
1052
  }
1053
+ .twa\:\!min-w-\[36px\] {
1054
+ min-width: 36px !important;
1055
+ }
962
1056
  .twa\:\!min-w-\[40px\] {
963
1057
  min-width: 40px !important;
964
1058
  }
@@ -966,7 +1060,10 @@
966
1060
  min-width: var(--cell-size);
967
1061
  }
968
1062
  .twa\:min-w-0 {
969
- min-width: calc(var(--ab-base-space) * 0);
1063
+ min-width: 0;
1064
+ }
1065
+ .twa\:min-w-7 {
1066
+ min-width: calc(var(--ab-base-space) * 7);
970
1067
  }
971
1068
  .twa\:min-w-16 {
972
1069
  min-width: calc(var(--ab-base-space) * 16);
@@ -989,6 +1086,12 @@
989
1086
  .twa\:min-w-\[1rem\] {
990
1087
  min-width: 1rem;
991
1088
  }
1089
+ .twa\:min-w-\[5\.5rem\] {
1090
+ min-width: 5.5rem;
1091
+ }
1092
+ .twa\:min-w-\[6\.5rem\] {
1093
+ min-width: 6.5rem;
1094
+ }
992
1095
  .twa\:min-w-\[10rem\] {
993
1096
  min-width: 10rem;
994
1097
  }
@@ -1013,6 +1116,9 @@
1013
1116
  .twa\:min-w-\[60px\] {
1014
1117
  min-width: 60px;
1015
1118
  }
1119
+ .twa\:min-w-\[72px\] {
1120
+ min-width: 72px;
1121
+ }
1016
1122
  .twa\:min-w-\[80px\] {
1017
1123
  min-width: 80px;
1018
1124
  }
@@ -1043,9 +1149,6 @@
1043
1149
  .twa\:min-w-\[215px\] {
1044
1150
  min-width: 215px;
1045
1151
  }
1046
- .twa\:min-w-\[220px\] {
1047
- min-width: 220px;
1048
- }
1049
1152
  .twa\:min-w-\[250px\] {
1050
1153
  min-width: 250px;
1051
1154
  }
@@ -1073,9 +1176,6 @@
1073
1176
  .twa\:flex-2 {
1074
1177
  flex: 2;
1075
1178
  }
1076
- .twa\:flex-3 {
1077
- flex: 3;
1078
- }
1079
1179
  .twa\:flex-1000 {
1080
1180
  flex: 1000;
1081
1181
  }
@@ -1103,6 +1203,9 @@
1103
1203
  .twa\:shrink-0 {
1104
1204
  flex-shrink: 0;
1105
1205
  }
1206
+ .twa\:basis-0 {
1207
+ flex-basis: 0;
1208
+ }
1106
1209
  .twa\:border-collapse {
1107
1210
  border-collapse: collapse;
1108
1211
  }
@@ -1132,6 +1235,9 @@
1132
1235
  .twa\:cursor-grab {
1133
1236
  cursor: grab;
1134
1237
  }
1238
+ .twa\:cursor-not-allowed {
1239
+ cursor: not-allowed;
1240
+ }
1135
1241
  .twa\:cursor-pointer {
1136
1242
  cursor: pointer;
1137
1243
  }
@@ -1145,13 +1251,13 @@
1145
1251
  resize: vertical;
1146
1252
  }
1147
1253
  .twa\:scroll-my-1 {
1148
- scroll-margin-block: calc(var(--ab-base-space) * 1);
1254
+ scroll-margin-block: var(--ab-base-space);
1149
1255
  }
1150
1256
  .twa\:scroll-p-2 {
1151
1257
  scroll-padding: calc(var(--ab-base-space) * 2);
1152
1258
  }
1153
1259
  .twa\:scroll-py-1 {
1154
- scroll-padding-block: calc(var(--ab-base-space) * 1);
1260
+ scroll-padding-block: var(--ab-base-space);
1155
1261
  }
1156
1262
  .twa\:list-none {
1157
1263
  list-style-type: none;
@@ -1162,23 +1268,29 @@
1162
1268
  .twa\:grid-cols-3 {
1163
1269
  grid-template-columns: repeat(3, minmax(0, 1fr));
1164
1270
  }
1165
- .twa\:grid-cols-\[1fr\] {
1166
- grid-template-columns: 1fr;
1167
- }
1168
1271
  .twa\:grid-cols-\[1fr_1fr\] {
1169
1272
  grid-template-columns: 1fr 1fr;
1170
1273
  }
1274
+ .twa\:grid-cols-\[4\.5rem_1fr\] {
1275
+ grid-template-columns: 4.5rem 1fr;
1276
+ }
1277
+ .twa\:grid-cols-\[160px_140px_140px\] {
1278
+ grid-template-columns: 160px 140px 140px;
1279
+ }
1171
1280
  .twa\:grid-cols-\[auto_1fr\] {
1172
1281
  grid-template-columns: auto 1fr;
1173
1282
  }
1174
1283
  .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
1175
1284
  grid-template-columns: auto 1fr auto 1fr;
1176
1285
  }
1286
+ .twa\:grid-cols-\[max-content_1fr_max-content_1fr\] {
1287
+ grid-template-columns: max-content 1fr max-content 1fr;
1288
+ }
1177
1289
  .twa\:grid-cols-\[minmax\(160px\,14rem\)_minmax\(0\,1fr\)\] {
1178
1290
  grid-template-columns: minmax(160px,14rem) minmax(0,1fr);
1179
1291
  }
1180
- .twa\:grid-rows-\[1fr\] {
1181
- grid-template-rows: 1fr;
1292
+ .twa\:grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
1293
+ grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));
1182
1294
  }
1183
1295
  .twa\:grid-rows-\[1fr_1fr\] {
1184
1296
  grid-template-rows: 1fr 1fr;
@@ -1198,9 +1310,6 @@
1198
1310
  .twa\:flex-wrap-reverse {
1199
1311
  flex-wrap: wrap-reverse;
1200
1312
  }
1201
- .twa\:place-content-center {
1202
- place-content: center;
1203
- }
1204
1313
  .twa\:place-items-center {
1205
1314
  place-items: center;
1206
1315
  }
@@ -1241,13 +1350,13 @@
1241
1350
  justify-content: stretch;
1242
1351
  }
1243
1352
  .twa\:gap-0 {
1244
- gap: calc(var(--ab-base-space) * 0);
1353
+ gap: 0;
1245
1354
  }
1246
1355
  .twa\:gap-0\.5 {
1247
1356
  gap: calc(var(--ab-base-space) * 0.5);
1248
1357
  }
1249
1358
  .twa\:gap-1 {
1250
- gap: calc(var(--ab-base-space) * 1);
1359
+ gap: var(--ab-base-space);
1251
1360
  }
1252
1361
  .twa\:gap-1\.5 {
1253
1362
  gap: calc(var(--ab-base-space) * 1.5);
@@ -1270,12 +1379,27 @@
1270
1379
  .twa\:gap-8 {
1271
1380
  gap: calc(var(--ab-base-space) * 8);
1272
1381
  }
1382
+ .twa\:gap-x-1\.5 {
1383
+ column-gap: calc(var(--ab-base-space) * 1.5);
1384
+ }
1385
+ .twa\:gap-x-2 {
1386
+ column-gap: calc(var(--ab-base-space) * 2);
1387
+ }
1273
1388
  .twa\:gap-x-4 {
1274
1389
  column-gap: calc(var(--ab-base-space) * 4);
1275
1390
  }
1391
+ .twa\:gap-y-0\.5 {
1392
+ row-gap: calc(var(--ab-base-space) * 0.5);
1393
+ }
1394
+ .twa\:gap-y-1 {
1395
+ row-gap: var(--ab-base-space);
1396
+ }
1276
1397
  .twa\:gap-y-2 {
1277
1398
  row-gap: calc(var(--ab-base-space) * 2);
1278
1399
  }
1400
+ .twa\:gap-y-3 {
1401
+ row-gap: calc(var(--ab-base-space) * 3);
1402
+ }
1279
1403
  .twa\:self-center {
1280
1404
  align-self: center;
1281
1405
  }
@@ -1305,6 +1429,9 @@
1305
1429
  .twa\:overflow-y-auto {
1306
1430
  overflow-y: auto;
1307
1431
  }
1432
+ .twa\:overflow-y-hidden {
1433
+ overflow-y: hidden;
1434
+ }
1308
1435
  .twa\:overflow-y-visible {
1309
1436
  overflow-y: visible;
1310
1437
  }
@@ -1354,6 +1481,10 @@
1354
1481
  .twa\:rounded-tl-standard {
1355
1482
  border-top-left-radius: var(--ab-border-radius);
1356
1483
  }
1484
+ .twa\:rounded-r-none\! {
1485
+ border-top-right-radius: 0 !important;
1486
+ border-bottom-right-radius: 0 !important;
1487
+ }
1357
1488
  .twa\:rounded-r-standard {
1358
1489
  border-top-right-radius: var(--ab-border-radius);
1359
1490
  border-bottom-right-radius: var(--ab-border-radius);
@@ -1399,6 +1530,17 @@
1399
1530
  --tw-border-style: none;
1400
1531
  border-style: none;
1401
1532
  }
1533
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1534
+ border-color: var(--ab-color-primarydark) !important;
1535
+ }
1536
+ @supports (color: color-mix(in lab, red, red)) {
1537
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1538
+ border-color: color-mix(in srgb,var(--ab-color-primarydark) 40%,transparent) !important;
1539
+ }
1540
+ }
1541
+ .twa\:\!border-\[var\(--ab-cmp-wizard-selection__border\)\] {
1542
+ border-color: var(--ab-cmp-wizard-selection__border) !important;
1543
+ }
1402
1544
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
1403
1545
  border-color: var(--ab-color-foreground);
1404
1546
  }
@@ -1415,9 +1557,45 @@
1415
1557
  border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
1416
1558
  }
1417
1559
  }
1560
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1561
+ border-color: var(--ab-color-foreground);
1562
+ }
1563
+ @supports (color: color-mix(in lab, red, red)) {
1564
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1565
+ border-color: color-mix(in srgb,var(--ab-color-foreground) 20%,transparent);
1566
+ }
1567
+ }
1568
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border\)\] {
1569
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border);
1570
+ }
1571
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border-popup\)\] {
1572
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup);
1573
+ }
1574
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__expanded-border\)\] {
1575
+ border-color: var(--ab-cmp-collapsible-wizard-card__expanded-border);
1576
+ }
1577
+ .twa\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1578
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1579
+ }
1418
1580
  .twa\:border-border {
1419
1581
  border-color: var(--ab-color-border);
1420
1582
  }
1583
+ .twa\:border-border\/60 {
1584
+ border-color: var(--ab-color-border);
1585
+ }
1586
+ @supports (color: color-mix(in lab, red, red)) {
1587
+ .twa\:border-border\/60 {
1588
+ border-color: color-mix(in oklab, var(--ab-color-border) 60%, transparent);
1589
+ }
1590
+ }
1591
+ .twa\:border-foreground\/10 {
1592
+ border-color: var(--ab-color-foreground);
1593
+ }
1594
+ @supports (color: color-mix(in lab, red, red)) {
1595
+ .twa\:border-foreground\/10 {
1596
+ border-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
1597
+ }
1598
+ }
1421
1599
  .twa\:border-foreground\/15 {
1422
1600
  border-color: var(--ab-color-foreground);
1423
1601
  }
@@ -1440,6 +1618,22 @@
1440
1618
  border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
1441
1619
  }
1442
1620
  }
1621
+ .twa\:border-primarydark\/32 {
1622
+ border-color: var(--ab-color-primarydark);
1623
+ }
1624
+ @supports (color: color-mix(in lab, red, red)) {
1625
+ .twa\:border-primarydark\/32 {
1626
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 32%, transparent);
1627
+ }
1628
+ }
1629
+ .twa\:border-primarydark\/35 {
1630
+ border-color: var(--ab-color-primarydark);
1631
+ }
1632
+ @supports (color: color-mix(in lab, red, red)) {
1633
+ .twa\:border-primarydark\/35 {
1634
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 35%, transparent);
1635
+ }
1636
+ }
1443
1637
  .twa\:border-primarylight {
1444
1638
  border-color: var(--ab-color-primarylight);
1445
1639
  }
@@ -1460,6 +1654,9 @@
1460
1654
  border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
1461
1655
  }
1462
1656
  }
1657
+ .twa\:\!bg-\[var\(--ab-cmp-wizard-selection__background\)\] {
1658
+ background-color: var(--ab-cmp-wizard-selection__background) !important;
1659
+ }
1463
1660
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
1464
1661
  background-color: var(--ab-cmp-input--disabled__background);
1465
1662
  }
@@ -1478,6 +1675,14 @@
1478
1675
  .twa\:bg-\(--ab-dashboard-tab-drop-target__background\) {
1479
1676
  background-color: var(--ab-dashboard-tab-drop-target__background);
1480
1677
  }
1678
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1679
+ background-color: var(--ab-color-primary);
1680
+ }
1681
+ @supports (color: color-mix(in lab, red, red)) {
1682
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1683
+ background-color: color-mix(in srgb,var(--ab-color-primary) 35%,transparent);
1684
+ }
1685
+ }
1481
1686
  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
1482
1687
  background-color: var(--ab-color-primary);
1483
1688
  }
@@ -1486,14 +1691,14 @@
1486
1691
  background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
1487
1692
  }
1488
1693
  }
1489
- .twa\:bg-\[var\(--ab-color-primary\)\] {
1490
- background-color: var(--ab-color-primary);
1694
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1695
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1491
1696
  }
1492
- .twa\:bg-\[var\(--ab-color-primarylight\)\] {
1493
- background-color: var(--ab-color-primarylight);
1697
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-indicator-inner\)\] {
1698
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-indicator-inner);
1494
1699
  }
1495
- .twa\:bg-\[var\(--ab-color-surface\)\] {
1496
- background-color: var(--ab-color-surface);
1700
+ .twa\:bg-\[var\(--ab-color-primary\)\] {
1701
+ background-color: var(--ab-color-primary);
1497
1702
  }
1498
1703
  .twa\:bg-accent {
1499
1704
  background-color: var(--ab-color-accent);
@@ -1519,9 +1724,15 @@
1519
1724
  .twa\:bg-border {
1520
1725
  background-color: var(--ab-color-border);
1521
1726
  }
1727
+ .twa\:bg-card {
1728
+ background-color: var(--ab-color-card);
1729
+ }
1522
1730
  .twa\:bg-current {
1523
1731
  background-color: currentcolor;
1524
1732
  }
1733
+ .twa\:bg-destructive {
1734
+ background-color: var(--ab-color-destructive);
1735
+ }
1525
1736
  .twa\:bg-destructive\/10 {
1526
1737
  background-color: var(--ab-color-destructive);
1527
1738
  }
@@ -1530,17 +1741,6 @@
1530
1741
  background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
1531
1742
  }
1532
1743
  }
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
1744
  .twa\:bg-foreground {
1545
1745
  background-color: var(--ab-color-foreground);
1546
1746
  }
@@ -1561,6 +1761,14 @@
1561
1761
  .twa\:bg-muted {
1562
1762
  background-color: var(--ab-color-muted);
1563
1763
  }
1764
+ .twa\:bg-muted\/50 {
1765
+ background-color: var(--ab-color-muted);
1766
+ }
1767
+ @supports (color: color-mix(in lab, red, red)) {
1768
+ .twa\:bg-muted\/50 {
1769
+ background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
1770
+ }
1771
+ }
1564
1772
  .twa\:bg-popover {
1565
1773
  background-color: var(--ab-color-popover);
1566
1774
  }
@@ -1596,6 +1804,18 @@
1596
1804
  .twa\:bg-clip-padding {
1597
1805
  background-clip: padding-box;
1598
1806
  }
1807
+ .twa\:fill-action-clone-foreground {
1808
+ fill: var(--ab-color-action-clone-foreground);
1809
+ }
1810
+ .twa\:fill-action-delete-foreground {
1811
+ fill: var(--ab-color-action-delete-foreground);
1812
+ }
1813
+ .twa\:fill-action-edit-foreground {
1814
+ fill: var(--ab-color-action-edit-foreground);
1815
+ }
1816
+ .twa\:fill-action-share-foreground {
1817
+ fill: var(--ab-color-action-share-foreground);
1818
+ }
1599
1819
  .twa\:fill-current {
1600
1820
  fill: currentcolor;
1601
1821
  }
@@ -1605,53 +1825,47 @@
1605
1825
  .twa\:fill-red-500 {
1606
1826
  fill: var(--twa-color-red-500);
1607
1827
  }
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
1828
  .twa\:\!p-0 {
1621
- padding: calc(var(--ab-base-space) * 0) !important;
1829
+ padding: 0 !important;
1622
1830
  }
1623
1831
  .twa\:p-0 {
1624
- padding: calc(var(--ab-base-space) * 0);
1832
+ padding: 0;
1625
1833
  }
1626
1834
  .twa\:p-0\! {
1627
- padding: calc(var(--ab-base-space) * 0) !important;
1835
+ padding: 0 !important;
1628
1836
  }
1629
1837
  .twa\:p-0\.5 {
1630
1838
  padding: calc(var(--ab-base-space) * 0.5);
1631
1839
  }
1632
1840
  .twa\:p-1 {
1633
- padding: calc(var(--ab-base-space) * 1);
1841
+ padding: var(--ab-base-space);
1634
1842
  }
1635
1843
  .twa\:p-2 {
1636
1844
  padding: calc(var(--ab-base-space) * 2);
1637
1845
  }
1846
+ .twa\:p-2\.5 {
1847
+ padding: calc(var(--ab-base-space) * 2.5);
1848
+ }
1638
1849
  .twa\:p-3 {
1639
1850
  padding: calc(var(--ab-base-space) * 3);
1640
1851
  }
1641
1852
  .twa\:p-4 {
1642
1853
  padding: calc(var(--ab-base-space) * 4);
1643
1854
  }
1644
- .twa\:p-5 {
1645
- padding: calc(var(--ab-base-space) * 5);
1855
+ .twa\:\!px-1\.5 {
1856
+ padding-inline: calc(var(--ab-base-space) * 1.5) !important;
1857
+ }
1858
+ .twa\:\!px-2 {
1859
+ padding-inline: calc(var(--ab-base-space) * 2) !important;
1646
1860
  }
1647
1861
  .twa\:px-\(--cell-size\) {
1648
1862
  padding-inline: var(--cell-size);
1649
1863
  }
1650
1864
  .twa\:px-0 {
1651
- padding-inline: calc(var(--ab-base-space) * 0);
1865
+ padding-inline: 0;
1652
1866
  }
1653
1867
  .twa\:px-1 {
1654
- padding-inline: calc(var(--ab-base-space) * 1);
1868
+ padding-inline: var(--ab-base-space);
1655
1869
  }
1656
1870
  .twa\:px-1\.5 {
1657
1871
  padding-inline: calc(var(--ab-base-space) * 1.5);
@@ -1668,14 +1882,23 @@
1668
1882
  .twa\:px-4 {
1669
1883
  padding-inline: calc(var(--ab-base-space) * 4);
1670
1884
  }
1885
+ .twa\:\!py-1 {
1886
+ padding-block: var(--ab-base-space) !important;
1887
+ }
1888
+ .twa\:\!py-1\.5 {
1889
+ padding-block: calc(var(--ab-base-space) * 1.5) !important;
1890
+ }
1891
+ .twa\:\!py-2 {
1892
+ padding-block: calc(var(--ab-base-space) * 2) !important;
1893
+ }
1671
1894
  .twa\:py-0 {
1672
- padding-block: calc(var(--ab-base-space) * 0);
1895
+ padding-block: 0;
1673
1896
  }
1674
1897
  .twa\:py-0\.5 {
1675
1898
  padding-block: calc(var(--ab-base-space) * 0.5);
1676
1899
  }
1677
1900
  .twa\:py-1 {
1678
- padding-block: calc(var(--ab-base-space) * 1);
1901
+ padding-block: var(--ab-base-space);
1679
1902
  }
1680
1903
  .twa\:py-1\.5 {
1681
1904
  padding-block: calc(var(--ab-base-space) * 1.5);
@@ -1686,18 +1909,24 @@
1686
1909
  .twa\:py-3 {
1687
1910
  padding-block: calc(var(--ab-base-space) * 3);
1688
1911
  }
1912
+ .twa\:\!pt-0 {
1913
+ padding-top: 0 !important;
1914
+ }
1689
1915
  .twa\:pt-0 {
1690
- padding-top: calc(var(--ab-base-space) * 0);
1916
+ padding-top: 0;
1691
1917
  }
1692
1918
  .twa\:pt-0\.5 {
1693
1919
  padding-top: calc(var(--ab-base-space) * 0.5);
1694
1920
  }
1695
1921
  .twa\:pt-1 {
1696
- padding-top: calc(var(--ab-base-space) * 1);
1922
+ padding-top: var(--ab-base-space);
1697
1923
  }
1698
1924
  .twa\:pt-2 {
1699
1925
  padding-top: calc(var(--ab-base-space) * 2);
1700
1926
  }
1927
+ .twa\:pt-2\.5 {
1928
+ padding-top: calc(var(--ab-base-space) * 2.5);
1929
+ }
1701
1930
  .twa\:pt-3 {
1702
1931
  padding-top: calc(var(--ab-base-space) * 3);
1703
1932
  }
@@ -1705,22 +1934,31 @@
1705
1934
  padding-top: calc(var(--ab-base-space) * 4);
1706
1935
  }
1707
1936
  .twa\:pr-0 {
1708
- padding-right: calc(var(--ab-base-space) * 0);
1937
+ padding-right: 0;
1709
1938
  }
1710
1939
  .twa\:pr-1 {
1711
- padding-right: calc(var(--ab-base-space) * 1);
1940
+ padding-right: var(--ab-base-space);
1712
1941
  }
1713
1942
  .twa\:pr-2 {
1714
1943
  padding-right: calc(var(--ab-base-space) * 2);
1715
1944
  }
1945
+ .twa\:pr-7 {
1946
+ padding-right: calc(var(--ab-base-space) * 7);
1947
+ }
1716
1948
  .twa\:pr-8 {
1717
1949
  padding-right: calc(var(--ab-base-space) * 8);
1718
1950
  }
1719
1951
  .twa\:pr-\[30px\] {
1720
1952
  padding-right: 30px;
1721
1953
  }
1954
+ .twa\:\!pb-0 {
1955
+ padding-bottom: 0 !important;
1956
+ }
1957
+ .twa\:pb-0 {
1958
+ padding-bottom: 0;
1959
+ }
1722
1960
  .twa\:pb-1 {
1723
- padding-bottom: calc(var(--ab-base-space) * 1);
1961
+ padding-bottom: var(--ab-base-space);
1724
1962
  }
1725
1963
  .twa\:pb-2 {
1726
1964
  padding-bottom: calc(var(--ab-base-space) * 2);
@@ -1729,10 +1967,10 @@
1729
1967
  padding-bottom: calc(var(--ab-base-space) * 3);
1730
1968
  }
1731
1969
  .twa\:pl-0 {
1732
- padding-left: calc(var(--ab-base-space) * 0);
1970
+ padding-left: 0;
1733
1971
  }
1734
1972
  .twa\:pl-1 {
1735
- padding-left: calc(var(--ab-base-space) * 1);
1973
+ padding-left: var(--ab-base-space);
1736
1974
  }
1737
1975
  .twa\:pl-2 {
1738
1976
  padding-left: calc(var(--ab-base-space) * 2);
@@ -1774,6 +2012,10 @@
1774
2012
  font-size: var(--ab-font-size-2);
1775
2013
  line-height: var(--twa-leading-relaxed);
1776
2014
  }
2015
+ .twa\:text-3xl {
2016
+ font-size: var(--twa-text-3xl);
2017
+ line-height: var(--tw-leading, var(--twa-text-3xl--line-height));
2018
+ }
1777
2019
  .twa\:text-base {
1778
2020
  font-size: var(--twa-text-base);
1779
2021
  line-height: var(--tw-leading, var(--twa-text-base--line-height));
@@ -1808,6 +2050,12 @@
1808
2050
  .twa\:text-\[0\.8rem\] {
1809
2051
  font-size: 0.8rem;
1810
2052
  }
2053
+ .twa\:text-\[10px\] {
2054
+ font-size: 10px;
2055
+ }
2056
+ .twa\:text-\[11px\] {
2057
+ font-size: 11px;
2058
+ }
1811
2059
  .twa\:leading-4 {
1812
2060
  --tw-leading: calc(var(--ab-base-space) * 4);
1813
2061
  line-height: calc(var(--ab-base-space) * 4);
@@ -1820,9 +2068,9 @@
1820
2068
  --tw-leading: var(--twa-leading-normal);
1821
2069
  line-height: var(--twa-leading-normal);
1822
2070
  }
1823
- .twa\:leading-relaxed {
1824
- --tw-leading: var(--twa-leading-relaxed);
1825
- line-height: var(--twa-leading-relaxed);
2071
+ .twa\:leading-snug {
2072
+ --tw-leading: var(--twa-leading-snug);
2073
+ line-height: var(--twa-leading-snug);
1826
2074
  }
1827
2075
  .twa\:leading-tight {
1828
2076
  --tw-leading: var(--twa-leading-tight);
@@ -1844,6 +2092,10 @@
1844
2092
  --tw-font-weight: var(--twa-font-weight-semibold);
1845
2093
  font-weight: var(--twa-font-weight-semibold);
1846
2094
  }
2095
+ .twa\:tracking-wide {
2096
+ --tw-tracking: var(--twa-tracking-wide);
2097
+ letter-spacing: var(--twa-tracking-wide);
2098
+ }
1847
2099
  .twa\:tracking-widest {
1848
2100
  --tw-tracking: var(--twa-tracking-widest);
1849
2101
  letter-spacing: var(--twa-tracking-widest);
@@ -1863,6 +2115,17 @@
1863
2115
  .twa\:whitespace-pre-wrap {
1864
2116
  white-space: pre-wrap;
1865
2117
  }
2118
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2119
+ color: var(--ab-color-foreground) !important;
2120
+ }
2121
+ @supports (color: color-mix(in lab, red, red)) {
2122
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2123
+ color: color-mix(in srgb,var(--ab-color-foreground) 55%,transparent) !important;
2124
+ }
2125
+ }
2126
+ .twa\:\!text-accent {
2127
+ color: var(--ab-color-accent) !important;
2128
+ }
1866
2129
  .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
1867
2130
  color: var(--ab-cmp-toggle-button--checked__color);
1868
2131
  }
@@ -1884,17 +2147,32 @@
1884
2147
  .twa\:text-accentlight {
1885
2148
  color: var(--ab-color-accentlight);
1886
2149
  }
2150
+ .twa\:text-action-clone-foreground {
2151
+ color: var(--ab-color-action-clone-foreground);
2152
+ }
2153
+ .twa\:text-action-delete-foreground {
2154
+ color: var(--ab-color-action-delete-foreground);
2155
+ }
2156
+ .twa\:text-action-edit-foreground {
2157
+ color: var(--ab-color-action-edit-foreground);
2158
+ }
2159
+ .twa\:text-action-share-foreground {
2160
+ color: var(--ab-color-action-share-foreground);
2161
+ }
1887
2162
  .twa\:text-background {
1888
2163
  color: var(--ab-color-background);
1889
2164
  }
2165
+ .twa\:text-card-foreground {
2166
+ color: var(--ab-color-card-foreground);
2167
+ }
1890
2168
  .twa\:text-current {
1891
2169
  color: currentcolor;
1892
2170
  }
1893
2171
  .twa\:text-destructive {
1894
2172
  color: var(--ab-color-destructive);
1895
2173
  }
1896
- .twa\:text-error {
1897
- color: var(--ab-color-error);
2174
+ .twa\:text-destructive-foreground {
2175
+ color: var(--ab-color-destructive-foreground);
1898
2176
  }
1899
2177
  .twa\:text-foreground {
1900
2178
  color: var(--ab-color-foreground);
@@ -1905,6 +2183,9 @@
1905
2183
  .twa\:text-info {
1906
2184
  color: var(--ab-color-info);
1907
2185
  }
2186
+ .twa\:text-info-foreground {
2187
+ color: var(--ab-color-info-foreground);
2188
+ }
1908
2189
  .twa\:text-inherit {
1909
2190
  color: inherit;
1910
2191
  }
@@ -1932,33 +2213,18 @@
1932
2213
  .twa\:text-success {
1933
2214
  color: var(--ab-color-success);
1934
2215
  }
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);
2216
+ .twa\:text-success-foreground {
2217
+ color: var(--ab-color-success-foreground);
1958
2218
  }
1959
2219
  .twa\:text-warn {
1960
2220
  color: var(--ab-color-warn);
1961
2221
  }
2222
+ .twa\:text-warn-foreground {
2223
+ color: var(--ab-color-warn-foreground);
2224
+ }
2225
+ .twa\:uppercase {
2226
+ text-transform: uppercase;
2227
+ }
1962
2228
  .twa\:italic {
1963
2229
  font-style: italic;
1964
2230
  }
@@ -2067,6 +2333,11 @@
2067
2333
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2068
2334
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2069
2335
  }
2336
+ .twa\:transition-\[border-color\,background-color\] {
2337
+ transition-property: border-color,background-color;
2338
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2339
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2340
+ }
2070
2341
  .twa\:transition-\[color\,box-shadow\] {
2071
2342
  transition-property: color,box-shadow;
2072
2343
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2077,6 +2348,11 @@
2077
2348
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2078
2349
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2079
2350
  }
2351
+ .twa\:transition-colors {
2352
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2353
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2354
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2355
+ }
2080
2356
  .twa\:transition-opacity {
2081
2357
  transition-property: opacity;
2082
2358
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2106,6 +2382,9 @@
2106
2382
  .twa\:\[--ab-grid-row-height\:45px\] {
2107
2383
  --ab-grid-row-height: 45px;
2108
2384
  }
2385
+ .twa\:\[--ab-radio-gap\:0\] {
2386
+ --ab-radio-gap: 0;
2387
+ }
2109
2388
  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
2110
2389
  --cell-radius: var(--radius-md);
2111
2390
  }
@@ -2119,7 +2398,7 @@
2119
2398
  z-index: 1;
2120
2399
  }
2121
2400
  :is(.twa\:\*\:m-0 > *) {
2122
- margin: calc(var(--ab-base-space) * 0);
2401
+ margin: 0;
2123
2402
  }
2124
2403
  :is(.twa\:\*\:min-h-\[400px\] > *) {
2125
2404
  min-height: 400px;
@@ -2127,18 +2406,27 @@
2127
2406
  :is(.twa\:\*\:min-w-\[400px\] > *) {
2128
2407
  min-width: 400px;
2129
2408
  }
2409
+ :is(.twa\:\*\:min-w-fit > *) {
2410
+ min-width: fit-content;
2411
+ }
2130
2412
  :is(.twa\:\*\:flex-1 > *) {
2131
2413
  flex: 1;
2132
2414
  }
2415
+ :is(.twa\:\*\:shrink-0 > *) {
2416
+ flex-shrink: 0;
2417
+ }
2133
2418
  :is(.twa\:\*\:rounded-standard > *) {
2134
2419
  border-radius: var(--ab-border-radius);
2135
2420
  }
2136
2421
  :is(.twa\:\*\:p-1 > *) {
2137
- padding: calc(var(--ab-base-space) * 1);
2422
+ padding: var(--ab-base-space);
2138
2423
  }
2139
2424
  :is(.twa\:\*\:p-3 > *) {
2140
2425
  padding: calc(var(--ab-base-space) * 3);
2141
2426
  }
2427
+ :is(.twa\:\*\:px-4 > *) {
2428
+ padding-inline: calc(var(--ab-base-space) * 4);
2429
+ }
2142
2430
  :is(.twa\:\*\:outline-0 > *) {
2143
2431
  outline-style: var(--tw-outline-style);
2144
2432
  outline-width: 0px;
@@ -2182,7 +2470,7 @@
2182
2470
  max-height: none;
2183
2471
  }
2184
2472
  .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);
2473
+ min-height: 0;
2186
2474
  }
2187
2475
  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2188
2476
  flex: 1;
@@ -2266,11 +2554,11 @@
2266
2554
  }
2267
2555
  .twa\:before\:inset-0::before {
2268
2556
  content: var(--tw-content);
2269
- inset: calc(var(--ab-base-space) * 0);
2557
+ inset: 0;
2270
2558
  }
2271
2559
  .twa\:before\:inset-1::before {
2272
2560
  content: var(--tw-content);
2273
- inset: calc(var(--ab-base-space) * 1);
2561
+ inset: var(--ab-base-space);
2274
2562
  }
2275
2563
  .twa\:before\:z-0::before {
2276
2564
  content: var(--tw-content);
@@ -2340,19 +2628,19 @@
2340
2628
  }
2341
2629
  .twa\:after\:inset-0::after {
2342
2630
  content: var(--tw-content);
2343
- inset: calc(var(--ab-base-space) * 0);
2631
+ inset: 0;
2344
2632
  }
2345
2633
  .twa\:after\:inset-y-0::after {
2346
2634
  content: var(--tw-content);
2347
- inset-block: calc(var(--ab-base-space) * 0);
2635
+ inset-block: 0;
2348
2636
  }
2349
2637
  .twa\:after\:right-0::after {
2350
2638
  content: var(--tw-content);
2351
- right: calc(var(--ab-base-space) * 0);
2639
+ right: 0;
2352
2640
  }
2353
2641
  .twa\:after\:left-0::after {
2354
2642
  content: var(--tw-content);
2355
- left: calc(var(--ab-base-space) * 0);
2643
+ left: 0;
2356
2644
  }
2357
2645
  .twa\:after\:w-4::after {
2358
2646
  content: var(--tw-content);
@@ -2367,10 +2655,18 @@
2367
2655
  border-style: var(--tw-border-style);
2368
2656
  border-width: 2px;
2369
2657
  }
2658
+ .twa\:after\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\]::after {
2659
+ content: var(--tw-content);
2660
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
2661
+ }
2370
2662
  .twa\:after\:border-accent::after {
2371
2663
  content: var(--tw-content);
2372
2664
  border-color: var(--ab-color-accent);
2373
2665
  }
2666
+ .twa\:after\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-overlay\)\]::after {
2667
+ content: var(--tw-content);
2668
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-overlay);
2669
+ }
2374
2670
  .twa\:after\:bg-accent\/15::after {
2375
2671
  content: var(--tw-content);
2376
2672
  background-color: var(--ab-color-accent);
@@ -2682,10 +2978,17 @@
2682
2978
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2683
2979
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2684
2980
  }
2981
+ .twa\:focus-visible\:ring-2:focus-visible {
2982
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2983
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2984
+ }
2685
2985
  .twa\:focus-visible\:ring-3:focus-visible {
2686
2986
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2687
2987
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2688
2988
  }
2989
+ .twa\:focus-visible\:ring-accent:focus-visible {
2990
+ --tw-ring-color: var(--ab-color-accent);
2991
+ }
2689
2992
  .twa\:focus-visible\:ring-destructive\/20:focus-visible {
2690
2993
  --tw-ring-color: var(--ab-color-destructive);
2691
2994
  }
@@ -2694,6 +2997,9 @@
2694
2997
  --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2695
2998
  }
2696
2999
  }
3000
+ .twa\:focus-visible\:ring-ring:focus-visible {
3001
+ --tw-ring-color: var(--ab-color-ring);
3002
+ }
2697
3003
  .twa\:focus-visible\:ring-ring\/50:focus-visible {
2698
3004
  --tw-ring-color: var(--ab-color-ring);
2699
3005
  }
@@ -2702,12 +3008,19 @@
2702
3008
  --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2703
3009
  }
2704
3010
  }
3011
+ .twa\:focus-visible\:ring-offset-1:focus-visible {
3012
+ --tw-ring-offset-width: 1px;
3013
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3014
+ }
2705
3015
  .twa\:focus-visible\:outline-none:focus-visible {
2706
3016
  --tw-outline-style: none;
2707
3017
  outline-style: none;
2708
3018
  }
3019
+ .twa\:focus-visible\:ring-inset:focus-visible {
3020
+ --tw-ring-inset: inset;
3021
+ }
2709
3022
  .twa\:active\:translate-y-0:active {
2710
- --tw-translate-y: calc(var(--ab-base-space) * 0);
3023
+ --tw-translate-y: 0;
2711
3024
  translate: var(--tw-translate-x) var(--tw-translate-y);
2712
3025
  }
2713
3026
  .twa\:active\:translate-y-px:active {
@@ -2785,7 +3098,7 @@
2785
3098
  padding-inline: calc(var(--ab-base-space) * 1.5);
2786
3099
  }
2787
3100
  .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(*[data-slot="combobox-chip-remove"]) {
2788
- padding-right: calc(var(--ab-base-space) * 0);
3101
+ padding-right: 0;
2789
3102
  }
2790
3103
  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
2791
3104
  padding-right: calc(var(--ab-base-space) * 1.5);
@@ -2845,7 +3158,7 @@
2845
3158
  margin-left: -0.15rem;
2846
3159
  }
2847
3160
  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
2848
- padding: calc(var(--ab-base-space) * 0);
3161
+ padding: 0;
2849
3162
  }
2850
3163
  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
2851
3164
  height: auto;
@@ -2908,7 +3221,7 @@
2908
3221
  opacity: 50%;
2909
3222
  }
2910
3223
  .twa\:data-empty\:p-0[data-empty] {
2911
- padding: calc(var(--ab-base-space) * 0);
3224
+ padding: 0;
2912
3225
  }
2913
3226
  .twa\:data-highlighted\:bg-accent[data-highlighted] {
2914
3227
  background-color: var(--ab-color-accent);
@@ -3005,7 +3318,7 @@
3005
3318
  border-radius: 0;
3006
3319
  }
3007
3320
  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
3008
- top: calc(var(--ab-base-space) * 1);
3321
+ top: var(--ab-base-space);
3009
3322
  }
3010
3323
  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3011
3324
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
@@ -3078,10 +3391,10 @@
3078
3391
  min-height: auto;
3079
3392
  }
3080
3393
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
3081
- margin: calc(var(--ab-base-space) * 1);
3394
+ margin: var(--ab-base-space);
3082
3395
  }
3083
3396
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
3084
- margin-bottom: calc(var(--ab-base-space) * 0);
3397
+ margin-bottom: 0;
3085
3398
  }
3086
3399
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
3087
3400
  height: calc(var(--ab-base-space) * 8);
@@ -3158,11 +3471,6 @@
3158
3471
  .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
3159
3472
  color: var(--ab-color-destructive);
3160
3473
  }
3161
- @media (width >= 48rem) {
3162
- .twa\:md\:grid-cols-\[1fr_1fr\] {
3163
- grid-template-columns: 1fr 1fr;
3164
- }
3165
- }
3166
3474
  @media (width >= 48rem) {
3167
3475
  .twa\:md\:flex-row {
3168
3476
  flex-direction: row;
@@ -3184,21 +3492,11 @@
3184
3492
  line-height: var(--tw-leading, var(--twa-text-sm--line-height));
3185
3493
  }
3186
3494
  }
3187
- @media (width >= 64rem) {
3188
- .twa\:lg\:grid {
3189
- display: grid;
3190
- }
3191
- }
3192
3495
  @media (width >= 64rem) {
3193
3496
  .twa\:lg\:flex-row {
3194
3497
  flex-direction: row;
3195
3498
  }
3196
3499
  }
3197
- @media (width >= 64rem) {
3198
- .twa\:lg\:gap-3 {
3199
- gap: calc(var(--ab-base-space) * 3);
3200
- }
3201
- }
3202
3500
  .twa\:dark\:border-input:is(.ab--theme-dark *) {
3203
3501
  border-color: var(--ab-color-input-border);
3204
3502
  }
@@ -3304,6 +3602,37 @@
3304
3602
  background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3305
3603
  }
3306
3604
  }
3605
+ .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
3606
+ width: 100%;
3607
+ }
3608
+ .twa\:\[\&_\.ab-Input\]\:rounded-l-none\! .ab-Input {
3609
+ border-top-left-radius: 0 !important;
3610
+ border-bottom-left-radius: 0 !important;
3611
+ }
3612
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:w-full\! [data-slot=input-group] {
3613
+ width: 100% !important;
3614
+ }
3615
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:rounded-l-none\! [data-slot=input-group] {
3616
+ border-top-left-radius: 0 !important;
3617
+ border-bottom-left-radius: 0 !important;
3618
+ }
3619
+ .twa\:\[\&_input\]\:size-0 input {
3620
+ width: 0;
3621
+ height: 0;
3622
+ }
3623
+ .twa\:\[\&_input\]\:min-h-0 input {
3624
+ min-height: 0;
3625
+ }
3626
+ .twa\:\[\&_input\]\:min-w-0 input {
3627
+ min-width: 0;
3628
+ }
3629
+ .twa\:\[\&_input\]\:border-0 input {
3630
+ border-style: var(--tw-border-style);
3631
+ border-width: 0px;
3632
+ }
3633
+ .twa\:\[\&_input\]\:p-0 input {
3634
+ padding: 0;
3635
+ }
3307
3636
  .twa\:\[\&_p\]\:text-primary-foreground p {
3308
3637
  color: var(--ab-color-primary-foreground);
3309
3638
  }
@@ -3329,7 +3658,7 @@
3329
3658
  border-bottom-left-radius: var(--ab-border-radius);
3330
3659
  }
3331
3660
  .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);
3661
+ padding-block: 0;
3333
3662
  }
3334
3663
  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
3335
3664
  padding-bottom: calc(var(--ab-base-space) * 2);
@@ -3450,7 +3779,7 @@
3450
3779
  position: absolute;
3451
3780
  }
3452
3781
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
3453
- inset-inline: calc(var(--ab-base-space) * 0);
3782
+ inset-inline: 0;
3454
3783
  }
3455
3784
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
3456
3785
  inset-block: calc(var(--ab-base-space) * 0.5);
@@ -5445,7 +5774,6 @@
5445
5774
  }
5446
5775
  :root {
5447
5776
  --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
5448
- --ab-color-error: #dc3545;
5449
5777
  --ab-color-warn: #eb9316;
5450
5778
  --ab-color-info: #17a2b8;
5451
5779
  --ab-color-success: #419641;
@@ -5484,18 +5812,17 @@
5484
5812
  --ab-color-swatch-18: #ff0000;
5485
5813
  --ab-color-swatch-19: #dc143c;
5486
5814
  --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;
5815
+ --ab-color-success-foreground: white;
5816
+ --ab-color-info-foreground: white;
5817
+ --ab-color-warn-foreground: white;
5491
5818
  --ab-color-action-edit: #17a2b8;
5492
5819
  --ab-color-action-share: #eb9316;
5493
5820
  --ab-color-action-delete: #dc3545;
5494
5821
  --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;
5822
+ --ab-color-action-edit-foreground: white;
5823
+ --ab-color-action-share-foreground: white;
5824
+ --ab-color-action-delete-foreground: white;
5825
+ --ab-color-action-clone-foreground: white;
5499
5826
  --ab-color-primary: #e9e9e9;
5500
5827
  --ab-color-primary-foreground: #656565;
5501
5828
  --ab-color-primarydark: #b7b7b7;
@@ -5516,13 +5843,17 @@
5516
5843
  --ab-color-secondary-foreground: oklch(0.205 0 0);
5517
5844
  --ab-color-muted: var(--ab-color-primarylight);
5518
5845
  --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);
5846
+ --ab-color-destructive: var(--ab-color-error, #dc3545);
5847
+ --ab-color-destructive-foreground: white;
5521
5848
  --ab-color-border: oklch(0.922 0 0);
5522
5849
  --ab-color-ring: var(--ab-color-accent);
5850
+ --ab-color-card: #f5f5f5;
5851
+ --ab-color-card-foreground: var(--ab-color-foreground);
5523
5852
  --ab-icon-fill: currentColor;
5524
5853
  --ab-custom-scrollbar-size: 10px;
5525
5854
  --ab-grid-row-height: 35px;
5855
+ --ab-cmp-column-tag__background: #d8e0e8;
5856
+ --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
5526
5857
  --ab-loaded: 777;
5527
5858
  --ab_flex-direction: column;
5528
5859
  --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
@@ -5595,7 +5926,10 @@
5595
5926
  --ag-checkbox-checked-color,
5596
5927
  var(--ag-balham-active-color, #0091ea)
5597
5928
  );
5598
- --ab-cmp-checkbox--checked__background: var(--ag-background-color);
5929
+ --ab-cmp-checkbox--checked__background: var(
5930
+ --ag-background-color,
5931
+ var(--ab-color-input-background)
5932
+ );
5599
5933
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
5600
5934
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
5601
5935
  }
@@ -5668,6 +6002,9 @@
5668
6002
  bottom: 16px;
5669
6003
  left: 8px;
5670
6004
  }
6005
+ :root {
6006
+ --ab-radio-gap: calc(var(--ab-base-space) * 2);
6007
+ }
5671
6008
  :root {
5672
6009
  --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
5673
6010
  --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
@@ -5678,21 +6015,6 @@
5678
6015
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
5679
6016
  --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
5680
6017
  }
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
6018
  :root {
5697
6019
  --ab-cmp-field-wrap__background: var(--ab-color-input-background);
5698
6020
  --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
@@ -5816,7 +6138,12 @@
5816
6138
  --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab-border-radius);
5817
6139
  --ab-cmp-module-module-selector__tab-item__width: 160px;
5818
6140
  --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);
6141
+ --ab-cmp-module-module-selector__toolbar-item__border: 1px dashed var(--ab-color-primarydark);
6142
+ --ab-cmp-module-module-selector__draggable-chip__background: var(
6143
+ --ab-cmp-draggable-list-item__background,
6144
+ var(--ab-color-background)
6145
+ );
6146
+ --ab-cmp-module-module-selector__draggable-chip__color: var(--ab-color-foreground);
5820
6147
  }
5821
6148
  :root {
5822
6149
  --ab-cmp-loader__background: var(--ab-color-primarydark);
@@ -5917,6 +6244,63 @@
5917
6244
  min-height: 100%;
5918
6245
  overflow: hidden;
5919
6246
  }
6247
+ :root {
6248
+ --ab-cmp-wizard-selection__border: var(--ab-color-accent);
6249
+ --ab-cmp-wizard-selection__background: var(--ab-color-accent);
6250
+ }
6251
+ @supports (color: color-mix(in lab, red, red)) {
6252
+ :root {
6253
+ --ab-cmp-wizard-selection__background: color-mix(
6254
+ in srgb,
6255
+ var(--ab-color-accent) 22%,
6256
+ var(--ab-color-accentlight)
6257
+ );
6258
+ }
6259
+ }
6260
+ :root {
6261
+ --ab-cmp-collapsible-wizard-card__expanded-border: var(--ab-color-primary);
6262
+ --ab-cmp-collapsible-wizard-card__collapsed-border: var(--ab-color-primarydark);
6263
+ }
6264
+ @supports (color: color-mix(in lab, red, red)) {
6265
+ :root {
6266
+ --ab-cmp-collapsible-wizard-card__collapsed-border: color-mix(
6267
+ in srgb,
6268
+ var(--ab-color-primarydark) 55%,
6269
+ transparent
6270
+ );
6271
+ }
6272
+ }
6273
+ :root {
6274
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: var(--ab-color-primarydark);
6275
+ }
6276
+ @supports (color: color-mix(in lab, red, red)) {
6277
+ :root {
6278
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: color-mix(
6279
+ in srgb,
6280
+ var(--ab-color-primarydark) 38%,
6281
+ transparent
6282
+ );
6283
+ }
6284
+ }
6285
+ .ab-CollapsibleWizardCard--compact.ab-CollapsibleWizardCard .ab-Card__title {
6286
+ padding-bottom: 0;
6287
+ }
6288
+ :root {
6289
+ --ab-cmp-wizard-type-selection-card__selected-border: var(--ab-color-accent);
6290
+ --ab-cmp-wizard-type-selection-card__selected-overlay: var(--ab-color-accent);
6291
+ }
6292
+ @supports (color: color-mix(in lab, red, red)) {
6293
+ :root {
6294
+ --ab-cmp-wizard-type-selection-card__selected-overlay: color-mix(
6295
+ in srgb,
6296
+ var(--ab-color-accent) 15%,
6297
+ transparent
6298
+ );
6299
+ }
6300
+ }
6301
+ :root {
6302
+ --ab-cmp-wizard-type-selection-card__selected-indicator-inner: var(--ab-color-base);
6303
+ }
5920
6304
  :root {
5921
6305
  --ab-cmp-toolpanel__width: 200px;
5922
6306
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
@@ -5942,6 +6326,10 @@
5942
6326
  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: calc(var(--ab-base-space) * 2)
5943
6327
  calc(var(--ab-base-space) * 2);
5944
6328
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: calc(var(--ab-base-space) * 2);
6329
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: var(
6330
+ --ab-color-border,
6331
+ var(--ab-color-primarydark)
6332
+ );
5945
6333
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
5946
6334
  }
5947
6335
  :root {
@@ -6270,51 +6658,6 @@
6270
6658
  .ab-Dropdown--empty .ab-Dropdown__text {
6271
6659
  color: var(--ab-color-foreground);
6272
6660
  }
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
6661
  .ab-FieldWrap {
6319
6662
  border: 1px solid var(--ab-color-input-border);
6320
6663
  color: 1px solid var(--ab-color-input-foreground);
@@ -7145,6 +7488,10 @@
7145
7488
  .ab-Tag {
7146
7489
  max-width: 100%;
7147
7490
  }
7491
+ .ab-Tag.ab-Tag--column {
7492
+ background: var(--ab-cmp-column-tag__background);
7493
+ color: var(--ab-cmp-column-tag__foreground, inherit);
7494
+ }
7148
7495
  .ab-ModuleSelector__TabItem {
7149
7496
  display: flex;
7150
7497
  flex-direction: column;
@@ -7176,9 +7523,100 @@
7176
7523
  padding-bottom: 0;
7177
7524
  min-height: 200px;
7178
7525
  }
7526
+ .ab-ModuleSelector__ToolbarList--compact {
7527
+ flex: none;
7528
+ min-height: 2.5rem;
7529
+ padding: 6px 8px;
7530
+ border: var(--ab-cmp-module-module-selector__tab-item__border);
7531
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
7532
+ }
7533
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--horizontal {
7534
+ display: flex;
7535
+ flex-direction: row;
7536
+ flex-wrap: wrap;
7537
+ align-items: center;
7538
+ gap: 4px;
7539
+ }
7540
+ .ab-ModuleSelector--strip .ab-ModuleSelector__UnusedPanel, .ab-ModuleSelector--rows .ab-ModuleSelector__UnusedPanel {
7541
+ margin-bottom: 0;
7542
+ }
7543
+ .ab-ModuleSelector__TabItem--row {
7544
+ width: 100%;
7545
+ flex-direction: row;
7546
+ align-items: stretch;
7547
+ margin-right: 0;
7548
+ }
7549
+ .ab-ModuleSelector__TabItem__header--row {
7550
+ width: 11rem;
7551
+ flex-shrink: 0;
7552
+ border-bottom: none;
7553
+ border-right: var(--ab-cmp-module-module-selector__tab-item__border);
7554
+ }
7555
+ .ab-ModuleSelector__TabItem--row .ab-ModuleSelector__ToolbarList--compact {
7556
+ flex: 1;
7557
+ min-width: 0;
7558
+ }
7559
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--embedded {
7560
+ border: none;
7561
+ border-radius: 0;
7562
+ }
7563
+ .ab-ModuleSelector__DraggableChip {
7564
+ border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7565
+ background: var(--ab-cmp-module-module-selector__draggable-chip__background);
7566
+ color: var(--ab-cmp-module-module-selector__draggable-chip__color);
7567
+ cursor: grab;
7568
+ }
7569
+ .ab-ModuleSelector__DraggableChip:active {
7570
+ cursor: grabbing;
7571
+ }
7179
7572
  .ab-ModuleSelector__ToolbarItem {
7180
7573
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7181
7574
  }
7575
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedGroup {
7576
+ min-height: 0;
7577
+ }
7578
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
7579
+ margin-bottom: 0;
7580
+ }
7581
+ .ab-ColorPicker-swatch {
7582
+ width: 36px;
7583
+ height: 24px;
7584
+ min-height: 24px !important;
7585
+ padding: 0;
7586
+ box-sizing: border-box;
7587
+ flex-shrink: 0;
7588
+ cursor: pointer;
7589
+ }
7590
+ .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
7591
+ padding: 0;
7592
+ }
7593
+ .ab-ColorPicker-swatch::-webkit-color-swatch {
7594
+ border: none;
7595
+ border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
7596
+ }
7597
+ .ab-ColorPicker-swatch::-moz-color-swatch {
7598
+ border: none;
7599
+ }
7600
+ .ab-OptionalColorPicker-empty {
7601
+ width: 36px;
7602
+ height: 24px;
7603
+ min-height: 24px;
7604
+ padding: 0;
7605
+ border: 1px dashed var(--ab-color-border, #ccc);
7606
+ border-radius: var(--ab-border-radius-input, 4px);
7607
+ cursor: pointer;
7608
+ background-color: #fff;
7609
+ 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%);
7610
+ background-size: 6px 6px;
7611
+ background-position: 0 0, 0 3px, 3px -3px, -3px 0;
7612
+ }
7613
+ .ab-OptionalColorPicker-empty:hover:not(:disabled) {
7614
+ border-color: var(--ab-color-accent, #43429e);
7615
+ }
7616
+ .ab-OptionalColorPicker-empty:disabled {
7617
+ opacity: 0.3;
7618
+ cursor: not-allowed;
7619
+ }
7182
7620
  .ab-ColorPicker-range[type='range'] {
7183
7621
  width: 120px;
7184
7622
  margin: 0;
@@ -7442,6 +7880,17 @@
7442
7880
  .ab-Adaptable-Popup__Navigation__List {
7443
7881
  padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
7444
7882
  font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
7883
+ --ab-cmp-adaptable-popup-navigation-header__color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground));
7884
+ }
7885
+ @supports (color: color-mix(in lab, red, red)) {
7886
+ .ab-Adaptable-Popup__Navigation__List {
7887
+ --ab-cmp-adaptable-popup-navigation-header__color: color-mix(
7888
+ in srgb,
7889
+ var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground))
7890
+ 55%,
7891
+ transparent
7892
+ );
7893
+ }
7445
7894
  }
7446
7895
  .ab-Adaptable-Popup__Navigation__List__Item {
7447
7896
  padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
@@ -7451,6 +7900,25 @@
7451
7900
  border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
7452
7901
  margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
7453
7902
  }
7903
+ .ab-Adaptable-Popup__Navigation__List__Item--header {
7904
+ margin-bottom: 0;
7905
+ }
7906
+ .ab-Adaptable-Popup__Navigation__List__Item__HeaderDivider {
7907
+ display: block;
7908
+ margin-top: calc(var(--ab-base-space) * 2);
7909
+ margin-bottom: calc(var(--ab-base-space) * 3);
7910
+ margin-inline: calc(var(--ab-base-space) * 2);
7911
+ border-bottom: 1px solid var(--ab-cmp-adaptable-popup-navigation-header-divider__color);
7912
+ }
7913
+ .ab-Adaptable-Popup__Navigation__List__Item__Header {
7914
+ display: block;
7915
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
7916
+ font-size: var(--ab-font-size-1, 0.75rem);
7917
+ font-weight: 600;
7918
+ letter-spacing: 0.02em;
7919
+ text-transform: uppercase;
7920
+ color: var(--ab-cmp-adaptable-popup-navigation-header__color);
7921
+ }
7454
7922
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
7455
7923
  border: none;
7456
7924
  width: 100%;
@@ -7530,6 +7998,75 @@
7530
7998
  min-width: 0;
7531
7999
  word-break: break-all;
7532
8000
  }
8001
+ .ab-ObjectListActionButton {
8002
+ border-radius: var(--ab-base-border-radius, 4px);
8003
+ min-width: 30px;
8004
+ min-height: 30px;
8005
+ box-shadow: inset 0 0 0 1px currentColor;
8006
+ }
8007
+ @supports (color: color-mix(in lab, red, red)) {
8008
+ .ab-ObjectListActionButton {
8009
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
8010
+ }
8011
+ }
8012
+ .ab-SimpleButton.ab-ObjectListActionButton--edit {
8013
+ background-color: var(--ab-color-action-edit) !important;
8014
+ }
8015
+ @supports (color: color-mix(in lab, red, red)) {
8016
+ .ab-SimpleButton.ab-ObjectListActionButton--edit {
8017
+ background-color: color-mix(in srgb, var(--ab-color-action-edit) 14%, var(--ab-color-muted)) !important;
8018
+ }
8019
+ }
8020
+ .ab-SimpleButton.ab-ObjectListActionButton--edit {
8021
+ color: var(--ab-color-action-edit);
8022
+ }
8023
+ .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8024
+ background-color: var(--ab-color-primary-foreground) !important;
8025
+ }
8026
+ @supports (color: color-mix(in lab, red, red)) {
8027
+ .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8028
+ background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
8029
+ }
8030
+ }
8031
+ .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8032
+ color: var(--ab-color-primary-foreground);
8033
+ }
8034
+ .ab-SimpleButton.ab-ObjectListActionButton--delete {
8035
+ background-color: var(--ab-color-action-delete) !important;
8036
+ }
8037
+ @supports (color: color-mix(in lab, red, red)) {
8038
+ .ab-SimpleButton.ab-ObjectListActionButton--delete {
8039
+ background-color: color-mix(in srgb, var(--ab-color-action-delete) 14%, var(--ab-color-muted)) !important;
8040
+ }
8041
+ }
8042
+ .ab-SimpleButton.ab-ObjectListActionButton--delete {
8043
+ color: var(--ab-color-action-delete);
8044
+ }
8045
+ .ab-SimpleButton.ab-ObjectListActionButton--share {
8046
+ background-color: var(--ab-color-action-share) !important;
8047
+ }
8048
+ @supports (color: color-mix(in lab, red, red)) {
8049
+ .ab-SimpleButton.ab-ObjectListActionButton--share {
8050
+ background-color: color-mix(in srgb, var(--ab-color-action-share) 14%, var(--ab-color-muted)) !important;
8051
+ }
8052
+ }
8053
+ .ab-SimpleButton.ab-ObjectListActionButton--share {
8054
+ color: var(--ab-color-action-share);
8055
+ }
8056
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8057
+ box-shadow: inset 0 0 0 1px currentColor;
8058
+ }
8059
+ @supports (color: color-mix(in lab, red, red)) {
8060
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8061
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);
8062
+ }
8063
+ }
8064
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8065
+ filter: brightness(1.03);
8066
+ }
8067
+ .ab-SimpleButton.ab-ObjectListActionButton:disabled {
8068
+ opacity: 0.5;
8069
+ }
7533
8070
  .ab-Adaptable-Object-List__Item__label {
7534
8071
  width: var(--ab-cmp-adaptable-object-list-item-label__width);
7535
8072
  }
@@ -7542,6 +8079,22 @@
7542
8079
  margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
7543
8080
  font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
7544
8081
  }
8082
+ :root {
8083
+ --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
8084
+ }
8085
+ @supports (color: color-mix(in lab, red, red)) {
8086
+ :root {
8087
+ --ab-cmp-draggable-list-item__background: color-mix(
8088
+ in srgb,
8089
+ var(--ab-color-primary) 82%,
8090
+ var(--ab-color-primarydark)
8091
+ );
8092
+ }
8093
+ }
8094
+ .ab-DraggableListItem {
8095
+ background: var(--ab-cmp-draggable-list-item__background);
8096
+ color: var(--ab-color-primary-foreground);
8097
+ }
7545
8098
  .ab-ValueSelector {
7546
8099
  overflow: hidden;
7547
8100
  }
@@ -7612,6 +8165,14 @@
7612
8165
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
7613
8166
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
7614
8167
  }
8168
+ .ab-Layout-Wizard__ColumnLayoutSizingInput {
8169
+ width: 3rem;
8170
+ min-width: 0;
8171
+ min-height: 0;
8172
+ height: 1.375rem;
8173
+ padding: 0 0.25rem;
8174
+ line-height: 1.2;
8175
+ }
7615
8176
  .ab-Badge-Definition-Editor {
7616
8177
  background: var(--cmp-Badge-Definition-Editor__background);
7617
8178
  border-color: var(--ab-color-border);
@@ -7643,7 +8204,7 @@
7643
8204
  border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
7644
8205
  }
7645
8206
  :root {
7646
- --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
8207
+ --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-destructive);
7647
8208
  }
7648
8209
  .ab-ListBoxFilterForm {
7649
8210
  width: 100%;
@@ -7681,6 +8242,7 @@
7681
8242
  border: var(--ab-cmp-icon-selector__popup__border);
7682
8243
  padding: var(--ab-cmp-icon-selector__popup__padding);
7683
8244
  border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
8245
+ min-width: 300px;
7684
8246
  }
7685
8247
  :root {
7686
8248
  --toastify-color-light: #fff;
@@ -8283,7 +8845,7 @@
8283
8845
  }
8284
8846
  }
8285
8847
  .ab-alert--error {
8286
- background: var(--ab-color-error);
8848
+ background: var(--ab-color-destructive);
8287
8849
  }
8288
8850
  .ab-alert--success {
8289
8851
  background: var(--ab-color-success);
@@ -8350,7 +8912,7 @@
8350
8912
  --toastify-color-info: var(--ab-color-info);
8351
8913
  --toastify-color-success: var(--ab-color-success);
8352
8914
  --toastify-color-warning: var(--ab-color-warn);
8353
- --toastify-color-error: var(--ab-color-error);
8915
+ --toastify-color-error: var(--ab-color-destructive);
8354
8916
  }
8355
8917
  .Toastify__toast-body {
8356
8918
  padding: 0;
@@ -8365,7 +8927,7 @@
8365
8927
  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
8366
8928
  }
8367
8929
  .Toastify__toast--error {
8368
- --ab-toast-cmp__shadow-color: var(--ab-color-error);
8930
+ --ab-toast-cmp__shadow-color: var(--ab-color-destructive);
8369
8931
  }
8370
8932
  :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
8933
  background-color: rgba(0, 0, 0, 0);
@@ -8449,14 +9011,7 @@
8449
9011
  --ab-color-destructive-foreground: oklch(0.637 0.237 25.331);
8450
9012
  --ab-color-border: oklch(0.269 0 0);
8451
9013
  --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 {
9014
+ --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8460
9015
  --ab-cmp-input--disabled__background: #232323;
8461
9016
  --ab-color-background: var(--ab-color-defaultbackground, #474c52);
8462
9017
  --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
@@ -8464,6 +9019,15 @@
8464
9019
  --ab-color-primary-foreground: #e2e2e2;
8465
9020
  --ab-color-primarylight: #3d3e3f;
8466
9021
  --ab-color-primarydark: #1c2021;
9022
+ --ab-color-card: #51555a;
9023
+ --ab-color-card-foreground: var(--ab-color-foreground);
9024
+ --ab-cmp-draggable-list-item__background: color-mix(
9025
+ in srgb,
9026
+ var(--ab-color-primary) 72%,
9027
+ var(--ab-color-primarylight)
9028
+ );
9029
+ --ab-cmp-column-tag__background: #6f7882;
9030
+ --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
8467
9031
  --ab-color-palette-1: #5c1a1a;
8468
9032
  --ab-color-palette-2: #ffb4b4;
8469
9033
  --ab-color-palette-3: #4a3b00;
@@ -8483,6 +9047,7 @@
8483
9047
  --ab-cmp-checkbox__border-color: var(--ab-color-primary-foreground);
8484
9048
  --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
8485
9049
  --ab-cmp-tabs-inactive__opacity: 0.78;
9050
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: #343a46;
8486
9051
  }
8487
9052
  .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
9053
  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;