@adaptabletools/adaptable-react-aggrid 23.0.0-canary.1 → 23.0.0-canary.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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,11 +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;
113
+ --twa-leading-tight: 1.25;
114
+ --twa-leading-snug: 1.375;
110
115
  --twa-leading-normal: 1.5;
111
116
  --twa-leading-relaxed: 1.625;
112
117
  --twa-radius-sm: 0.25rem;
@@ -284,13 +289,19 @@
284
289
  position: relative;
285
290
  }
286
291
  .twa\:inset-0 {
287
- inset: calc(var(--ab-base-space) * 0);
292
+ inset: 0;
288
293
  }
289
294
  .twa\:inset-x-0 {
290
- inset-inline: calc(var(--ab-base-space) * 0);
295
+ inset-inline: 0;
291
296
  }
292
297
  .twa\:top-0 {
293
- top: calc(var(--ab-base-space) * 0);
298
+ top: 0;
299
+ }
300
+ .twa\:top-1\/2 {
301
+ top: calc(1 / 2 * 100%);
302
+ }
303
+ .twa\:top-2\.5 {
304
+ top: calc(var(--ab-base-space) * 2.5);
294
305
  }
295
306
  .twa\:top-\[6px\] {
296
307
  top: 6px;
@@ -298,11 +309,17 @@
298
309
  .twa\:right-2 {
299
310
  right: calc(var(--ab-base-space) * 2);
300
311
  }
312
+ .twa\:right-2\.5 {
313
+ right: calc(var(--ab-base-space) * 2.5);
314
+ }
301
315
  .twa\:right-\[6px\] {
302
316
  right: 6px;
303
317
  }
304
318
  .twa\:bottom-0 {
305
- bottom: calc(var(--ab-base-space) * 0);
319
+ bottom: 0;
320
+ }
321
+ .twa\:left-0 {
322
+ left: 0;
306
323
  }
307
324
  .twa\:isolate {
308
325
  isolation: isolate;
@@ -334,8 +351,8 @@
334
351
  .twa\:col-span-2 {
335
352
  grid-column: span 2 / span 2;
336
353
  }
337
- .twa\:col-start-1 {
338
- grid-column-start: 1;
354
+ .twa\:col-span-3 {
355
+ grid-column: span 3 / span 3;
339
356
  }
340
357
  .twa\:col-start-2 {
341
358
  grid-column-start: 2;
@@ -343,29 +360,32 @@
343
360
  .twa\:col-start-3 {
344
361
  grid-column-start: 3;
345
362
  }
363
+ .twa\:col-start-4 {
364
+ grid-column-start: 4;
365
+ }
346
366
  .twa\:row-start-1 {
347
367
  grid-row-start: 1;
348
368
  }
349
369
  .twa\:row-start-2 {
350
370
  grid-row-start: 2;
351
371
  }
372
+ .twa\:row-start-3 {
373
+ grid-row-start: 3;
374
+ }
352
375
  .twa\:row-start-4 {
353
376
  grid-row-start: 4;
354
377
  }
355
378
  .twa\:row-start-5 {
356
379
  grid-row-start: 5;
357
380
  }
358
- .twa\:row-start-6 {
359
- grid-row-start: 6;
360
- }
361
381
  .twa\:float-left {
362
382
  float: left;
363
383
  }
364
384
  .twa\:m-0 {
365
- margin: calc(var(--ab-base-space) * 0);
385
+ margin: 0;
366
386
  }
367
387
  .twa\:m-1 {
368
- margin: calc(var(--ab-base-space) * 1);
388
+ margin: var(--ab-base-space);
369
389
  }
370
390
  .twa\:m-2 {
371
391
  margin: calc(var(--ab-base-space) * 2);
@@ -389,7 +409,10 @@
389
409
  margin-inline: calc(var(--ab-base-space) * 0.5);
390
410
  }
391
411
  .twa\:mx-1 {
392
- 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);
393
416
  }
394
417
  .twa\:mx-2 {
395
418
  margin-inline: calc(var(--ab-base-space) * 2);
@@ -404,13 +427,16 @@
404
427
  margin-inline: px;
405
428
  }
406
429
  .twa\:my-0 {
407
- margin-block: calc(var(--ab-base-space) * 0);
430
+ margin-block: 0;
431
+ }
432
+ .twa\:my-0\! {
433
+ margin-block: 0 !important;
408
434
  }
409
435
  .twa\:my-0\.5 {
410
436
  margin-block: calc(var(--ab-base-space) * 0.5);
411
437
  }
412
438
  .twa\:my-1 {
413
- margin-block: calc(var(--ab-base-space) * 1);
439
+ margin-block: var(--ab-base-space);
414
440
  }
415
441
  .twa\:my-2 {
416
442
  margin-block: calc(var(--ab-base-space) * 2);
@@ -421,11 +447,20 @@
421
447
  .twa\:my-\[2px\] {
422
448
  margin-block: 2px;
423
449
  }
450
+ .twa\:\!mt-0 {
451
+ margin-top: 0 !important;
452
+ }
424
453
  .twa\:mt-0 {
425
- 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);
426
458
  }
427
459
  .twa\:mt-1 {
428
- 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);
429
464
  }
430
465
  .twa\:mt-2 {
431
466
  margin-top: calc(var(--ab-base-space) * 2);
@@ -436,9 +471,6 @@
436
471
  .twa\:mt-4 {
437
472
  margin-top: calc(var(--ab-base-space) * 4);
438
473
  }
439
- .twa\:mt-5 {
440
- margin-top: calc(var(--ab-base-space) * 5);
441
- }
442
474
  .twa\:mt-\[2px\] {
443
475
  margin-top: 2px;
444
476
  }
@@ -446,13 +478,13 @@
446
478
  margin-right: calc(var(--ab-base-space) * -1);
447
479
  }
448
480
  .twa\:mr-0 {
449
- margin-right: calc(var(--ab-base-space) * 0);
481
+ margin-right: 0;
450
482
  }
451
483
  .twa\:mr-0\.5 {
452
484
  margin-right: calc(var(--ab-base-space) * 0.5);
453
485
  }
454
486
  .twa\:mr-1 {
455
- margin-right: calc(var(--ab-base-space) * 1);
487
+ margin-right: var(--ab-base-space);
456
488
  }
457
489
  .twa\:mr-2 {
458
490
  margin-right: calc(var(--ab-base-space) * 2);
@@ -460,8 +492,8 @@
460
492
  .twa\:mr-3 {
461
493
  margin-right: calc(var(--ab-base-space) * 3);
462
494
  }
463
- .twa\:mr-4 {
464
- margin-right: calc(var(--ab-base-space) * 4);
495
+ .twa\:mr-5 {
496
+ margin-right: calc(var(--ab-base-space) * 5);
465
497
  }
466
498
  .twa\:mr-6 {
467
499
  margin-right: calc(var(--ab-base-space) * 6);
@@ -470,10 +502,13 @@
470
502
  margin-right: 2px;
471
503
  }
472
504
  .twa\:mb-0 {
473
- 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);
474
509
  }
475
510
  .twa\:mb-1 {
476
- margin-bottom: calc(var(--ab-base-space) * 1);
511
+ margin-bottom: var(--ab-base-space);
477
512
  }
478
513
  .twa\:mb-2 {
479
514
  margin-bottom: calc(var(--ab-base-space) * 2);
@@ -484,17 +519,23 @@
484
519
  .twa\:mb-4 {
485
520
  margin-bottom: calc(var(--ab-base-space) * 4);
486
521
  }
522
+ .twa\:-ml-0\.5 {
523
+ margin-left: calc(var(--ab-base-space) * -0.5);
524
+ }
487
525
  .twa\:-ml-1 {
488
526
  margin-left: calc(var(--ab-base-space) * -1);
489
527
  }
528
+ .twa\:-ml-px {
529
+ margin-left: -1px;
530
+ }
490
531
  .twa\:ml-0 {
491
- margin-left: calc(var(--ab-base-space) * 0);
532
+ margin-left: 0;
492
533
  }
493
534
  .twa\:ml-0\.5 {
494
535
  margin-left: calc(var(--ab-base-space) * 0.5);
495
536
  }
496
537
  .twa\:ml-1 {
497
- margin-left: calc(var(--ab-base-space) * 1);
538
+ margin-left: var(--ab-base-space);
498
539
  }
499
540
  .twa\:ml-2 {
500
541
  margin-left: calc(var(--ab-base-space) * 2);
@@ -511,12 +552,6 @@
511
552
  .twa\:ml-6 {
512
553
  margin-left: calc(var(--ab-base-space) * 6);
513
554
  }
514
- .twa\:ml-\[2px\] {
515
- margin-left: 2px;
516
- }
517
- .twa\:ml-\[52px\] {
518
- margin-left: 52px;
519
- }
520
555
  .twa\:ml-auto {
521
556
  margin-left: auto;
522
557
  }
@@ -558,8 +593,12 @@
558
593
  height: var(--cell-size);
559
594
  }
560
595
  .twa\:size-0 {
561
- width: calc(var(--ab-base-space) * 0);
562
- height: calc(var(--ab-base-space) * 0);
596
+ width: 0;
597
+ height: 0;
598
+ }
599
+ .twa\:size-1\.5 {
600
+ width: calc(var(--ab-base-space) * 1.5);
601
+ height: calc(var(--ab-base-space) * 1.5);
563
602
  }
564
603
  .twa\:size-2\.5 {
565
604
  width: calc(var(--ab-base-space) * 2.5);
@@ -573,10 +612,6 @@
573
612
  width: calc(var(--ab-base-space) * 4);
574
613
  height: calc(var(--ab-base-space) * 4);
575
614
  }
576
- .twa\:size-5 {
577
- width: calc(var(--ab-base-space) * 5);
578
- height: calc(var(--ab-base-space) * 5);
579
- }
580
615
  .twa\:size-6 {
581
616
  width: calc(var(--ab-base-space) * 6);
582
617
  height: calc(var(--ab-base-space) * 6);
@@ -601,14 +636,17 @@
601
636
  width: 100%;
602
637
  height: 100%;
603
638
  }
639
+ .twa\:\!h-9 {
640
+ height: calc(var(--ab-base-space) * 9) !important;
641
+ }
604
642
  .twa\:\!h-10 {
605
643
  height: calc(var(--ab-base-space) * 10) !important;
606
644
  }
607
645
  .twa\:h-\(--cell-size\) {
608
646
  height: var(--cell-size);
609
647
  }
610
- .twa\:h-2 {
611
- height: calc(var(--ab-base-space) * 2);
648
+ .twa\:h-3 {
649
+ height: calc(var(--ab-base-space) * 3);
612
650
  }
613
651
  .twa\:h-6 {
614
652
  height: calc(var(--ab-base-space) * 6);
@@ -622,20 +660,23 @@
622
660
  .twa\:h-10 {
623
661
  height: calc(var(--ab-base-space) * 10);
624
662
  }
663
+ .twa\:h-16 {
664
+ height: calc(var(--ab-base-space) * 16);
665
+ }
625
666
  .twa\:h-\[0\.5px\] {
626
667
  height: 0.5px;
627
668
  }
628
669
  .twa\:h-\[1rem\] {
629
670
  height: 1rem;
630
671
  }
631
- .twa\:h-\[8px\] {
632
- height: 8px;
672
+ .twa\:h-\[6px\] {
673
+ height: 6px;
633
674
  }
634
675
  .twa\:h-\[10px\] {
635
676
  height: 10px;
636
677
  }
637
- .twa\:h-\[18px\] {
638
- height: 18px;
678
+ .twa\:h-\[22px\] {
679
+ height: 22px;
639
680
  }
640
681
  .twa\:h-\[33px\] {
641
682
  height: 33px;
@@ -643,9 +684,6 @@
643
684
  .twa\:h-\[90vh\] {
644
685
  height: 90vh;
645
686
  }
646
- .twa\:h-\[360px\] {
647
- height: 360px;
648
- }
649
687
  .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
650
688
  height: calc(calc(var(--ab-base-space) * 5.5));
651
689
  }
@@ -679,6 +717,9 @@
679
717
  .twa\:max-h-\[300px\] {
680
718
  max-height: 300px;
681
719
  }
720
+ .twa\:max-h-\[420px\] {
721
+ max-height: 420px;
722
+ }
682
723
  .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
683
724
  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)));
684
725
  }
@@ -688,8 +729,17 @@
688
729
  .twa\:max-h-full {
689
730
  max-height: 100%;
690
731
  }
732
+ .twa\:max-h-none\! {
733
+ max-height: none !important;
734
+ }
735
+ .twa\:\!min-h-0 {
736
+ min-height: 0 !important;
737
+ }
691
738
  .twa\:min-h-0 {
692
- min-height: calc(var(--ab-base-space) * 0);
739
+ min-height: 0;
740
+ }
741
+ .twa\:min-h-7 {
742
+ min-height: calc(var(--ab-base-space) * 7);
693
743
  }
694
744
  .twa\:min-h-16 {
695
745
  min-height: calc(var(--ab-base-space) * 16);
@@ -703,11 +753,20 @@
703
753
  .twa\:min-h-\[1rem\] {
704
754
  min-height: 1rem;
705
755
  }
756
+ .twa\:min-h-\[2\.5rem\] {
757
+ min-height: 2.5rem;
758
+ }
759
+ .twa\:min-h-\[6px\] {
760
+ min-height: 6px;
761
+ }
706
762
  .twa\:min-h-\[15px\] {
707
763
  min-height: 15px;
708
764
  }
709
- .twa\:min-h-\[20px\] {
710
- min-height: 20px;
765
+ .twa\:min-h-\[32px\] {
766
+ min-height: 32px;
767
+ }
768
+ .twa\:min-h-\[36px\] {
769
+ min-height: 36px;
711
770
  }
712
771
  .twa\:min-h-\[48px\] {
713
772
  min-height: 48px;
@@ -715,9 +774,30 @@
715
774
  .twa\:min-h-\[100px\] {
716
775
  min-height: 100px;
717
776
  }
777
+ .twa\:min-h-\[108px\] {
778
+ min-height: 108px;
779
+ }
718
780
  .twa\:min-h-\[120px\] {
719
781
  min-height: 120px;
720
782
  }
783
+ .twa\:min-h-\[148px\] {
784
+ min-height: 148px;
785
+ }
786
+ .twa\:min-h-\[168px\] {
787
+ min-height: 168px;
788
+ }
789
+ .twa\:min-h-\[200px\] {
790
+ min-height: 200px;
791
+ }
792
+ .twa\:min-h-\[240px\] {
793
+ min-height: 240px;
794
+ }
795
+ .twa\:min-h-\[280px\] {
796
+ min-height: 280px;
797
+ }
798
+ .twa\:min-h-\[300px\] {
799
+ min-height: 300px;
800
+ }
721
801
  .twa\:min-h-auto {
722
802
  min-height: auto;
723
803
  }
@@ -730,9 +810,15 @@
730
810
  .twa\:min-h-input {
731
811
  min-height: var(--ab-input-height);
732
812
  }
813
+ .twa\:\!w-9 {
814
+ width: calc(var(--ab-base-space) * 9) !important;
815
+ }
733
816
  .twa\:\!w-10 {
734
817
  width: calc(var(--ab-base-space) * 10) !important;
735
818
  }
819
+ .twa\:\!w-\[300px\] {
820
+ width: 300px !important;
821
+ }
736
822
  .twa\:w-\(--anchor-width\) {
737
823
  width: var(--anchor-width);
738
824
  }
@@ -748,6 +834,9 @@
748
834
  .twa\:w-1\/3 {
749
835
  width: calc(1 / 3 * 100%);
750
836
  }
837
+ .twa\:w-3 {
838
+ width: calc(var(--ab-base-space) * 3);
839
+ }
751
840
  .twa\:w-8 {
752
841
  width: calc(var(--ab-base-space) * 8);
753
842
  }
@@ -757,9 +846,6 @@
757
846
  .twa\:w-24 {
758
847
  width: calc(var(--ab-base-space) * 24);
759
848
  }
760
- .twa\:w-30 {
761
- width: calc(var(--ab-base-space) * 30);
762
- }
763
849
  .twa\:w-32 {
764
850
  width: calc(var(--ab-base-space) * 32);
765
851
  }
@@ -778,6 +864,9 @@
778
864
  .twa\:w-\[1rem\] {
779
865
  width: 1rem;
780
866
  }
867
+ .twa\:w-\[5\.5rem\] {
868
+ width: 5.5rem;
869
+ }
781
870
  .twa\:w-\[7rem\] {
782
871
  width: 7rem;
783
872
  }
@@ -787,6 +876,9 @@
787
876
  .twa\:w-\[10rem\] {
788
877
  width: 10rem;
789
878
  }
879
+ .twa\:w-\[12rem\] {
880
+ width: 12rem;
881
+ }
790
882
  .twa\:w-\[15rem\] {
791
883
  width: 15rem;
792
884
  }
@@ -796,12 +888,12 @@
796
888
  .twa\:w-\[70px\] {
797
889
  width: 70px;
798
890
  }
891
+ .twa\:w-\[72px\] {
892
+ width: 72px;
893
+ }
799
894
  .twa\:w-\[77px\] {
800
895
  width: 77px;
801
896
  }
802
- .twa\:w-\[80px\] {
803
- width: 80px;
804
- }
805
897
  .twa\:w-\[90vw\] {
806
898
  width: 90vw;
807
899
  }
@@ -820,12 +912,6 @@
820
912
  .twa\:w-\[150px\] {
821
913
  width: 150px;
822
914
  }
823
- .twa\:w-\[160px\] {
824
- width: 160px;
825
- }
826
- .twa\:w-\[180px\] {
827
- width: 180px;
828
- }
829
915
  .twa\:w-\[200px\] {
830
916
  width: 200px;
831
917
  }
@@ -859,24 +945,33 @@
859
945
  .twa\:max-w-3xl {
860
946
  max-width: var(--twa-container-3xl);
861
947
  }
862
- .twa\:max-w-30 {
863
- max-width: calc(var(--ab-base-space) * 30);
864
- }
865
948
  .twa\:max-w-50 {
866
949
  max-width: calc(var(--ab-base-space) * 50);
867
950
  }
868
951
  .twa\:max-w-80 {
869
952
  max-width: calc(var(--ab-base-space) * 80);
870
953
  }
954
+ .twa\:max-w-\[5\.5rem\] {
955
+ max-width: 5.5rem;
956
+ }
871
957
  .twa\:max-w-\[15rem\] {
872
958
  max-width: 15rem;
873
959
  }
960
+ .twa\:max-w-\[20rem\] {
961
+ max-width: 20rem;
962
+ }
963
+ .twa\:max-w-\[22rem\] {
964
+ max-width: 22rem;
965
+ }
874
966
  .twa\:max-w-\[60vw\] {
875
967
  max-width: 60vw;
876
968
  }
877
969
  .twa\:max-w-\[70vw\] {
878
970
  max-width: 70vw;
879
971
  }
972
+ .twa\:max-w-\[72px\] {
973
+ max-width: 72px;
974
+ }
880
975
  .twa\:max-w-\[100px\] {
881
976
  max-width: 100px;
882
977
  }
@@ -901,9 +996,6 @@
901
996
  .twa\:max-w-\[300px\] {
902
997
  max-width: 300px;
903
998
  }
904
- .twa\:max-w-\[320px\] {
905
- max-width: 320px;
906
- }
907
999
  .twa\:max-w-\[400px\] {
908
1000
  max-width: 400px;
909
1001
  }
@@ -955,6 +1047,9 @@
955
1047
  .twa\:max-w-xs {
956
1048
  max-width: var(--twa-container-xs);
957
1049
  }
1050
+ .twa\:\!min-w-\[36px\] {
1051
+ min-width: 36px !important;
1052
+ }
958
1053
  .twa\:\!min-w-\[40px\] {
959
1054
  min-width: 40px !important;
960
1055
  }
@@ -962,7 +1057,10 @@
962
1057
  min-width: var(--cell-size);
963
1058
  }
964
1059
  .twa\:min-w-0 {
965
- min-width: calc(var(--ab-base-space) * 0);
1060
+ min-width: 0;
1061
+ }
1062
+ .twa\:min-w-7 {
1063
+ min-width: calc(var(--ab-base-space) * 7);
966
1064
  }
967
1065
  .twa\:min-w-16 {
968
1066
  min-width: calc(var(--ab-base-space) * 16);
@@ -985,6 +1083,12 @@
985
1083
  .twa\:min-w-\[1rem\] {
986
1084
  min-width: 1rem;
987
1085
  }
1086
+ .twa\:min-w-\[5\.5rem\] {
1087
+ min-width: 5.5rem;
1088
+ }
1089
+ .twa\:min-w-\[6\.5rem\] {
1090
+ min-width: 6.5rem;
1091
+ }
988
1092
  .twa\:min-w-\[10rem\] {
989
1093
  min-width: 10rem;
990
1094
  }
@@ -1003,9 +1107,15 @@
1003
1107
  .twa\:min-w-\[50px\] {
1004
1108
  min-width: 50px;
1005
1109
  }
1110
+ .twa\:min-w-\[56px\] {
1111
+ min-width: 56px;
1112
+ }
1006
1113
  .twa\:min-w-\[60px\] {
1007
1114
  min-width: 60px;
1008
1115
  }
1116
+ .twa\:min-w-\[72px\] {
1117
+ min-width: 72px;
1118
+ }
1009
1119
  .twa\:min-w-\[80px\] {
1010
1120
  min-width: 80px;
1011
1121
  }
@@ -1036,9 +1146,6 @@
1036
1146
  .twa\:min-w-\[215px\] {
1037
1147
  min-width: 215px;
1038
1148
  }
1039
- .twa\:min-w-\[220px\] {
1040
- min-width: 220px;
1041
- }
1042
1149
  .twa\:min-w-\[250px\] {
1043
1150
  min-width: 250px;
1044
1151
  }
@@ -1066,9 +1173,6 @@
1066
1173
  .twa\:flex-2 {
1067
1174
  flex: 2;
1068
1175
  }
1069
- .twa\:flex-3 {
1070
- flex: 3;
1071
- }
1072
1176
  .twa\:flex-1000 {
1073
1177
  flex: 1000;
1074
1178
  }
@@ -1096,11 +1200,8 @@
1096
1200
  .twa\:shrink-0 {
1097
1201
  flex-shrink: 0;
1098
1202
  }
1099
- .twa\:basis-\[50\%\] {
1100
- flex-basis: 50%;
1101
- }
1102
- .twa\:basis-\[120px\] {
1103
- flex-basis: 120px;
1203
+ .twa\:basis-0 {
1204
+ flex-basis: 0;
1104
1205
  }
1105
1206
  .twa\:border-collapse {
1106
1207
  border-collapse: collapse;
@@ -1108,6 +1209,10 @@
1108
1209
  .twa\:origin-\(--transform-origin\) {
1109
1210
  transform-origin: var(--transform-origin);
1110
1211
  }
1212
+ .twa\:-translate-y-1\/2 {
1213
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1214
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1215
+ }
1111
1216
  .twa\:translate-y-\[calc\(-50\%-2px\)\] {
1112
1217
  --tw-translate-y: calc(-50% - 2px);
1113
1218
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1127,6 +1232,9 @@
1127
1232
  .twa\:cursor-grab {
1128
1233
  cursor: grab;
1129
1234
  }
1235
+ .twa\:cursor-not-allowed {
1236
+ cursor: not-allowed;
1237
+ }
1130
1238
  .twa\:cursor-pointer {
1131
1239
  cursor: pointer;
1132
1240
  }
@@ -1140,13 +1248,13 @@
1140
1248
  resize: vertical;
1141
1249
  }
1142
1250
  .twa\:scroll-my-1 {
1143
- scroll-margin-block: calc(var(--ab-base-space) * 1);
1251
+ scroll-margin-block: var(--ab-base-space);
1144
1252
  }
1145
1253
  .twa\:scroll-p-2 {
1146
1254
  scroll-padding: calc(var(--ab-base-space) * 2);
1147
1255
  }
1148
1256
  .twa\:scroll-py-1 {
1149
- scroll-padding-block: calc(var(--ab-base-space) * 1);
1257
+ scroll-padding-block: var(--ab-base-space);
1150
1258
  }
1151
1259
  .twa\:list-none {
1152
1260
  list-style-type: none;
@@ -1157,23 +1265,26 @@
1157
1265
  .twa\:grid-cols-3 {
1158
1266
  grid-template-columns: repeat(3, minmax(0, 1fr));
1159
1267
  }
1160
- .twa\:grid-cols-\[1fr\] {
1161
- grid-template-columns: 1fr;
1162
- }
1163
1268
  .twa\:grid-cols-\[1fr_1fr\] {
1164
1269
  grid-template-columns: 1fr 1fr;
1165
1270
  }
1271
+ .twa\:grid-cols-\[4\.5rem_1fr\] {
1272
+ grid-template-columns: 4.5rem 1fr;
1273
+ }
1166
1274
  .twa\:grid-cols-\[auto_1fr\] {
1167
1275
  grid-template-columns: auto 1fr;
1168
1276
  }
1169
1277
  .twa\:grid-cols-\[auto_1fr_auto_1fr\] {
1170
1278
  grid-template-columns: auto 1fr auto 1fr;
1171
1279
  }
1280
+ .twa\:grid-cols-\[max-content_1fr_max-content_1fr\] {
1281
+ grid-template-columns: max-content 1fr max-content 1fr;
1282
+ }
1172
1283
  .twa\:grid-cols-\[minmax\(160px\,14rem\)_minmax\(0\,1fr\)\] {
1173
1284
  grid-template-columns: minmax(160px,14rem) minmax(0,1fr);
1174
1285
  }
1175
- .twa\:grid-rows-\[1fr\] {
1176
- grid-template-rows: 1fr;
1286
+ .twa\:grid-cols-\[repeat\(auto-fill\,minmax\(13rem\,1fr\)\)\] {
1287
+ grid-template-columns: repeat(auto-fill,minmax(13rem,1fr));
1177
1288
  }
1178
1289
  .twa\:grid-rows-\[1fr_1fr\] {
1179
1290
  grid-template-rows: 1fr 1fr;
@@ -1193,9 +1304,6 @@
1193
1304
  .twa\:flex-wrap-reverse {
1194
1305
  flex-wrap: wrap-reverse;
1195
1306
  }
1196
- .twa\:place-content-center {
1197
- place-content: center;
1198
- }
1199
1307
  .twa\:place-items-center {
1200
1308
  place-items: center;
1201
1309
  }
@@ -1236,13 +1344,13 @@
1236
1344
  justify-content: stretch;
1237
1345
  }
1238
1346
  .twa\:gap-0 {
1239
- gap: calc(var(--ab-base-space) * 0);
1347
+ gap: 0;
1240
1348
  }
1241
1349
  .twa\:gap-0\.5 {
1242
1350
  gap: calc(var(--ab-base-space) * 0.5);
1243
1351
  }
1244
1352
  .twa\:gap-1 {
1245
- gap: calc(var(--ab-base-space) * 1);
1353
+ gap: var(--ab-base-space);
1246
1354
  }
1247
1355
  .twa\:gap-1\.5 {
1248
1356
  gap: calc(var(--ab-base-space) * 1.5);
@@ -1265,6 +1373,30 @@
1265
1373
  .twa\:gap-8 {
1266
1374
  gap: calc(var(--ab-base-space) * 8);
1267
1375
  }
1376
+ .twa\:gap-x-1\.5 {
1377
+ column-gap: calc(var(--ab-base-space) * 1.5);
1378
+ }
1379
+ .twa\:gap-x-2 {
1380
+ column-gap: calc(var(--ab-base-space) * 2);
1381
+ }
1382
+ .twa\:gap-x-4 {
1383
+ column-gap: calc(var(--ab-base-space) * 4);
1384
+ }
1385
+ .twa\:gap-y-0\.5 {
1386
+ row-gap: calc(var(--ab-base-space) * 0.5);
1387
+ }
1388
+ .twa\:gap-y-1 {
1389
+ row-gap: var(--ab-base-space);
1390
+ }
1391
+ .twa\:gap-y-2 {
1392
+ row-gap: calc(var(--ab-base-space) * 2);
1393
+ }
1394
+ .twa\:gap-y-3 {
1395
+ row-gap: calc(var(--ab-base-space) * 3);
1396
+ }
1397
+ .twa\:self-center {
1398
+ align-self: center;
1399
+ }
1268
1400
  .twa\:self-end {
1269
1401
  align-self: flex-end;
1270
1402
  }
@@ -1291,6 +1423,9 @@
1291
1423
  .twa\:overflow-y-auto {
1292
1424
  overflow-y: auto;
1293
1425
  }
1426
+ .twa\:overflow-y-hidden {
1427
+ overflow-y: hidden;
1428
+ }
1294
1429
  .twa\:overflow-y-visible {
1295
1430
  overflow-y: visible;
1296
1431
  }
@@ -1340,6 +1475,10 @@
1340
1475
  .twa\:rounded-tl-standard {
1341
1476
  border-top-left-radius: var(--ab-border-radius);
1342
1477
  }
1478
+ .twa\:rounded-r-none\! {
1479
+ border-top-right-radius: 0 !important;
1480
+ border-bottom-right-radius: 0 !important;
1481
+ }
1343
1482
  .twa\:rounded-r-standard {
1344
1483
  border-top-right-radius: var(--ab-border-radius);
1345
1484
  border-bottom-right-radius: var(--ab-border-radius);
@@ -1385,6 +1524,17 @@
1385
1524
  --tw-border-style: none;
1386
1525
  border-style: none;
1387
1526
  }
1527
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1528
+ border-color: var(--ab-color-primarydark) !important;
1529
+ }
1530
+ @supports (color: color-mix(in lab, red, red)) {
1531
+ .twa\:\!border-\[color-mix\(in_srgb\,var\(--ab-color-primarydark\)_40\%\,transparent\)\] {
1532
+ border-color: color-mix(in srgb,var(--ab-color-primarydark) 40%,transparent) !important;
1533
+ }
1534
+ }
1535
+ .twa\:\!border-\[var\(--ab-cmp-wizard-selection__border\)\] {
1536
+ border-color: var(--ab-cmp-wizard-selection__border) !important;
1537
+ }
1388
1538
  .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
1389
1539
  border-color: var(--ab-color-foreground);
1390
1540
  }
@@ -1401,9 +1551,45 @@
1401
1551
  border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
1402
1552
  }
1403
1553
  }
1554
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1555
+ border-color: var(--ab-color-foreground);
1556
+ }
1557
+ @supports (color: color-mix(in lab, red, red)) {
1558
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_20\%\,transparent\)\] {
1559
+ border-color: color-mix(in srgb,var(--ab-color-foreground) 20%,transparent);
1560
+ }
1561
+ }
1562
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border\)\] {
1563
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border);
1564
+ }
1565
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__collapsed-border-popup\)\] {
1566
+ border-color: var(--ab-cmp-collapsible-wizard-card__collapsed-border-popup);
1567
+ }
1568
+ .twa\:border-\[var\(--ab-cmp-collapsible-wizard-card__expanded-border\)\] {
1569
+ border-color: var(--ab-cmp-collapsible-wizard-card__expanded-border);
1570
+ }
1571
+ .twa\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1572
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1573
+ }
1404
1574
  .twa\:border-border {
1405
1575
  border-color: var(--ab-color-border);
1406
1576
  }
1577
+ .twa\:border-border\/60 {
1578
+ border-color: var(--ab-color-border);
1579
+ }
1580
+ @supports (color: color-mix(in lab, red, red)) {
1581
+ .twa\:border-border\/60 {
1582
+ border-color: color-mix(in oklab, var(--ab-color-border) 60%, transparent);
1583
+ }
1584
+ }
1585
+ .twa\:border-foreground\/10 {
1586
+ border-color: var(--ab-color-foreground);
1587
+ }
1588
+ @supports (color: color-mix(in lab, red, red)) {
1589
+ .twa\:border-foreground\/10 {
1590
+ border-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
1591
+ }
1592
+ }
1407
1593
  .twa\:border-foreground\/15 {
1408
1594
  border-color: var(--ab-color-foreground);
1409
1595
  }
@@ -1426,6 +1612,25 @@
1426
1612
  border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
1427
1613
  }
1428
1614
  }
1615
+ .twa\:border-primarydark\/32 {
1616
+ border-color: var(--ab-color-primarydark);
1617
+ }
1618
+ @supports (color: color-mix(in lab, red, red)) {
1619
+ .twa\:border-primarydark\/32 {
1620
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 32%, transparent);
1621
+ }
1622
+ }
1623
+ .twa\:border-primarydark\/35 {
1624
+ border-color: var(--ab-color-primarydark);
1625
+ }
1626
+ @supports (color: color-mix(in lab, red, red)) {
1627
+ .twa\:border-primarydark\/35 {
1628
+ border-color: color-mix(in oklab, var(--ab-color-primarydark) 35%, transparent);
1629
+ }
1630
+ }
1631
+ .twa\:border-primarylight {
1632
+ border-color: var(--ab-color-primarylight);
1633
+ }
1429
1634
  .twa\:border-ring {
1430
1635
  border-color: var(--ab-color-ring);
1431
1636
  }
@@ -1443,20 +1648,12 @@
1443
1648
  border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
1444
1649
  }
1445
1650
  }
1446
- .twa\:border-b-text-on-defaultbackground\/20 {
1447
- border-bottom-color: var(--ab-color-text-on-defaultbackground);
1448
- }
1449
- @supports (color: color-mix(in lab, red, red)) {
1450
- .twa\:border-b-text-on-defaultbackground\/20 {
1451
- border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
1452
- }
1651
+ .twa\:\!bg-\[var\(--ab-cmp-wizard-selection__background\)\] {
1652
+ background-color: var(--ab-cmp-wizard-selection__background) !important;
1453
1653
  }
1454
1654
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
1455
1655
  background-color: var(--ab-cmp-input--disabled__background);
1456
1656
  }
1457
- .twa\:bg-\(--ab-cmp-input__background\) {
1458
- background-color: var(--ab-cmp-input__background);
1459
- }
1460
1657
  .twa\:bg-\(--ab-cmp-modal-backdrop__background\) {
1461
1658
  background-color: var(--ab-cmp-modal-backdrop__background);
1462
1659
  }
@@ -1472,6 +1669,14 @@
1472
1669
  .twa\:bg-\(--ab-dashboard-tab-drop-target__background\) {
1473
1670
  background-color: var(--ab-dashboard-tab-drop-target__background);
1474
1671
  }
1672
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1673
+ background-color: var(--ab-color-primary);
1674
+ }
1675
+ @supports (color: color-mix(in lab, red, red)) {
1676
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_35\%\,transparent\)\] {
1677
+ background-color: color-mix(in srgb,var(--ab-color-primary) 35%,transparent);
1678
+ }
1679
+ }
1475
1680
  .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
1476
1681
  background-color: var(--ab-color-primary);
1477
1682
  }
@@ -1480,14 +1685,14 @@
1480
1685
  background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
1481
1686
  }
1482
1687
  }
1483
- .twa\:bg-\[var\(--ab-color-primary\)\] {
1484
- background-color: var(--ab-color-primary);
1688
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\] {
1689
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
1485
1690
  }
1486
- .twa\:bg-\[var\(--ab-color-primarylight\)\] {
1487
- background-color: var(--ab-color-primarylight);
1691
+ .twa\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-indicator-inner\)\] {
1692
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-indicator-inner);
1488
1693
  }
1489
- .twa\:bg-\[var\(--ab-color-surface\)\] {
1490
- background-color: var(--ab-color-surface);
1694
+ .twa\:bg-\[var\(--ab-color-primary\)\] {
1695
+ background-color: var(--ab-color-primary);
1491
1696
  }
1492
1697
  .twa\:bg-accent {
1493
1698
  background-color: var(--ab-color-accent);
@@ -1513,11 +1718,14 @@
1513
1718
  .twa\:bg-border {
1514
1719
  background-color: var(--ab-color-border);
1515
1720
  }
1721
+ .twa\:bg-card {
1722
+ background-color: var(--ab-color-card);
1723
+ }
1516
1724
  .twa\:bg-current {
1517
1725
  background-color: currentcolor;
1518
1726
  }
1519
- .twa\:bg-defaultbackground {
1520
- background-color: var(--ab-color-defaultbackground);
1727
+ .twa\:bg-destructive {
1728
+ background-color: var(--ab-color-destructive);
1521
1729
  }
1522
1730
  .twa\:bg-destructive\/10 {
1523
1731
  background-color: var(--ab-color-destructive);
@@ -1527,17 +1735,6 @@
1527
1735
  background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
1528
1736
  }
1529
1737
  }
1530
- .twa\:bg-error {
1531
- background-color: var(--ab-color-error);
1532
- }
1533
- .twa\:bg-error\/30 {
1534
- background-color: var(--ab-color-error);
1535
- }
1536
- @supports (color: color-mix(in lab, red, red)) {
1537
- .twa\:bg-error\/30 {
1538
- background-color: color-mix(in oklab, var(--ab-color-error) 30%, transparent);
1539
- }
1540
- }
1541
1738
  .twa\:bg-foreground {
1542
1739
  background-color: var(--ab-color-foreground);
1543
1740
  }
@@ -1558,6 +1755,14 @@
1558
1755
  .twa\:bg-muted {
1559
1756
  background-color: var(--ab-color-muted);
1560
1757
  }
1758
+ .twa\:bg-muted\/50 {
1759
+ background-color: var(--ab-color-muted);
1760
+ }
1761
+ @supports (color: color-mix(in lab, red, red)) {
1762
+ .twa\:bg-muted\/50 {
1763
+ background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
1764
+ }
1765
+ }
1561
1766
  .twa\:bg-popover {
1562
1767
  background-color: var(--ab-color-popover);
1563
1768
  }
@@ -1593,6 +1798,18 @@
1593
1798
  .twa\:bg-clip-padding {
1594
1799
  background-clip: padding-box;
1595
1800
  }
1801
+ .twa\:fill-action-clone-foreground {
1802
+ fill: var(--ab-color-action-clone-foreground);
1803
+ }
1804
+ .twa\:fill-action-delete-foreground {
1805
+ fill: var(--ab-color-action-delete-foreground);
1806
+ }
1807
+ .twa\:fill-action-edit-foreground {
1808
+ fill: var(--ab-color-action-edit-foreground);
1809
+ }
1810
+ .twa\:fill-action-share-foreground {
1811
+ fill: var(--ab-color-action-share-foreground);
1812
+ }
1596
1813
  .twa\:fill-current {
1597
1814
  fill: currentcolor;
1598
1815
  }
@@ -1602,53 +1819,47 @@
1602
1819
  .twa\:fill-red-500 {
1603
1820
  fill: var(--twa-color-red-500);
1604
1821
  }
1605
- .twa\:fill-text-on-clone {
1606
- fill: var(--ab-color-text-on-clone);
1607
- }
1608
- .twa\:fill-text-on-delete {
1609
- fill: var(--ab-color-text-on-delete);
1610
- }
1611
- .twa\:fill-text-on-edit {
1612
- fill: var(--ab-color-text-on-edit);
1613
- }
1614
- .twa\:fill-text-on-share {
1615
- fill: var(--ab-color-text-on-share);
1616
- }
1617
1822
  .twa\:\!p-0 {
1618
- padding: calc(var(--ab-base-space) * 0) !important;
1823
+ padding: 0 !important;
1619
1824
  }
1620
1825
  .twa\:p-0 {
1621
- padding: calc(var(--ab-base-space) * 0);
1826
+ padding: 0;
1622
1827
  }
1623
1828
  .twa\:p-0\! {
1624
- padding: calc(var(--ab-base-space) * 0) !important;
1829
+ padding: 0 !important;
1625
1830
  }
1626
1831
  .twa\:p-0\.5 {
1627
1832
  padding: calc(var(--ab-base-space) * 0.5);
1628
1833
  }
1629
1834
  .twa\:p-1 {
1630
- padding: calc(var(--ab-base-space) * 1);
1835
+ padding: var(--ab-base-space);
1631
1836
  }
1632
1837
  .twa\:p-2 {
1633
1838
  padding: calc(var(--ab-base-space) * 2);
1634
1839
  }
1840
+ .twa\:p-2\.5 {
1841
+ padding: calc(var(--ab-base-space) * 2.5);
1842
+ }
1635
1843
  .twa\:p-3 {
1636
1844
  padding: calc(var(--ab-base-space) * 3);
1637
1845
  }
1638
1846
  .twa\:p-4 {
1639
1847
  padding: calc(var(--ab-base-space) * 4);
1640
1848
  }
1641
- .twa\:p-5 {
1642
- padding: calc(var(--ab-base-space) * 5);
1849
+ .twa\:\!px-1\.5 {
1850
+ padding-inline: calc(var(--ab-base-space) * 1.5) !important;
1851
+ }
1852
+ .twa\:\!px-2 {
1853
+ padding-inline: calc(var(--ab-base-space) * 2) !important;
1643
1854
  }
1644
1855
  .twa\:px-\(--cell-size\) {
1645
1856
  padding-inline: var(--cell-size);
1646
1857
  }
1647
1858
  .twa\:px-0 {
1648
- padding-inline: calc(var(--ab-base-space) * 0);
1859
+ padding-inline: 0;
1649
1860
  }
1650
1861
  .twa\:px-1 {
1651
- padding-inline: calc(var(--ab-base-space) * 1);
1862
+ padding-inline: var(--ab-base-space);
1652
1863
  }
1653
1864
  .twa\:px-1\.5 {
1654
1865
  padding-inline: calc(var(--ab-base-space) * 1.5);
@@ -1665,14 +1876,23 @@
1665
1876
  .twa\:px-4 {
1666
1877
  padding-inline: calc(var(--ab-base-space) * 4);
1667
1878
  }
1879
+ .twa\:\!py-1 {
1880
+ padding-block: var(--ab-base-space) !important;
1881
+ }
1882
+ .twa\:\!py-1\.5 {
1883
+ padding-block: calc(var(--ab-base-space) * 1.5) !important;
1884
+ }
1885
+ .twa\:\!py-2 {
1886
+ padding-block: calc(var(--ab-base-space) * 2) !important;
1887
+ }
1668
1888
  .twa\:py-0 {
1669
- padding-block: calc(var(--ab-base-space) * 0);
1889
+ padding-block: 0;
1670
1890
  }
1671
1891
  .twa\:py-0\.5 {
1672
1892
  padding-block: calc(var(--ab-base-space) * 0.5);
1673
1893
  }
1674
1894
  .twa\:py-1 {
1675
- padding-block: calc(var(--ab-base-space) * 1);
1895
+ padding-block: var(--ab-base-space);
1676
1896
  }
1677
1897
  .twa\:py-1\.5 {
1678
1898
  padding-block: calc(var(--ab-base-space) * 1.5);
@@ -1683,15 +1903,24 @@
1683
1903
  .twa\:py-3 {
1684
1904
  padding-block: calc(var(--ab-base-space) * 3);
1685
1905
  }
1906
+ .twa\:\!pt-0 {
1907
+ padding-top: 0 !important;
1908
+ }
1686
1909
  .twa\:pt-0 {
1687
- padding-top: calc(var(--ab-base-space) * 0);
1910
+ padding-top: 0;
1911
+ }
1912
+ .twa\:pt-0\.5 {
1913
+ padding-top: calc(var(--ab-base-space) * 0.5);
1688
1914
  }
1689
1915
  .twa\:pt-1 {
1690
- padding-top: calc(var(--ab-base-space) * 1);
1916
+ padding-top: var(--ab-base-space);
1691
1917
  }
1692
1918
  .twa\:pt-2 {
1693
1919
  padding-top: calc(var(--ab-base-space) * 2);
1694
1920
  }
1921
+ .twa\:pt-2\.5 {
1922
+ padding-top: calc(var(--ab-base-space) * 2.5);
1923
+ }
1695
1924
  .twa\:pt-3 {
1696
1925
  padding-top: calc(var(--ab-base-space) * 3);
1697
1926
  }
@@ -1699,22 +1928,31 @@
1699
1928
  padding-top: calc(var(--ab-base-space) * 4);
1700
1929
  }
1701
1930
  .twa\:pr-0 {
1702
- padding-right: calc(var(--ab-base-space) * 0);
1931
+ padding-right: 0;
1703
1932
  }
1704
1933
  .twa\:pr-1 {
1705
- padding-right: calc(var(--ab-base-space) * 1);
1934
+ padding-right: var(--ab-base-space);
1706
1935
  }
1707
1936
  .twa\:pr-2 {
1708
1937
  padding-right: calc(var(--ab-base-space) * 2);
1709
1938
  }
1939
+ .twa\:pr-7 {
1940
+ padding-right: calc(var(--ab-base-space) * 7);
1941
+ }
1710
1942
  .twa\:pr-8 {
1711
1943
  padding-right: calc(var(--ab-base-space) * 8);
1712
1944
  }
1713
1945
  .twa\:pr-\[30px\] {
1714
1946
  padding-right: 30px;
1715
1947
  }
1948
+ .twa\:\!pb-0 {
1949
+ padding-bottom: 0 !important;
1950
+ }
1951
+ .twa\:pb-0 {
1952
+ padding-bottom: 0;
1953
+ }
1716
1954
  .twa\:pb-1 {
1717
- padding-bottom: calc(var(--ab-base-space) * 1);
1955
+ padding-bottom: var(--ab-base-space);
1718
1956
  }
1719
1957
  .twa\:pb-2 {
1720
1958
  padding-bottom: calc(var(--ab-base-space) * 2);
@@ -1723,10 +1961,10 @@
1723
1961
  padding-bottom: calc(var(--ab-base-space) * 3);
1724
1962
  }
1725
1963
  .twa\:pl-0 {
1726
- padding-left: calc(var(--ab-base-space) * 0);
1964
+ padding-left: 0;
1727
1965
  }
1728
1966
  .twa\:pl-1 {
1729
- padding-left: calc(var(--ab-base-space) * 1);
1967
+ padding-left: var(--ab-base-space);
1730
1968
  }
1731
1969
  .twa\:pl-2 {
1732
1970
  padding-left: calc(var(--ab-base-space) * 2);
@@ -1768,6 +2006,10 @@
1768
2006
  font-size: var(--ab-font-size-2);
1769
2007
  line-height: var(--twa-leading-relaxed);
1770
2008
  }
2009
+ .twa\:text-3xl {
2010
+ font-size: var(--twa-text-3xl);
2011
+ line-height: var(--tw-leading, var(--twa-text-3xl--line-height));
2012
+ }
1771
2013
  .twa\:text-base {
1772
2014
  font-size: var(--twa-text-base);
1773
2015
  line-height: var(--tw-leading, var(--twa-text-base--line-height));
@@ -1802,6 +2044,12 @@
1802
2044
  .twa\:text-\[0\.8rem\] {
1803
2045
  font-size: 0.8rem;
1804
2046
  }
2047
+ .twa\:text-\[10px\] {
2048
+ font-size: 10px;
2049
+ }
2050
+ .twa\:text-\[11px\] {
2051
+ font-size: 11px;
2052
+ }
1805
2053
  .twa\:leading-4 {
1806
2054
  --tw-leading: calc(var(--ab-base-space) * 4);
1807
2055
  line-height: calc(var(--ab-base-space) * 4);
@@ -1814,9 +2062,13 @@
1814
2062
  --tw-leading: var(--twa-leading-normal);
1815
2063
  line-height: var(--twa-leading-normal);
1816
2064
  }
1817
- .twa\:leading-relaxed {
1818
- --tw-leading: var(--twa-leading-relaxed);
1819
- line-height: var(--twa-leading-relaxed);
2065
+ .twa\:leading-snug {
2066
+ --tw-leading: var(--twa-leading-snug);
2067
+ line-height: var(--twa-leading-snug);
2068
+ }
2069
+ .twa\:leading-tight {
2070
+ --tw-leading: var(--twa-leading-tight);
2071
+ line-height: var(--twa-leading-tight);
1820
2072
  }
1821
2073
  .twa\:font-bold {
1822
2074
  --tw-font-weight: var(--twa-font-weight-bold);
@@ -1834,6 +2086,10 @@
1834
2086
  --tw-font-weight: var(--twa-font-weight-semibold);
1835
2087
  font-weight: var(--twa-font-weight-semibold);
1836
2088
  }
2089
+ .twa\:tracking-wide {
2090
+ --tw-tracking: var(--twa-tracking-wide);
2091
+ letter-spacing: var(--twa-tracking-wide);
2092
+ }
1837
2093
  .twa\:tracking-widest {
1838
2094
  --tw-tracking: var(--twa-tracking-widest);
1839
2095
  letter-spacing: var(--twa-tracking-widest);
@@ -1853,6 +2109,17 @@
1853
2109
  .twa\:whitespace-pre-wrap {
1854
2110
  white-space: pre-wrap;
1855
2111
  }
2112
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2113
+ color: var(--ab-color-foreground) !important;
2114
+ }
2115
+ @supports (color: color-mix(in lab, red, red)) {
2116
+ .twa\:\!text-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_55\%\,transparent\)\] {
2117
+ color: color-mix(in srgb,var(--ab-color-foreground) 55%,transparent) !important;
2118
+ }
2119
+ }
2120
+ .twa\:\!text-accent {
2121
+ color: var(--ab-color-accent) !important;
2122
+ }
1856
2123
  .twa\:text-\(--ab-cmp-toggle-button--checked__color\) {
1857
2124
  color: var(--ab-cmp-toggle-button--checked__color);
1858
2125
  }
@@ -1874,17 +2141,32 @@
1874
2141
  .twa\:text-accentlight {
1875
2142
  color: var(--ab-color-accentlight);
1876
2143
  }
2144
+ .twa\:text-action-clone-foreground {
2145
+ color: var(--ab-color-action-clone-foreground);
2146
+ }
2147
+ .twa\:text-action-delete-foreground {
2148
+ color: var(--ab-color-action-delete-foreground);
2149
+ }
2150
+ .twa\:text-action-edit-foreground {
2151
+ color: var(--ab-color-action-edit-foreground);
2152
+ }
2153
+ .twa\:text-action-share-foreground {
2154
+ color: var(--ab-color-action-share-foreground);
2155
+ }
1877
2156
  .twa\:text-background {
1878
2157
  color: var(--ab-color-background);
1879
2158
  }
2159
+ .twa\:text-card-foreground {
2160
+ color: var(--ab-color-card-foreground);
2161
+ }
1880
2162
  .twa\:text-current {
1881
2163
  color: currentcolor;
1882
2164
  }
1883
2165
  .twa\:text-destructive {
1884
2166
  color: var(--ab-color-destructive);
1885
2167
  }
1886
- .twa\:text-error {
1887
- color: var(--ab-color-error);
2168
+ .twa\:text-destructive-foreground {
2169
+ color: var(--ab-color-destructive-foreground);
1888
2170
  }
1889
2171
  .twa\:text-foreground {
1890
2172
  color: var(--ab-color-foreground);
@@ -1895,6 +2177,9 @@
1895
2177
  .twa\:text-info {
1896
2178
  color: var(--ab-color-info);
1897
2179
  }
2180
+ .twa\:text-info-foreground {
2181
+ color: var(--ab-color-info-foreground);
2182
+ }
1898
2183
  .twa\:text-inherit {
1899
2184
  color: inherit;
1900
2185
  }
@@ -1922,39 +2207,18 @@
1922
2207
  .twa\:text-success {
1923
2208
  color: var(--ab-color-success);
1924
2209
  }
1925
- .twa\:text-text-on-clone {
1926
- color: var(--ab-color-text-on-clone);
1927
- }
1928
- .twa\:text-text-on-delete {
1929
- color: var(--ab-color-text-on-delete);
1930
- }
1931
- .twa\:text-text-on-edit {
1932
- color: var(--ab-color-text-on-edit);
1933
- }
1934
- .twa\:text-text-on-error {
1935
- color: var(--ab-color-text-on-error);
1936
- }
1937
- .twa\:text-text-on-info {
1938
- color: var(--ab-color-text-on-info);
1939
- }
1940
- .twa\:text-text-on-primary {
1941
- color: var(--ab-color-text-on-primary);
1942
- }
1943
- .twa\:text-text-on-primarydark {
1944
- color: var(--ab-color-text-on-primarydark);
1945
- }
1946
- .twa\:text-text-on-share {
1947
- color: var(--ab-color-text-on-share);
1948
- }
1949
- .twa\:text-text-on-success {
1950
- color: var(--ab-color-text-on-success);
1951
- }
1952
- .twa\:text-text-on-warn {
1953
- color: var(--ab-color-text-on-warn);
2210
+ .twa\:text-success-foreground {
2211
+ color: var(--ab-color-success-foreground);
1954
2212
  }
1955
2213
  .twa\:text-warn {
1956
2214
  color: var(--ab-color-warn);
1957
2215
  }
2216
+ .twa\:text-warn-foreground {
2217
+ color: var(--ab-color-warn-foreground);
2218
+ }
2219
+ .twa\:uppercase {
2220
+ text-transform: uppercase;
2221
+ }
1958
2222
  .twa\:italic {
1959
2223
  font-style: italic;
1960
2224
  }
@@ -1962,9 +2226,6 @@
1962
2226
  --tw-numeric-spacing: tabular-nums;
1963
2227
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1964
2228
  }
1965
- .twa\:underline {
1966
- text-decoration-line: underline;
1967
- }
1968
2229
  .twa\:underline-offset-4 {
1969
2230
  text-underline-offset: 4px;
1970
2231
  }
@@ -2066,6 +2327,11 @@
2066
2327
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2067
2328
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2068
2329
  }
2330
+ .twa\:transition-\[border-color\,background-color\] {
2331
+ transition-property: border-color,background-color;
2332
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2333
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2334
+ }
2069
2335
  .twa\:transition-\[color\,box-shadow\] {
2070
2336
  transition-property: color,box-shadow;
2071
2337
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2076,6 +2342,11 @@
2076
2342
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2077
2343
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2078
2344
  }
2345
+ .twa\:transition-colors {
2346
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2347
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2348
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2349
+ }
2079
2350
  .twa\:transition-opacity {
2080
2351
  transition-property: opacity;
2081
2352
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
@@ -2105,6 +2376,9 @@
2105
2376
  .twa\:\[--ab-grid-row-height\:45px\] {
2106
2377
  --ab-grid-row-height: 45px;
2107
2378
  }
2379
+ .twa\:\[--ab-radio-gap\:0\] {
2380
+ --ab-radio-gap: 0;
2381
+ }
2108
2382
  .twa\:\[--cell-radius\:var\(--radius-md\)\] {
2109
2383
  --cell-radius: var(--radius-md);
2110
2384
  }
@@ -2118,7 +2392,7 @@
2118
2392
  z-index: 1;
2119
2393
  }
2120
2394
  :is(.twa\:\*\:m-0 > *) {
2121
- margin: calc(var(--ab-base-space) * 0);
2395
+ margin: 0;
2122
2396
  }
2123
2397
  :is(.twa\:\*\:min-h-\[400px\] > *) {
2124
2398
  min-height: 400px;
@@ -2126,18 +2400,27 @@
2126
2400
  :is(.twa\:\*\:min-w-\[400px\] > *) {
2127
2401
  min-width: 400px;
2128
2402
  }
2403
+ :is(.twa\:\*\:min-w-fit > *) {
2404
+ min-width: fit-content;
2405
+ }
2129
2406
  :is(.twa\:\*\:flex-1 > *) {
2130
2407
  flex: 1;
2131
2408
  }
2409
+ :is(.twa\:\*\:shrink-0 > *) {
2410
+ flex-shrink: 0;
2411
+ }
2132
2412
  :is(.twa\:\*\:rounded-standard > *) {
2133
2413
  border-radius: var(--ab-border-radius);
2134
2414
  }
2135
2415
  :is(.twa\:\*\:p-1 > *) {
2136
- padding: calc(var(--ab-base-space) * 1);
2416
+ padding: var(--ab-base-space);
2137
2417
  }
2138
2418
  :is(.twa\:\*\:p-3 > *) {
2139
2419
  padding: calc(var(--ab-base-space) * 3);
2140
2420
  }
2421
+ :is(.twa\:\*\:px-4 > *) {
2422
+ padding-inline: calc(var(--ab-base-space) * 4);
2423
+ }
2141
2424
  :is(.twa\:\*\:outline-0 > *) {
2142
2425
  outline-style: var(--tw-outline-style);
2143
2426
  outline-width: 0px;
@@ -2181,7 +2464,7 @@
2181
2464
  max-height: none;
2182
2465
  }
2183
2466
  .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2184
- min-height: calc(var(--ab-base-space) * 0);
2467
+ min-height: 0;
2185
2468
  }
2186
2469
  .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2187
2470
  flex: 1;
@@ -2265,11 +2548,11 @@
2265
2548
  }
2266
2549
  .twa\:before\:inset-0::before {
2267
2550
  content: var(--tw-content);
2268
- inset: calc(var(--ab-base-space) * 0);
2551
+ inset: 0;
2269
2552
  }
2270
2553
  .twa\:before\:inset-1::before {
2271
2554
  content: var(--tw-content);
2272
- inset: calc(var(--ab-base-space) * 1);
2555
+ inset: var(--ab-base-space);
2273
2556
  }
2274
2557
  .twa\:before\:z-0::before {
2275
2558
  content: var(--tw-content);
@@ -2339,19 +2622,19 @@
2339
2622
  }
2340
2623
  .twa\:after\:inset-0::after {
2341
2624
  content: var(--tw-content);
2342
- inset: calc(var(--ab-base-space) * 0);
2625
+ inset: 0;
2343
2626
  }
2344
2627
  .twa\:after\:inset-y-0::after {
2345
2628
  content: var(--tw-content);
2346
- inset-block: calc(var(--ab-base-space) * 0);
2629
+ inset-block: 0;
2347
2630
  }
2348
2631
  .twa\:after\:right-0::after {
2349
2632
  content: var(--tw-content);
2350
- right: calc(var(--ab-base-space) * 0);
2633
+ right: 0;
2351
2634
  }
2352
2635
  .twa\:after\:left-0::after {
2353
2636
  content: var(--tw-content);
2354
- left: calc(var(--ab-base-space) * 0);
2637
+ left: 0;
2355
2638
  }
2356
2639
  .twa\:after\:w-4::after {
2357
2640
  content: var(--tw-content);
@@ -2366,10 +2649,18 @@
2366
2649
  border-style: var(--tw-border-style);
2367
2650
  border-width: 2px;
2368
2651
  }
2652
+ .twa\:after\:border-\[var\(--ab-cmp-wizard-type-selection-card__selected-border\)\]::after {
2653
+ content: var(--tw-content);
2654
+ border-color: var(--ab-cmp-wizard-type-selection-card__selected-border);
2655
+ }
2369
2656
  .twa\:after\:border-accent::after {
2370
2657
  content: var(--tw-content);
2371
2658
  border-color: var(--ab-color-accent);
2372
2659
  }
2660
+ .twa\:after\:bg-\[var\(--ab-cmp-wizard-type-selection-card__selected-overlay\)\]::after {
2661
+ content: var(--tw-content);
2662
+ background-color: var(--ab-cmp-wizard-type-selection-card__selected-overlay);
2663
+ }
2373
2664
  .twa\:after\:bg-accent\/15::after {
2374
2665
  content: var(--tw-content);
2375
2666
  background-color: var(--ab-color-accent);
@@ -2580,8 +2871,8 @@
2580
2871
  }
2581
2872
  }
2582
2873
  @media (hover: hover) {
2583
- .twa\:hover\:text-text-on-primary:hover {
2584
- color: var(--ab-color-text-on-primary);
2874
+ .twa\:hover\:text-primary-foreground:hover {
2875
+ color: var(--ab-color-primary-foreground);
2585
2876
  }
2586
2877
  }
2587
2878
  @media (hover: hover) {
@@ -2681,10 +2972,17 @@
2681
2972
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2682
2973
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2683
2974
  }
2975
+ .twa\:focus-visible\:ring-2:focus-visible {
2976
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2977
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2978
+ }
2684
2979
  .twa\:focus-visible\:ring-3:focus-visible {
2685
2980
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2686
2981
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2687
2982
  }
2983
+ .twa\:focus-visible\:ring-accent:focus-visible {
2984
+ --tw-ring-color: var(--ab-color-accent);
2985
+ }
2688
2986
  .twa\:focus-visible\:ring-destructive\/20:focus-visible {
2689
2987
  --tw-ring-color: var(--ab-color-destructive);
2690
2988
  }
@@ -2693,6 +2991,9 @@
2693
2991
  --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2694
2992
  }
2695
2993
  }
2994
+ .twa\:focus-visible\:ring-ring:focus-visible {
2995
+ --tw-ring-color: var(--ab-color-ring);
2996
+ }
2696
2997
  .twa\:focus-visible\:ring-ring\/50:focus-visible {
2697
2998
  --tw-ring-color: var(--ab-color-ring);
2698
2999
  }
@@ -2701,12 +3002,19 @@
2701
3002
  --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2702
3003
  }
2703
3004
  }
3005
+ .twa\:focus-visible\:ring-offset-1:focus-visible {
3006
+ --tw-ring-offset-width: 1px;
3007
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3008
+ }
2704
3009
  .twa\:focus-visible\:outline-none:focus-visible {
2705
3010
  --tw-outline-style: none;
2706
3011
  outline-style: none;
2707
3012
  }
3013
+ .twa\:focus-visible\:ring-inset:focus-visible {
3014
+ --tw-ring-inset: inset;
3015
+ }
2708
3016
  .twa\:active\:translate-y-0:active {
2709
- --tw-translate-y: calc(var(--ab-base-space) * 0);
3017
+ --tw-translate-y: 0;
2710
3018
  translate: var(--tw-translate-x) var(--tw-translate-y);
2711
3019
  }
2712
3020
  .twa\:active\:translate-y-px:active {
@@ -2784,7 +3092,7 @@
2784
3092
  padding-inline: calc(var(--ab-base-space) * 1.5);
2785
3093
  }
2786
3094
  .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(*[data-slot="combobox-chip-remove"]) {
2787
- padding-right: calc(var(--ab-base-space) * 0);
3095
+ padding-right: 0;
2788
3096
  }
2789
3097
  .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
2790
3098
  padding-right: calc(var(--ab-base-space) * 1.5);
@@ -2844,7 +3152,7 @@
2844
3152
  margin-left: -0.15rem;
2845
3153
  }
2846
3154
  .twa\:has-\[\>svg\]\:p-0:has( > svg) {
2847
- padding: calc(var(--ab-base-space) * 0);
3155
+ padding: 0;
2848
3156
  }
2849
3157
  .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
2850
3158
  height: auto;
@@ -2907,7 +3215,7 @@
2907
3215
  opacity: 50%;
2908
3216
  }
2909
3217
  .twa\:data-empty\:p-0[data-empty] {
2910
- padding: calc(var(--ab-base-space) * 0);
3218
+ padding: 0;
2911
3219
  }
2912
3220
  .twa\:data-highlighted\:bg-accent[data-highlighted] {
2913
3221
  background-color: var(--ab-color-accent);
@@ -3004,7 +3312,7 @@
3004
3312
  border-radius: 0;
3005
3313
  }
3006
3314
  .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
3007
- top: calc(var(--ab-base-space) * 1);
3315
+ top: var(--ab-base-space);
3008
3316
  }
3009
3317
  .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3010
3318
  --tw-enter-translate-y: calc(2*var(--spacing)*-1);
@@ -3077,10 +3385,10 @@
3077
3385
  min-height: auto;
3078
3386
  }
3079
3387
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
3080
- margin: calc(var(--ab-base-space) * 1);
3388
+ margin: var(--ab-base-space);
3081
3389
  }
3082
3390
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
3083
- margin-bottom: calc(var(--ab-base-space) * 0);
3391
+ margin-bottom: 0;
3084
3392
  }
3085
3393
  [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
3086
3394
  height: calc(var(--ab-base-space) * 8);
@@ -3157,11 +3465,6 @@
3157
3465
  .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
3158
3466
  color: var(--ab-color-destructive);
3159
3467
  }
3160
- @media (width >= 48rem) {
3161
- .twa\:md\:grid-cols-\[1fr_1fr\] {
3162
- grid-template-columns: 1fr 1fr;
3163
- }
3164
- }
3165
3468
  @media (width >= 48rem) {
3166
3469
  .twa\:md\:flex-row {
3167
3470
  flex-direction: row;
@@ -3183,21 +3486,11 @@
3183
3486
  line-height: var(--tw-leading, var(--twa-text-sm--line-height));
3184
3487
  }
3185
3488
  }
3186
- @media (width >= 64rem) {
3187
- .twa\:lg\:grid {
3188
- display: grid;
3189
- }
3190
- }
3191
3489
  @media (width >= 64rem) {
3192
3490
  .twa\:lg\:flex-row {
3193
3491
  flex-direction: row;
3194
3492
  }
3195
3493
  }
3196
- @media (width >= 64rem) {
3197
- .twa\:lg\:gap-3 {
3198
- gap: calc(var(--ab-base-space) * 3);
3199
- }
3200
- }
3201
3494
  .twa\:dark\:border-input:is(.ab--theme-dark *) {
3202
3495
  border-color: var(--ab-color-input-border);
3203
3496
  }
@@ -3209,14 +3502,6 @@
3209
3502
  background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3210
3503
  }
3211
3504
  }
3212
- .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
3213
- background-color: var(--ab-color-input-border);
3214
- }
3215
- @supports (color: color-mix(in lab, red, red)) {
3216
- .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
3217
- background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
3218
- }
3219
- }
3220
3505
  .twa\:dark\:bg-transparent:is(.ab--theme-dark *) {
3221
3506
  background-color: transparent;
3222
3507
  }
@@ -3311,6 +3596,37 @@
3311
3596
  background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3312
3597
  }
3313
3598
  }
3599
+ .twa\:\[\&_\.ab-Input\]\:w-full .ab-Input {
3600
+ width: 100%;
3601
+ }
3602
+ .twa\:\[\&_\.ab-Input\]\:rounded-l-none\! .ab-Input {
3603
+ border-top-left-radius: 0 !important;
3604
+ border-bottom-left-radius: 0 !important;
3605
+ }
3606
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:w-full\! [data-slot=input-group] {
3607
+ width: 100% !important;
3608
+ }
3609
+ .twa\:\[\&_\[data-slot\=input-group\]\]\:rounded-l-none\! [data-slot=input-group] {
3610
+ border-top-left-radius: 0 !important;
3611
+ border-bottom-left-radius: 0 !important;
3612
+ }
3613
+ .twa\:\[\&_input\]\:size-0 input {
3614
+ width: 0;
3615
+ height: 0;
3616
+ }
3617
+ .twa\:\[\&_input\]\:min-h-0 input {
3618
+ min-height: 0;
3619
+ }
3620
+ .twa\:\[\&_input\]\:min-w-0 input {
3621
+ min-width: 0;
3622
+ }
3623
+ .twa\:\[\&_input\]\:border-0 input {
3624
+ border-style: var(--tw-border-style);
3625
+ border-width: 0px;
3626
+ }
3627
+ .twa\:\[\&_input\]\:p-0 input {
3628
+ padding: 0;
3629
+ }
3314
3630
  .twa\:\[\&_p\]\:text-primary-foreground p {
3315
3631
  color: var(--ab-color-primary-foreground);
3316
3632
  }
@@ -3335,6 +3651,9 @@
3335
3651
  border-top-left-radius: var(--ab-border-radius);
3336
3652
  border-bottom-left-radius: var(--ab-border-radius);
3337
3653
  }
3654
+ .twa\:\[\.ab-FloatingFilter_\[data-slot\=combobox-trigger\]\]\:py-0:is(.ab-FloatingFilter [data-slot=combobox-trigger]) {
3655
+ padding-block: 0;
3656
+ }
3338
3657
  .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
3339
3658
  padding-bottom: calc(var(--ab-base-space) * 2);
3340
3659
  }
@@ -3447,11 +3766,14 @@
3447
3766
  width: calc(var(--ab-base-space) * 4);
3448
3767
  height: calc(var(--ab-base-space) * 4);
3449
3768
  }
3769
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[container-type\:size\] {
3770
+ container-type: size;
3771
+ }
3450
3772
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
3451
3773
  position: absolute;
3452
3774
  }
3453
3775
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
3454
- inset-inline: calc(var(--ab-base-space) * 0);
3776
+ inset-inline: 0;
3455
3777
  }
3456
3778
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
3457
3779
  inset-block: calc(var(--ab-base-space) * 0.5);
@@ -3463,6 +3785,9 @@
3463
3785
  --tw-border-style: none;
3464
3786
  border-style: none;
3465
3787
  }
3788
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:\[line-height\:1\] {
3789
+ line-height: 1;
3790
+ }
3466
3791
  .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:shadow-none {
3467
3792
  --tw-shadow: 0 0 #0000;
3468
3793
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5433,12 +5758,16 @@
5433
5758
  --ab-border-radius: var(--ab__border-radius, var(--ab-base-space));
5434
5759
  --ab-border-radius-input: var(--ab-border-radius);
5435
5760
  --ab-border-radius-button: var(--ab-border-radius);
5436
- --ab-color-defaultbackground: white;
5437
- --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
5438
5761
  --ab-color-input-border: var(--ab-color-inputborder, var(--ab-color-primarydark));
5439
5762
  --ab-color-input-background: var(--ab-color-background);
5440
- --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-text-on-primary));
5441
- --ab-color-error: #dc3545;
5763
+ }
5764
+ @supports (color: color-mix(in lab, red, red)) {
5765
+ :root {
5766
+ --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 99%, black);
5767
+ }
5768
+ }
5769
+ :root {
5770
+ --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-primary-foreground));
5442
5771
  --ab-color-warn: #eb9316;
5443
5772
  --ab-color-info: #17a2b8;
5444
5773
  --ab-color-success: #419641;
@@ -5477,47 +5806,59 @@
5477
5806
  --ab-color-swatch-18: #ff0000;
5478
5807
  --ab-color-swatch-19: #dc143c;
5479
5808
  --ab-color-swatch-20: #ffa500;
5480
- --ab-color-text-on-success: white;
5481
- --ab-color-text-on-error: white;
5482
- --ab-color-text-on-info: white;
5483
- --ab-color-text-on-warn: white;
5809
+ --ab-color-success-foreground: white;
5810
+ --ab-color-info-foreground: white;
5811
+ --ab-color-warn-foreground: white;
5484
5812
  --ab-color-action-edit: #17a2b8;
5485
5813
  --ab-color-action-share: #eb9316;
5486
5814
  --ab-color-action-delete: #dc3545;
5487
5815
  --ab-color-action-clone: #419641;
5488
- --ab-color-text-on-edit: white;
5489
- --ab-color-text-on-share: white;
5490
- --ab-color-text-on-delete: white;
5491
- --ab-color-text-on-clone: white;
5816
+ --ab-color-action-edit-foreground: white;
5817
+ --ab-color-action-share-foreground: white;
5818
+ --ab-color-action-delete-foreground: white;
5819
+ --ab-color-action-clone-foreground: white;
5492
5820
  --ab-color-primary: #e9e9e9;
5493
5821
  --ab-color-primary-foreground: #656565;
5494
5822
  --ab-color-primarydark: #b7b7b7;
5495
5823
  --ab-color-primarylight: #f5f5f5;
5496
- --ab-color-text-on-primary: var(--ab-color-primary-foreground);
5497
- --ab-color-text-on-primarydark: var(--ab-color-primary-foreground);
5498
5824
  --ab-color-shadow: rgb(0 0 0 / 0.2);
5499
5825
  --ab-shadow-sm: 0 0px 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
5500
5826
  --ab-shadow-md: 0 -2px 6px -1px var(--ab-color-shadow), 0 2px 4px -2px var(--ab-color-shadow);
5501
5827
  --ab-focus__box-shadow: 0 0px 5px 0 var(--ab-color-ring), 0 1px 2px -1px var(--ab-color-ring);
5502
5828
  --ab-focus-light__box-shadow: 0 0px 5px 0 var(--ab-color-accentlight),
5503
5829
  0 1px 2px -1px var(--ab-color-accentlight);
5504
- --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-text-on-primary);
5830
+ --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-primary-foreground);
5505
5831
  --ab-focus__outline: none;
5506
- --ab-color-background: var(--ab-color-defaultbackground, oklch(1 0 0));
5507
- --ab-color-foreground: var(--ab-color-text-on-defaultbackground);
5508
- --ab-color-popover: var(--ab-color-defaultbackground);
5509
- --ab-color-popover-foreground: var(--ab-color-text-on-defaultbackground);
5832
+ --ab-color-background: var(--ab-color-defaultbackground, white);
5833
+ --ab-color-foreground: var(--ab-color-primary-foreground, #656565);
5834
+ --ab-color-popover: var(--ab-color-background);
5835
+ --ab-color-popover-foreground: var(--ab-color-foreground);
5510
5836
  --ab-color-secondary: oklch(0.97 0 0);
5511
5837
  --ab-color-secondary-foreground: oklch(0.205 0 0);
5512
5838
  --ab-color-muted: var(--ab-color-primarylight);
5513
- --ab-color-muted-foreground: var(--ab-color-input-foreground);
5514
- --ab-color-destructive: oklch(0.577 0.245 27.325);
5515
- --ab-color-destructive-foreground: oklch(0.577 0.245 27.325);
5839
+ --ab-color-muted-foreground: var(--ab-color-primary-foreground);
5840
+ --ab-color-destructive: var(--ab-color-error, #dc3545);
5841
+ --ab-color-destructive-foreground: white;
5516
5842
  --ab-color-border: oklch(0.922 0 0);
5517
5843
  --ab-color-ring: var(--ab-color-accent);
5844
+ --ab-color-card: #f5f5f5;
5845
+ --ab-color-card-foreground: var(--ab-color-foreground);
5518
5846
  --ab-icon-fill: currentColor;
5519
5847
  --ab-custom-scrollbar-size: 10px;
5520
5848
  --ab-grid-row-height: 35px;
5849
+ --ab-cmp-column-tag__background: var(--ab-color-primary);
5850
+ }
5851
+ @supports (color: color-mix(in lab, red, red)) {
5852
+ :root {
5853
+ --ab-cmp-column-tag__background: color-mix(
5854
+ in srgb,
5855
+ var(--ab-color-primary) 80%,
5856
+ var(--ab-color-accent)
5857
+ );
5858
+ }
5859
+ }
5860
+ :root {
5861
+ --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
5521
5862
  --ab-loaded: 777;
5522
5863
  --ab_flex-direction: column;
5523
5864
  --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
@@ -5528,13 +5869,13 @@
5528
5869
  .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
5529
5870
  --infinite-cell-border-radius: 0px;
5530
5871
  --infinite-active-cell-border-width: 0px;
5531
- --infinite-background: var(--ab-color-defaultbackground);
5532
- --infinite-row-background: var(--ab-color-defaultbackground);
5872
+ --infinite-background: var(--ab-color-background);
5873
+ --infinite-row-background: var(--ab-color-background);
5533
5874
  --infinite-row-odd-background: var(--ab-color-primarylight);
5534
5875
  --infinite-row-selected-background: var(--ab-color-primary);
5535
5876
  --infinite-row-selected-hover-background: var(--ab-color-primarydark);
5536
5877
  --infinite-row-hover-background: var(--ab-color-primary);
5537
- --infinite-header-color: var(--ab-color-text-on-primarydark);
5878
+ --infinite-header-color: var(--ab-color-muted-foreground);
5538
5879
  --infinite-header-cell-background: var(--ab-color-primary);
5539
5880
  --infinite-header-cell-hover-background: var(--ab-color-primarylight);
5540
5881
  --infinite-menu-background: var(--infinite-header-cell-background);
@@ -5590,7 +5931,10 @@
5590
5931
  --ag-checkbox-checked-color,
5591
5932
  var(--ag-balham-active-color, #0091ea)
5592
5933
  );
5593
- --ab-cmp-checkbox--checked__background: var(--ag-background-color);
5934
+ --ab-cmp-checkbox--checked__background: var(
5935
+ --ag-background-color,
5936
+ var(--ab-color-input-background)
5937
+ );
5594
5938
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
5595
5939
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
5596
5940
  }
@@ -5663,6 +6007,9 @@
5663
6007
  bottom: 16px;
5664
6008
  left: 8px;
5665
6009
  }
6010
+ :root {
6011
+ --ab-radio-gap: calc(var(--ab-base-space) * 2);
6012
+ }
5666
6013
  :root {
5667
6014
  --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
5668
6015
  --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
@@ -5673,21 +6020,6 @@
5673
6020
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
5674
6021
  --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
5675
6022
  }
5676
- :root {
5677
- --ab-cmp-dropdownbutton-list__border: none;
5678
- --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
5679
- --ab-cmp-dropdownbutton-list-item__padding: calc(var(--ab-base-space) * 2);
5680
- --ab-cmp-dropdownbutton-list-item-hover__background: var(--ab-color-primary);
5681
- --ab-cmp-dropdownbutton-list-item-hover__color: var(--ab-color-text-on-primary);
5682
- --ab-cmp-dropdownbutton-list-item-active__background: var(--ab-color-primarydark);
5683
- --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
5684
- --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
5685
- --ab-cmp-dropdownbutton-list__z-index: 1000;
5686
- --ab-cmp-dropdownbutton-list__border-radius: var(--ab-border-radius);
5687
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
5688
- -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
5689
- --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
5690
- }
5691
6023
  :root {
5692
6024
  --ab-cmp-field-wrap__background: var(--ab-color-input-background);
5693
6025
  --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
@@ -5696,7 +6028,6 @@
5696
6028
  :root {
5697
6029
  --ab-cmp-input__padding: calc(var(--ab-base-space) * 2);
5698
6030
  --ab-cmp-input__color: var(--ab-color-input-foreground);
5699
- --ab-cmp-input__background: var(--ab-color-input-background);
5700
6031
  --ab-cmp-input__border-radius: var(--ab-border-radius);
5701
6032
  --ab-cmp-input__border: 1px solid var(--ab-color-input-border);
5702
6033
  --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
@@ -5710,12 +6041,11 @@
5710
6041
  }
5711
6042
  :root {
5712
6043
  --ab-cmp-tabs__padding: calc(var(--ab-base-space) * 2);
5713
- --ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
6044
+ --ab-cmp-tabs-strip__background: transparent;
5714
6045
  --ab-cmp-tabs-active__background: var(--ab-color-primarylight);
5715
6046
  --ab-cmp-tabs__font-weight: 400;
5716
6047
  --ab-cmp-tabs__color: inherit;
5717
6048
  --ab-cmp-tabs-inactive__opacity: 0.72;
5718
- --ab-cmp-tabs-inactive-separator__color: var(--ab-color-primarydark);
5719
6049
  }
5720
6050
  :root {
5721
6051
  --ab-cmp-panel_header__background: var(--ab-color-primary);
@@ -5726,12 +6056,12 @@
5726
6056
  --ab-cmp-panel__border: 1px solid var(--ab-color-input-border);
5727
6057
  --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
5728
6058
  --ab-cmp-panel_header__padding: calc(var(--ab-base-space) * 2);
5729
- --ab-cmp-panel_header__color: var(--ab-color-text-on-primary);
6059
+ --ab-cmp-panel_header__color: var(--ab-color-primary-foreground);
5730
6060
  --ab-cmp-panel_header--variant-primary__background: var(--ab-color-accent);
5731
6061
  --ab-cmp-panel_header--variant-primary__color: var(--ab-color-accent-foreground);
5732
6062
  --ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
5733
- --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
5734
- --ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
6063
+ --ab-cmp-panel_header--variant-minimal__background: var(--ab-color-background);
6064
+ --ab-cmp-panel_header--variant-modern__color: var(--ab-color-primary-foreground);
5735
6065
  }
5736
6066
  :root {
5737
6067
  --ab-cmp-simple-button__box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
@@ -5753,7 +6083,7 @@
5753
6083
  :root {
5754
6084
  --ab-cmp-tooltip__opacity: 0.96;
5755
6085
  --ab-cmp-tooltip__background: var(--ab-color-primary);
5756
- --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
6086
+ --ab-cmp-tooltip__color: var(--ab-color-primary-foreground);
5757
6087
  --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
5758
6088
  --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
5759
6089
  }
@@ -5761,7 +6091,7 @@
5761
6091
  --ab-cmp-file-droppable__padding: calc(var(--ab-base-space) * 16);
5762
6092
  --ab-cmp-file-droppable__margin: var(--ab-base-space);
5763
6093
  --ab-cmp-file-droppable__background: var(--ab-color-primary);
5764
- --ab-cmp-file-droppable__color: var(--ab-color-text-on-primary);
6094
+ --ab-cmp-file-droppable__color: var(--ab-color-primary-foreground);
5765
6095
  --ab-cmp-file-droppable__outline: 2px dashed var(--ab-cmp-file-droppable__color);
5766
6096
  --ab-cmp-file-droppable__outline-offset: -10px;
5767
6097
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-accent);
@@ -5776,7 +6106,7 @@
5776
6106
  --ab-dashboard-wrap: nowrap;
5777
6107
  --ab-dashboard-gap-size: 3px;
5778
6108
  --ab-dashboard-gap__background: var(--ab-color-primarylight);
5779
- --ab-dashboard__color: var(--ab-color-text-on-primary);
6109
+ --ab-dashboard__color: var(--ab-color-primary-foreground);
5780
6110
  --ab-dashboard__border: var(--ab-color-primarydark);
5781
6111
  --ab-dashboard-header__background: var(--ab-color-accent);
5782
6112
  --ab-dashboard-header__color: var(--ab-color-accent-foreground);
@@ -5784,9 +6114,9 @@
5784
6114
  --ab-dashboard-toolbar-drag__background: lightgreen;
5785
6115
  }
5786
6116
  :root {
5787
- --ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
6117
+ --ab-cmp-datepicker__background: var(--ab-color-background);
5788
6118
  --ab-cmp-datepicker__active-color: var(--ab-color-primarydark);
5789
- --ab-cmp-datepicker__active-text-color: var(--ab-color-text-on-primarydark);
6119
+ --ab-cmp-datepicker__active-text-color: var(--ab-color-muted-foreground);
5790
6120
  --ab-cmp-datepicker__active-border-radius: 100%;
5791
6121
  --ab-cmp-datepicker__active-border: var(--ab-cmp-datepicker__day-border-width) solid
5792
6122
  var(--ab-cmp-datepicker__active-color);
@@ -5812,12 +6142,17 @@
5812
6142
  --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
5813
6143
  --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab-border-radius);
5814
6144
  --ab-cmp-module-module-selector__tab-item__width: 160px;
5815
- --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
5816
- --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
6145
+ --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-primary-foreground);
6146
+ --ab-cmp-module-module-selector__toolbar-item__border: 1px dashed var(--ab-color-primarydark);
6147
+ --ab-cmp-module-module-selector__draggable-chip__background: var(
6148
+ --ab-cmp-draggable-list-item__background,
6149
+ var(--ab-color-background)
6150
+ );
6151
+ --ab-cmp-module-module-selector__draggable-chip__color: var(--ab-color-foreground);
5817
6152
  }
5818
6153
  :root {
5819
6154
  --ab-cmp-loader__background: var(--ab-color-primarydark);
5820
- --ab-cmp-loader__border: var(--ab-color-text-on-primary);
6155
+ --ab-cmp-loader__border: var(--ab-color-primary-foreground);
5821
6156
  --ab-cmp-loader__font-size: var(--ab-font-size-2);
5822
6157
  }
5823
6158
  :root {
@@ -5828,7 +6163,7 @@
5828
6163
  --ab-cmp-progress-indicator__font-family: var(--ab__font-family);
5829
6164
  --ab-cmp-progress-indicator__padding: calc(var(--ab-base-space) * 4);
5830
6165
  --ab-cmp-progress-indicator__background: var(--ab-color-primary);
5831
- --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
6166
+ --ab-cmp-progress-indicator__color: var(--ab-color-primary-foreground);
5832
6167
  }
5833
6168
  :root {
5834
6169
  --ab-cmp-badge__padding: 3px 8px;
@@ -5841,7 +6176,7 @@
5841
6176
  }
5842
6177
  :root {
5843
6178
  --ab-cmp-icon-selector__popup__color: var(--ab-color-input-foreground);
5844
- --ab-cmp-icon-selector__popup__background: var(--ab-color-defaultbackground);
6179
+ --ab-cmp-icon-selector__popup__background: var(--ab-color-background);
5845
6180
  --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-input-border);
5846
6181
  --ab-cmp-icon-selector__popup__padding: calc(var(--ab-base-space) * 2);
5847
6182
  --ab-cmp-icon-selector__popup__border-radius: var(--ab-border-radius);
@@ -5851,7 +6186,7 @@
5851
6186
  --adaptable-quick-search-floating-width: 200px;
5852
6187
  }
5853
6188
  :root {
5854
- --ab-cmp-note-popup-background-color: var(--ab-color-defaultbackground);
6189
+ --ab-cmp-note-popup-background-color: var(--ab-color-background);
5855
6190
  --ab-cmp-note-popup-padding: calc(var(--ab-base-space) * 8);
5856
6191
  --ab-cmp-note-popup-border-radius: calc(var(--ab-base-space) * 2);
5857
6192
  --ab-cmp-note-popup-border: 1px solid var(--ab-color-primarydark);
@@ -5870,7 +6205,7 @@
5870
6205
  --ab-cmp-wizard__padding: calc(var(--ab-base-space) * 16);
5871
6206
  --ab-cmp-wizard__margin: var(--ab-base-space);
5872
6207
  --ab-cmp-wizard__background: var(--ab-color-primary);
5873
- --ab-cmp-wizard__color: var(--ab-color-text-on-primary);
6208
+ --ab-cmp-wizard__color: var(--ab-color-primary-foreground);
5874
6209
  }
5875
6210
  :root {
5876
6211
  --ab-cmp-button-border-radius: 0px;
@@ -5882,8 +6217,8 @@
5882
6217
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
5883
6218
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
5884
6219
  --ab-cmp-dashboardpanel_header__fill: currentColor;
5885
- --ab-cmp-dashboardpanel_header__color: var(--ab-color-text-on-primarydark);
5886
- --ab-cmp-dashboardpanel__fill: var(--ab-color-text-on-primary);
6220
+ --ab-cmp-dashboardpanel_header__color: var(--ab-color-muted-foreground);
6221
+ --ab-cmp-dashboardpanel__fill: var(--ab-color-primary-foreground);
5887
6222
  --ab-cmp-dashboardpanel__color: currentColor;
5888
6223
  --ab-cmp-dashboardpanel_header__padding: 0px;
5889
6224
  --ab-cmp-dashboardpanel_body__padding: var(--ab-base-space);
@@ -5901,11 +6236,9 @@
5901
6236
  --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
5902
6237
  }
5903
6238
  :root {
5904
- --ab-cmp-popover__border-radius: var(--ab-border-radius);
5905
- --ab-cmp-popover__background: var(--ab-color-defaultbackground);
6239
+ --ab-cmp-popover__background: var(--ab-color-background);
5906
6240
  --ab-cmp-popover__color: var(--ab-color-foreground);
5907
6241
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
5908
- --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
5909
6242
  }
5910
6243
  .ab-OnePageWizard__section {
5911
6244
  background: var(--ab-cmp-one-page-wizard-content__background);
@@ -5916,6 +6249,63 @@
5916
6249
  min-height: 100%;
5917
6250
  overflow: hidden;
5918
6251
  }
6252
+ :root {
6253
+ --ab-cmp-wizard-selection__border: var(--ab-color-accent);
6254
+ --ab-cmp-wizard-selection__background: var(--ab-color-accent);
6255
+ }
6256
+ @supports (color: color-mix(in lab, red, red)) {
6257
+ :root {
6258
+ --ab-cmp-wizard-selection__background: color-mix(
6259
+ in srgb,
6260
+ var(--ab-color-accent) 22%,
6261
+ var(--ab-color-accentlight)
6262
+ );
6263
+ }
6264
+ }
6265
+ :root {
6266
+ --ab-cmp-collapsible-wizard-card__expanded-border: var(--ab-color-primary);
6267
+ --ab-cmp-collapsible-wizard-card__collapsed-border: var(--ab-color-primarydark);
6268
+ }
6269
+ @supports (color: color-mix(in lab, red, red)) {
6270
+ :root {
6271
+ --ab-cmp-collapsible-wizard-card__collapsed-border: color-mix(
6272
+ in srgb,
6273
+ var(--ab-color-primarydark) 55%,
6274
+ transparent
6275
+ );
6276
+ }
6277
+ }
6278
+ :root {
6279
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: var(--ab-color-primarydark);
6280
+ }
6281
+ @supports (color: color-mix(in lab, red, red)) {
6282
+ :root {
6283
+ --ab-cmp-collapsible-wizard-card__collapsed-border-popup: color-mix(
6284
+ in srgb,
6285
+ var(--ab-color-primarydark) 38%,
6286
+ transparent
6287
+ );
6288
+ }
6289
+ }
6290
+ .ab-CollapsibleWizardCard--compact.ab-CollapsibleWizardCard .ab-Card__title {
6291
+ padding-bottom: 0;
6292
+ }
6293
+ :root {
6294
+ --ab-cmp-wizard-type-selection-card__selected-border: var(--ab-color-accent);
6295
+ --ab-cmp-wizard-type-selection-card__selected-overlay: var(--ab-color-accent);
6296
+ }
6297
+ @supports (color: color-mix(in lab, red, red)) {
6298
+ :root {
6299
+ --ab-cmp-wizard-type-selection-card__selected-overlay: color-mix(
6300
+ in srgb,
6301
+ var(--ab-color-accent) 15%,
6302
+ transparent
6303
+ );
6304
+ }
6305
+ }
6306
+ :root {
6307
+ --ab-cmp-wizard-type-selection-card__selected-indicator-inner: var(--ab-color-base);
6308
+ }
5919
6309
  :root {
5920
6310
  --ab-cmp-toolpanel__width: 200px;
5921
6311
  --ab-cmp-toolpanel-header__background: var(--ab-dashboard-header__background);
@@ -5941,6 +6331,10 @@
5941
6331
  --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: calc(var(--ab-base-space) * 2)
5942
6332
  calc(var(--ab-base-space) * 2);
5943
6333
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: calc(var(--ab-base-space) * 2);
6334
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: var(
6335
+ --ab-color-border,
6336
+ var(--ab-color-primarydark)
6337
+ );
5944
6338
  --ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
5945
6339
  }
5946
6340
  :root {
@@ -5949,13 +6343,13 @@
5949
6343
  :root {
5950
6344
  --ab-cmp-adaptable-object-list-tag__margin-right: calc(var(--ab-base-space) * 2);
5951
6345
  --ab-cmp-adaptable-object-list-tag__margin-top: calc(var(--ab-base-space) * 2);
5952
- --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-defaultbackground);
6346
+ --ab-cmp-adaptable-object-list-item__background-color: var(--ab-color-background);
5953
6347
  --ab-cmp-adaptable-object-list-item__padding: calc(var(--ab-base-space) * 4) calc(var(--ab-base-space) * 4);
5954
6348
  --ab-cmp-adaptable-object-list-item-label__width: 130px;
5955
6349
  --ab-cmp-adaptable-object-list-item-tag__padding: 6px 12px;
5956
6350
  --ab-cmp-adaptable-object-compact-list__background: var(--ab-color-primarylight);
5957
6351
  --ab-cmp-adaptable-object-compact-list__padding: calc(var(--ab-base-space) * 2);
5958
- --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-defaultbackground);
6352
+ --ab-cmp-adaptable-object-compact-list-item__background: var(--ab-color-background);
5959
6353
  --ab-cmp-adaptable-object-compact-list-item__padding: var(--ab-base-space);
5960
6354
  --ab-cmp-adaptable-object-compact-list-item__margin-bottom: calc(var(--ab-base-space) * 2);
5961
6355
  --ab-cmp-adaptable-object-compact-list__header__padding: calc(var(--ab-base-space) * 2);
@@ -5967,12 +6361,12 @@
5967
6361
  --ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
5968
6362
  }
5969
6363
  :root {
5970
- --ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
5971
- --ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
5972
- --ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
6364
+ --ab-cmp-adaptable-options__background-color: var(--ab-color-background);
6365
+ --ab-cmp-grid-options__background-color: var(--ab-color-background);
6366
+ --ab-cmp-grid-summary__background-color: var(--ab-color-background);
5973
6367
  }
5974
6368
  :root {
5975
- --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
6369
+ --ab-cmp-system-status-list__background-color: var(--ab-color-background);
5976
6370
  --ab-cmp-system-status-list-text__border-radius: var(--ab-border-radius);
5977
6371
  --ab-cmp-system-status-list-text__font-weight: bold;
5978
6372
  --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
@@ -5980,7 +6374,7 @@
5980
6374
  --ab-cmp-system-status-list-text__padding: calc(var(--ab-base-space) * 2);
5981
6375
  }
5982
6376
  :root {
5983
- --ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
6377
+ --ab-cmp-dashboard-module-selector-background: var(--ab-color-background);
5984
6378
  --ab-cmp-dashboard-pinned-toolbar-border: 1px solid var(--ab-color-primary);
5985
6379
  }
5986
6380
  html.ab--theme-dark {
@@ -5989,7 +6383,7 @@
5989
6383
  :root {
5990
6384
  --ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
5991
6385
  --ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
5992
- --ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
6386
+ --ab-cmp-adaptable-statusbar__color: var(--ab-color-primary-foreground);
5993
6387
  --ab-cmp-adaptable-statusbar__font-weight: 400;
5994
6388
  --ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
5995
6389
  }
@@ -5999,10 +6393,10 @@
5999
6393
  }
6000
6394
  :root {
6001
6395
  --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab-border-radius);
6002
- --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
6396
+ --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-background);
6003
6397
  --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(--ab-color-foreground);
6004
6398
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
6005
- --ab-color-defaultbackground
6399
+ --ab-color-background
6006
6400
  );
6007
6401
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
6008
6402
  --ab-border-radius
@@ -6010,14 +6404,14 @@
6010
6404
  --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
6011
6405
  }
6012
6406
  :root {
6013
- --cmp-Badge-Definition-Editor__background: var(--ab-color-defaultbackground);
6014
- --cmp-Badge-Definition-Editor-header__background: var(--ab-color-defaultbackground);
6407
+ --cmp-Badge-Definition-Editor__background: var(--ab-color-background);
6408
+ --cmp-Badge-Definition-Editor-header__background: var(--ab-color-background);
6015
6409
  }
6016
6410
  @supports (color: color-mix(in lab, red, red)) {
6017
6411
  :root {
6018
6412
  --cmp-Badge-Definition-Editor-header__background: color-mix(
6019
6413
  in srgb,
6020
- var(--ab-color-defaultbackground) 92%,
6414
+ var(--ab-color-background) 92%,
6021
6415
  var(--ab-color-foreground)
6022
6416
  );
6023
6417
  }
@@ -6036,10 +6430,10 @@
6036
6430
  :root {
6037
6431
  --ab-cmp-column-filter-input__font-size: var(--ab-font-size-2);
6038
6432
  --ab-cmp-column-filter-input__border: 1px solid var(--ab-color-primarydark);
6039
- --ab-cmp-column-filter-input__background: var(--ab-color-defaultbackground);
6433
+ --ab-cmp-column-filter-input__background: var(--ab-color-background);
6040
6434
  }
6041
6435
  :root {
6042
- --ab-cmp-entity-rules-editor__background-color: var(--ab-color-defaultbackground);
6436
+ --ab-cmp-entity-rules-editor__background-color: var(--ab-color-background);
6043
6437
  }
6044
6438
  .ab-Badge__wrapper {
6045
6439
  display: inline-flex;
@@ -6226,11 +6620,11 @@
6226
6620
  :root {
6227
6621
  --ab-cmp-query-builder__border: 1px dotted var(--ab-color-foreground);
6228
6622
  --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
6229
- --ab-cmp-query-builder-expression__color: var(--ab-color-text-on-primary);
6623
+ --ab-cmp-query-builder-expression__color: var(--ab-color-primary-foreground);
6230
6624
  --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
6231
6625
  }
6232
6626
  .ab-Dropdown {
6233
- background: var(--ab-color-defaultbackground);
6627
+ background: var(--ab-color-background);
6234
6628
  border: var(--ab-cmp-dropdown__border);
6235
6629
  border-radius: var(--ab-cmp-dropdown__border-radius);
6236
6630
  position: relative;
@@ -6269,51 +6663,6 @@
6269
6663
  .ab-Dropdown--empty .ab-Dropdown__text {
6270
6664
  color: var(--ab-color-foreground);
6271
6665
  }
6272
- .ab-DropdownButton {
6273
- position: relative;
6274
- overflow: visible;
6275
- outline: none;
6276
- --ab-overlay-horizontal-align: left;
6277
- }
6278
- .ab-DropdownButton__list {
6279
- text-align: start;
6280
- padding: var(--ab-base-space) 0;
6281
- box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
6282
- overflow: auto;
6283
- border: var(--ab-cmp-dropdownbutton-list__border);
6284
- border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
6285
- z-index: var(--ab-cmp-dropdownbutton-list__z-index);
6286
- background: var(--ab-cmp-dropdownbutton-list__background);
6287
- }
6288
- .ab-DropdownButton__content {
6289
- font-family: var(--ab__font-family);
6290
- font-size: var(--ab-font-size-2);
6291
- max-width: 100%;
6292
- width: 100%;
6293
- border-spacing: 0;
6294
- }
6295
- .ab-DropdownButton__list-item {
6296
- fill: currentColor;
6297
- color: var(--ab-cmp-dropdownbutton-list-item__color);
6298
- }
6299
- .ab-DropdownButton__list-item--disabled {
6300
- opacity: 0.5;
6301
- }
6302
- .ab-DropdownButton__list-item--not-clickable {
6303
- cursor: auto;
6304
- }
6305
- .ab-DropdownButton__list-item--clickable:hover {
6306
- background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
6307
- color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
6308
- fill: currentColor;
6309
- cursor: pointer;
6310
- }
6311
- .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
6312
- color: inherit;
6313
- }
6314
- .ab-DropdownButton__separator td {
6315
- border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
6316
- }
6317
6666
  .ab-FieldWrap {
6318
6667
  border: 1px solid var(--ab-color-input-border);
6319
6668
  color: 1px solid var(--ab-color-input-foreground);
@@ -6417,9 +6766,6 @@
6417
6766
  .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
6418
6767
  opacity: var(--ab-cmp-tabs-inactive__opacity);
6419
6768
  }
6420
- .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) + .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
6421
- box-shadow: inset 1px 0 0 var(--ab-cmp-tabs-inactive-separator__color);
6422
- }
6423
6769
  .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
6424
6770
  border-bottom-left-radius: var(--ab-border-radius);
6425
6771
  }
@@ -6975,93 +7321,43 @@
6975
7321
  .ab-Datepicker-Overlay .rdp-focusable {
6976
7322
  cursor: pointer;
6977
7323
  }
6978
- .ab-Datepicker-Overlay {
6979
- @keyframes rdp-slide_in_left {
6980
- 0% {
6981
- transform: translateX(-100%);
6982
- }
6983
- 100% {
6984
- transform: translateX(0);
6985
- }
6986
- }
6987
- @keyframes rdp-slide_in_right {
6988
- 0% {
6989
- transform: translateX(100%);
6990
- }
6991
- 100% {
6992
- transform: translateX(0);
6993
- }
6994
- }
6995
- @keyframes rdp-slide_out_left {
6996
- 0% {
6997
- transform: translateX(0);
6998
- }
6999
- 100% {
7000
- transform: translateX(-100%);
7001
- }
7002
- }
7003
- @keyframes rdp-slide_out_right {
7004
- 0% {
7005
- transform: translateX(0);
7006
- }
7007
- 100% {
7008
- transform: translateX(100%);
7009
- }
7010
- }
7011
- }
7324
+ .ab-Datepicker-Overlay {}
7012
7325
  .ab-Datepicker-Overlay .rdp-weeks_before_enter {
7013
- animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7326
+ animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7014
7327
  }
7015
7328
  .ab-Datepicker-Overlay .rdp-weeks_before_exit {
7016
- animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7329
+ animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7017
7330
  }
7018
7331
  .ab-Datepicker-Overlay .rdp-weeks_after_enter {
7019
- animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7332
+ animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7020
7333
  }
7021
7334
  .ab-Datepicker-Overlay .rdp-weeks_after_exit {
7022
- animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7335
+ animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7023
7336
  }
7024
7337
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
7025
- animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7338
+ animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7026
7339
  }
7027
7340
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
7028
- animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7341
+ animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7029
7342
  }
7030
7343
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
7031
- animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7344
+ animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7032
7345
  }
7033
7346
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
7034
- animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7035
- }
7036
- .ab-Datepicker-Overlay {
7037
- @keyframes rdp-fade_in {
7038
- from {
7039
- opacity: 0;
7040
- }
7041
- to {
7042
- opacity: 1;
7043
- }
7044
- }
7045
- @keyframes rdp-fade_out {
7046
- from {
7047
- opacity: 1;
7048
- }
7049
- to {
7050
- opacity: 0;
7051
- }
7052
- }
7347
+ animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7053
7348
  }
7349
+ .ab-Datepicker-Overlay {}
7054
7350
  .ab-Datepicker-Overlay .rdp-caption_after_enter {
7055
- animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7351
+ animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7056
7352
  }
7057
7353
  .ab-Datepicker-Overlay .rdp-caption_after_exit {
7058
- animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7354
+ animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7059
7355
  }
7060
7356
  .ab-Datepicker-Overlay .rdp-caption_before_enter {
7061
- animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7357
+ animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7062
7358
  }
7063
7359
  .ab-Datepicker-Overlay .rdp-caption_before_exit {
7064
- animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7360
+ animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7065
7361
  }
7066
7362
  .ab-Datepicker-Overlay {
7067
7363
  border: var(--ab-cmp-datepicker__border);
@@ -7114,7 +7410,7 @@
7114
7410
  font-size: 90%;
7115
7411
  }
7116
7412
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-nav_button {
7117
- color: var(--ab-color-text-on-primary);
7413
+ color: var(--ab-color-primary-foreground);
7118
7414
  }
7119
7415
  :is(.ab-Datepicker-Overlay .rdp-root) .rdp-table {
7120
7416
  width: 100%;
@@ -7197,6 +7493,10 @@
7197
7493
  .ab-Tag {
7198
7494
  max-width: 100%;
7199
7495
  }
7496
+ .ab-Tag--column {
7497
+ background: var(--ab-cmp-column-tag__background);
7498
+ color: var(--ab-cmp-column-tag__foreground, inherit);
7499
+ }
7200
7500
  .ab-ModuleSelector__TabItem {
7201
7501
  display: flex;
7202
7502
  flex-direction: column;
@@ -7228,9 +7528,100 @@
7228
7528
  padding-bottom: 0;
7229
7529
  min-height: 200px;
7230
7530
  }
7531
+ .ab-ModuleSelector__ToolbarList--compact {
7532
+ flex: none;
7533
+ min-height: 2.5rem;
7534
+ padding: 6px 8px;
7535
+ border: var(--ab-cmp-module-module-selector__tab-item__border);
7536
+ border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
7537
+ }
7538
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--horizontal {
7539
+ display: flex;
7540
+ flex-direction: row;
7541
+ flex-wrap: wrap;
7542
+ align-items: center;
7543
+ gap: 4px;
7544
+ }
7545
+ .ab-ModuleSelector--strip .ab-ModuleSelector__UnusedPanel, .ab-ModuleSelector--rows .ab-ModuleSelector__UnusedPanel {
7546
+ margin-bottom: 0;
7547
+ }
7548
+ .ab-ModuleSelector__TabItem--row {
7549
+ width: 100%;
7550
+ flex-direction: row;
7551
+ align-items: stretch;
7552
+ margin-right: 0;
7553
+ }
7554
+ .ab-ModuleSelector__TabItem__header--row {
7555
+ width: 11rem;
7556
+ flex-shrink: 0;
7557
+ border-bottom: none;
7558
+ border-right: var(--ab-cmp-module-module-selector__tab-item__border);
7559
+ }
7560
+ .ab-ModuleSelector__TabItem--row .ab-ModuleSelector__ToolbarList--compact {
7561
+ flex: 1;
7562
+ min-width: 0;
7563
+ }
7564
+ .ab-ModuleSelector__ToolbarList--compact.ab-ModuleSelector__ToolbarList--embedded {
7565
+ border: none;
7566
+ border-radius: 0;
7567
+ }
7568
+ .ab-ModuleSelector__DraggableChip {
7569
+ border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7570
+ background: var(--ab-cmp-module-module-selector__draggable-chip__background);
7571
+ color: var(--ab-cmp-module-module-selector__draggable-chip__color);
7572
+ cursor: grab;
7573
+ }
7574
+ .ab-ModuleSelector__DraggableChip:active {
7575
+ cursor: grabbing;
7576
+ }
7231
7577
  .ab-ModuleSelector__ToolbarItem {
7232
7578
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
7233
7579
  }
7580
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedGroup {
7581
+ min-height: 0;
7582
+ }
7583
+ .ab-ModuleSelector__UnusedGroups--row .ab-ModuleSelector__UnusedPanel {
7584
+ margin-bottom: 0;
7585
+ }
7586
+ .ab-ColorPicker-swatch {
7587
+ width: 36px;
7588
+ height: 24px;
7589
+ min-height: 24px !important;
7590
+ padding: 0;
7591
+ box-sizing: border-box;
7592
+ flex-shrink: 0;
7593
+ cursor: pointer;
7594
+ }
7595
+ .ab-ColorPicker-swatch::-webkit-color-swatch-wrapper {
7596
+ padding: 0;
7597
+ }
7598
+ .ab-ColorPicker-swatch::-webkit-color-swatch {
7599
+ border: none;
7600
+ border-radius: calc(var(--ab-border-radius-input, 4px) - 1px);
7601
+ }
7602
+ .ab-ColorPicker-swatch::-moz-color-swatch {
7603
+ border: none;
7604
+ }
7605
+ .ab-OptionalColorPicker-empty {
7606
+ width: 36px;
7607
+ height: 24px;
7608
+ min-height: 24px;
7609
+ padding: 0;
7610
+ border: 1px dashed var(--ab-color-border, #ccc);
7611
+ border-radius: var(--ab-border-radius-input, 4px);
7612
+ cursor: pointer;
7613
+ background-color: #fff;
7614
+ 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%);
7615
+ background-size: 6px 6px;
7616
+ background-position: 0 0, 0 3px, 3px -3px, -3px 0;
7617
+ }
7618
+ .ab-OptionalColorPicker-empty:hover:not(:disabled) {
7619
+ border-color: var(--ab-color-accent, #43429e);
7620
+ }
7621
+ .ab-OptionalColorPicker-empty:disabled {
7622
+ opacity: 0.3;
7623
+ cursor: not-allowed;
7624
+ }
7234
7625
  .ab-ColorPicker-range[type='range'] {
7235
7626
  width: 120px;
7236
7627
  margin: 0;
@@ -7372,8 +7763,6 @@
7372
7763
  font-size: var(--ab-cmp-listgroupitem-cell__font-size);
7373
7764
  }
7374
7765
  .ab-Popover {
7375
- border-radius: var(--ab-cmp-popover__border-radius);
7376
- border: var(--ab-cmp-popover__border);
7377
7766
  background: var(--ab-cmp-popover__background);
7378
7767
  color: var(--ab-cmp-popover__color);
7379
7768
  box-shadow: var(--ab-cmp-popover__box-shadow);
@@ -7415,7 +7804,7 @@
7415
7804
  .ab-NocodeWizardFormBox {
7416
7805
  border: 1px solid var(--ab-color-primarydark);
7417
7806
  border-radius: var(--ab-border-radius);
7418
- background-color: var(--ab-color-defaultbackground);
7807
+ background-color: var(--ab-color-background);
7419
7808
  }
7420
7809
  .ab-Button.ab-Button {
7421
7810
  border-radius: var(--ab-cmp-button-border-radius);
@@ -7496,6 +7885,17 @@
7496
7885
  .ab-Adaptable-Popup__Navigation__List {
7497
7886
  padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
7498
7887
  font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
7888
+ --ab-cmp-adaptable-popup-navigation-header__color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground));
7889
+ }
7890
+ @supports (color: color-mix(in lab, red, red)) {
7891
+ .ab-Adaptable-Popup__Navigation__List {
7892
+ --ab-cmp-adaptable-popup-navigation-header__color: color-mix(
7893
+ in srgb,
7894
+ var(--ab-cmp-adaptable-popup-navigation-list-item-button__color, var(--ab-color-primary-foreground))
7895
+ 55%,
7896
+ transparent
7897
+ );
7898
+ }
7499
7899
  }
7500
7900
  .ab-Adaptable-Popup__Navigation__List__Item {
7501
7901
  padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
@@ -7505,6 +7905,25 @@
7505
7905
  border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
7506
7906
  margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
7507
7907
  }
7908
+ .ab-Adaptable-Popup__Navigation__List__Item--header {
7909
+ margin-bottom: 0;
7910
+ }
7911
+ .ab-Adaptable-Popup__Navigation__List__Item__HeaderDivider {
7912
+ display: block;
7913
+ margin-top: calc(var(--ab-base-space) * 2);
7914
+ margin-bottom: calc(var(--ab-base-space) * 3);
7915
+ margin-inline: calc(var(--ab-base-space) * 2);
7916
+ border-bottom: 1px solid var(--ab-cmp-adaptable-popup-navigation-header-divider__color);
7917
+ }
7918
+ .ab-Adaptable-Popup__Navigation__List__Item__Header {
7919
+ display: block;
7920
+ padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
7921
+ font-size: var(--ab-font-size-1, 0.75rem);
7922
+ font-weight: 600;
7923
+ letter-spacing: 0.02em;
7924
+ text-transform: uppercase;
7925
+ color: var(--ab-cmp-adaptable-popup-navigation-header__color);
7926
+ }
7508
7927
  .ab-Adaptable-Popup__Navigation__List__Item__Button {
7509
7928
  border: none;
7510
7929
  width: 100%;
@@ -7584,6 +8003,42 @@
7584
8003
  min-width: 0;
7585
8004
  word-break: break-all;
7586
8005
  }
8006
+ .ab-ObjectListActionButton {
8007
+ border-radius: var(--ab-base-border-radius, 4px);
8008
+ min-width: 30px;
8009
+ min-height: 30px;
8010
+ box-shadow: inset 0 0 0 1px currentColor;
8011
+ }
8012
+ @supports (color: color-mix(in lab, red, red)) {
8013
+ .ab-ObjectListActionButton {
8014
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
8015
+ }
8016
+ }
8017
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8018
+ background-color: var(--ab-color-primary-foreground) !important;
8019
+ }
8020
+ @supports (color: color-mix(in lab, red, red)) {
8021
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8022
+ background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
8023
+ }
8024
+ }
8025
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8026
+ color: var(--ab-color-primary-foreground);
8027
+ }
8028
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8029
+ box-shadow: inset 0 0 0 1px currentColor;
8030
+ }
8031
+ @supports (color: color-mix(in lab, red, red)) {
8032
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8033
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);
8034
+ }
8035
+ }
8036
+ .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8037
+ filter: brightness(1.03);
8038
+ }
8039
+ .ab-SimpleButton.ab-ObjectListActionButton:disabled {
8040
+ opacity: 0.5;
8041
+ }
7587
8042
  .ab-Adaptable-Object-List__Item__label {
7588
8043
  width: var(--ab-cmp-adaptable-object-list-item-label__width);
7589
8044
  }
@@ -7596,6 +8051,22 @@
7596
8051
  margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
7597
8052
  font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
7598
8053
  }
8054
+ :root {
8055
+ --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
8056
+ }
8057
+ @supports (color: color-mix(in lab, red, red)) {
8058
+ :root {
8059
+ --ab-cmp-draggable-list-item__background: color-mix(
8060
+ in srgb,
8061
+ var(--ab-color-primary) 82%,
8062
+ var(--ab-color-primarydark)
8063
+ );
8064
+ }
8065
+ }
8066
+ .ab-DraggableListItem {
8067
+ background: var(--ab-cmp-draggable-list-item__background);
8068
+ color: var(--ab-color-primary-foreground);
8069
+ }
7599
8070
  .ab-ValueSelector {
7600
8071
  overflow: hidden;
7601
8072
  }
@@ -7666,6 +8137,14 @@
7666
8137
  max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
7667
8138
  width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
7668
8139
  }
8140
+ .ab-Layout-Wizard__ColumnLayoutSizingInput {
8141
+ width: 3rem;
8142
+ min-width: 0;
8143
+ min-height: 0;
8144
+ height: 1.375rem;
8145
+ padding: 0 0.25rem;
8146
+ line-height: 1.2;
8147
+ }
7669
8148
  .ab-Badge-Definition-Editor {
7670
8149
  background: var(--cmp-Badge-Definition-Editor__background);
7671
8150
  border-color: var(--ab-color-border);
@@ -7697,7 +8176,7 @@
7697
8176
  border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
7698
8177
  }
7699
8178
  :root {
7700
- --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
8179
+ --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-destructive);
7701
8180
  }
7702
8181
  .ab-ListBoxFilterForm {
7703
8182
  width: 100%;
@@ -7710,8 +8189,14 @@
7710
8189
  .ab-FloatingFilter .ab-TreeDropdown .ab-Input {
7711
8190
  font-size: inherit;
7712
8191
  }
8192
+ @container (height < 26px) {
8193
+ .ab-FloatingFilter [data-slot='combobox-toggle'] {
8194
+ width: calc(var(--ab-base-space) * 3) !important;
8195
+ height: calc(var(--ab-base-space) * 3) !important;
8196
+ }
8197
+ }
7713
8198
  .ab-FloatingFilter-label {
7714
- color: var(--ab-color-text-on-primary);
8199
+ color: var(--ab-color-primary-foreground);
7715
8200
  }
7716
8201
  .ab-ColumnFilter {
7717
8202
  --ab-cmp-select-min-height: 32px;
@@ -7729,6 +8214,7 @@
7729
8214
  border: var(--ab-cmp-icon-selector__popup__border);
7730
8215
  padding: var(--ab-cmp-icon-selector__popup__padding);
7731
8216
  border-radius: var(--ab-cmp-icon-selector__popup__border-radius);
8217
+ min-width: 300px;
7732
8218
  }
7733
8219
  :root {
7734
8220
  --toastify-color-light: #fff;
@@ -8331,7 +8817,7 @@
8331
8817
  }
8332
8818
  }
8333
8819
  .ab-alert--error {
8334
- background: var(--ab-color-error);
8820
+ background: var(--ab-color-destructive);
8335
8821
  }
8336
8822
  .ab-alert--success {
8337
8823
  background: var(--ab-color-success);
@@ -8386,19 +8872,19 @@
8386
8872
  .Toastify__toast {
8387
8873
  padding: 0;
8388
8874
  padding-bottom: 5px;
8389
- color: var(--ab-color-text-on-primary);
8875
+ color: var(--ab-color-primary-foreground);
8390
8876
  border-style: none;
8391
8877
  --ab-toast-cmp__shadow-color: var(--ab-color-accent);
8392
8878
  box-shadow: 0 0 7px 2px var(--ab-toast-cmp__shadow-color);
8393
8879
  background: var(--ab-toast-cmp__shadow-color);
8394
- --toastify-text-color-info: var(--ab-color-text-on-primary);
8395
- --toastify-text-color-success: var(--ab-color-text-on-primary);
8396
- --toastify-text-color-warning: var(--ab-color-text-on-primary);
8397
- --toastify-text-color-error: var(--ab-color-text-on-primary);
8880
+ --toastify-text-color-info: var(--ab-color-primary-foreground);
8881
+ --toastify-text-color-success: var(--ab-color-primary-foreground);
8882
+ --toastify-text-color-warning: var(--ab-color-primary-foreground);
8883
+ --toastify-text-color-error: var(--ab-color-primary-foreground);
8398
8884
  --toastify-color-info: var(--ab-color-info);
8399
8885
  --toastify-color-success: var(--ab-color-success);
8400
8886
  --toastify-color-warning: var(--ab-color-warn);
8401
- --toastify-color-error: var(--ab-color-error);
8887
+ --toastify-color-error: var(--ab-color-destructive);
8402
8888
  }
8403
8889
  .Toastify__toast-body {
8404
8890
  padding: 0;
@@ -8413,7 +8899,7 @@
8413
8899
  --ab-toast-cmp__shadow-color: var(--ab-color-warn);
8414
8900
  }
8415
8901
  .Toastify__toast--error {
8416
- --ab-toast-cmp__shadow-color: var(--ab-color-error);
8902
+ --ab-toast-cmp__shadow-color: var(--ab-color-destructive);
8417
8903
  }
8418
8904
  :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 {
8419
8905
  background-color: rgba(0, 0, 0, 0);
@@ -8463,6 +8949,7 @@
8463
8949
  }
8464
8950
  .ag-floating-filter .ab-FloatingFilter {
8465
8951
  --ab-input-height: 100% !important;
8952
+ --ab-color-input-background: transparent !important;
8466
8953
  }
8467
8954
  .ag-group-floating-filter:has(.ab-FloatingFilter) {
8468
8955
  height: 100% !important;
@@ -8488,6 +8975,70 @@
8488
8975
  --ab-theme-loaded: light;
8489
8976
  }
8490
8977
  }
8978
+ @layer adaptable.theming {
8979
+ .ab--theme-dark {
8980
+ --ab-color-secondary: oklch(0.269 0 0);
8981
+ --ab-color-secondary-foreground: oklch(0.985 0 0);
8982
+ --ab-color-border: oklch(0.269 0 0);
8983
+ --ab-theme-loaded: dark;
8984
+ --ab-color-input-background: var(--ab-color-background);
8985
+ }
8986
+ @supports (color: color-mix(in lab, red, red)) {
8987
+ .ab--theme-dark {
8988
+ --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8989
+ }
8990
+ }
8991
+ .ab--theme-dark {
8992
+ --ab-cmp-input--disabled__background: #232323;
8993
+ --ab-color-background: var(--ab-color-defaultbackground, #474c52);
8994
+ --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
8995
+ --ab-color-primary: #262d2f;
8996
+ --ab-color-primary-foreground: #e2e2e2;
8997
+ --ab-color-primarylight: #3d3e3f;
8998
+ --ab-color-primarydark: #1c2021;
8999
+ --ab-color-card: #51555a;
9000
+ --ab-color-card-foreground: var(--ab-color-foreground);
9001
+ --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
9002
+ }
9003
+ @supports (color: color-mix(in lab, red, red)) {
9004
+ .ab--theme-dark {
9005
+ --ab-cmp-draggable-list-item__background: color-mix(
9006
+ in srgb,
9007
+ var(--ab-color-primary) 72%,
9008
+ var(--ab-color-primarylight)
9009
+ );
9010
+ }
9011
+ }
9012
+ .ab--theme-dark {
9013
+ --ab-color-palette-1: #5c1a1a;
9014
+ --ab-color-palette-2: #ffb4b4;
9015
+ --ab-color-palette-3: #4a3b00;
9016
+ --ab-color-palette-4: #ffd966;
9017
+ --ab-color-palette-5: #1b4332;
9018
+ --ab-color-palette-6: #95d5b2;
9019
+ --ab-color-palette-7: #1a365d;
9020
+ --ab-color-palette-8: #90cdf4;
9021
+ --ab-color-palette-9: #2d3748;
9022
+ --ab-color-palette-10: #e2e8f0;
9023
+ --ab-color-palette-11: #44337a;
9024
+ --ab-color-palette-12: #d6bcfa;
9025
+ --ab-color-shadow: rgb(255 255 255 / 0.45);
9026
+ --ab-cmp-modal-backdrop__background: rgba(255, 255, 255, 0.2);
9027
+ --ab-dashboard__border: #555;
9028
+ --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
9029
+ --ab-cmp-checkbox__border-color: var(--ab-color-primary-foreground);
9030
+ --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
9031
+ --ab-cmp-tabs-inactive__opacity: 0.78;
9032
+ --ab-cmp-adaptable-popup-navigation-header-divider__color: #343a46;
9033
+ }
9034
+ .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
9035
+ 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;
9036
+ }
9037
+ .ab--theme-dark input.ab-Input[type='time']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='date']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='datetime-local']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='month']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='week']::-webkit-calendar-picker-indicator {
9038
+ filter: invert(1);
9039
+ opacity: 0.85;
9040
+ }
9041
+ }
8491
9042
  @property --tw-translate-x {
8492
9043
  syntax: "*";
8493
9044
  inherits: false;
@@ -8701,3 +9252,51 @@
8701
9252
  }
8702
9253
  }
8703
9254
  }
9255
+ @keyframes ab-rdp-slide_in_left {
9256
+ 0% {
9257
+ transform: translateX(-100%);
9258
+ }
9259
+ 100% {
9260
+ transform: translateX(0);
9261
+ }
9262
+ }
9263
+ @keyframes ab-rdp-slide_in_right {
9264
+ 0% {
9265
+ transform: translateX(100%);
9266
+ }
9267
+ 100% {
9268
+ transform: translateX(0);
9269
+ }
9270
+ }
9271
+ @keyframes ab-rdp-slide_out_left {
9272
+ 0% {
9273
+ transform: translateX(0);
9274
+ }
9275
+ 100% {
9276
+ transform: translateX(-100%);
9277
+ }
9278
+ }
9279
+ @keyframes ab-rdp-slide_out_right {
9280
+ 0% {
9281
+ transform: translateX(0);
9282
+ }
9283
+ 100% {
9284
+ transform: translateX(100%);
9285
+ }
9286
+ }
9287
+ @keyframes ab-rdp-fade_in {
9288
+ from {
9289
+ opacity: 0;
9290
+ }
9291
+ to {
9292
+ opacity: 1;
9293
+ }
9294
+ }
9295
+ @keyframes ab-rdp-fade_out {
9296
+ from {
9297
+ opacity: 1;
9298
+ }
9299
+ to {
9300
+ opacity: 0;
9301
+ }
9302
+ }