@adaptabletools/adaptable-react-aggrid-cjs 22.1.1-canary.1 → 23.0.0-canary.0

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,10 +1,122 @@
1
1
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
4
+ @property --tw-animation-delay {
5
+ syntax: "*";
6
+ inherits: false;
7
+ initial-value: 0s;
8
+ }
9
+ @property --tw-animation-direction {
10
+ syntax: "*";
11
+ inherits: false;
12
+ initial-value: normal;
13
+ }
14
+ @property --tw-animation-duration {
15
+ syntax: "*";
16
+ inherits: false;
17
+ }
18
+ @property --tw-animation-fill-mode {
19
+ syntax: "*";
20
+ inherits: false;
21
+ initial-value: none;
22
+ }
23
+ @property --tw-animation-iteration-count {
24
+ syntax: "*";
25
+ inherits: false;
26
+ initial-value: 1;
27
+ }
28
+ @property --tw-enter-blur {
29
+ syntax: "*";
30
+ inherits: false;
31
+ initial-value: 0;
32
+ }
33
+ @property --tw-enter-opacity {
34
+ syntax: "*";
35
+ inherits: false;
36
+ initial-value: 1;
37
+ }
38
+ @property --tw-enter-rotate {
39
+ syntax: "*";
40
+ inherits: false;
41
+ initial-value: 0;
42
+ }
43
+ @property --tw-enter-scale {
44
+ syntax: "*";
45
+ inherits: false;
46
+ initial-value: 1;
47
+ }
48
+ @property --tw-enter-translate-x {
49
+ syntax: "*";
50
+ inherits: false;
51
+ initial-value: 0;
52
+ }
53
+ @property --tw-enter-translate-y {
54
+ syntax: "*";
55
+ inherits: false;
56
+ initial-value: 0;
57
+ }
58
+ @property --tw-exit-blur {
59
+ syntax: "*";
60
+ inherits: false;
61
+ initial-value: 0;
62
+ }
63
+ @property --tw-exit-opacity {
64
+ syntax: "*";
65
+ inherits: false;
66
+ initial-value: 1;
67
+ }
68
+ @property --tw-exit-rotate {
69
+ syntax: "*";
70
+ inherits: false;
71
+ initial-value: 0;
72
+ }
73
+ @property --tw-exit-scale {
74
+ syntax: "*";
75
+ inherits: false;
76
+ initial-value: 1;
77
+ }
78
+ @property --tw-exit-translate-x {
79
+ syntax: "*";
80
+ inherits: false;
81
+ initial-value: 0;
82
+ }
83
+ @property --tw-exit-translate-y {
84
+ syntax: "*";
85
+ inherits: false;
86
+ initial-value: 0;
87
+ }
88
+ :root, :host {
89
+ --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
90
+ monospace;
91
+ --twa-color-red-500: oklch(63.7% 0.237 25.331);
92
+ --twa-color-gray-400: oklch(70.7% 0.022 261.325);
93
+ --twa-color-neutral-500: oklch(55.6% 0 0);
94
+ --twa-color-white: #fff;
95
+ --twa-container-xs: 20rem;
96
+ --twa-container-md: 28rem;
97
+ --twa-container-3xl: 48rem;
98
+ --twa-text-xs: 0.75rem;
99
+ --twa-text-xs--line-height: calc(1 / 0.75);
100
+ --twa-text-sm--line-height: calc(1.25 / 0.875);
101
+ --twa-text-base: 1rem;
102
+ --twa-text-base--line-height: calc(1.5 / 1);
103
+ --twa-text-lg: 1.125rem;
104
+ --twa-text-lg--line-height: calc(1.75 / 1.125);
105
+ --twa-font-weight-normal: 400;
106
+ --twa-font-weight-medium: 500;
107
+ --twa-font-weight-semibold: 600;
108
+ --twa-font-weight-bold: 700;
109
+ --twa-tracking-widest: 0.1em;
110
+ --twa-leading-normal: 1.5;
111
+ --twa-leading-relaxed: 1.625;
112
+ --twa-radius-sm: 0.25rem;
113
+ --twa-radius-md: 0.375rem;
114
+ --twa-animate-spin: spin 1s linear infinite;
115
+ --twa-default-transition-duration: 150ms;
116
+ --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
117
+ --twa-color-accent: var(--ab-color-accent);
118
+ }
4
119
  @layer adaptable.reset {
5
- :focus-visible {
6
- outline: 2px solid var(--ab-color-focus);
7
- }
8
120
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
9
121
  html {
10
122
  line-height: 1.15;
@@ -136,32 +248,19 @@
136
248
  margin: 0;
137
249
  padding: 0;
138
250
  border: 0 solid;
251
+ color: inherit;
139
252
  }
140
- }
141
- @layer adaptable.theming {
142
- :root, :host {
143
- --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
144
- monospace;
145
- --twa-color-red-500: oklch(63.7% 0.237 25.331);
146
- --twa-color-gray-400: oklch(70.7% 0.022 261.325);
147
- --twa-color-white: #fff;
148
- --twa-text-sm: 0.875rem;
149
- --twa-text-sm--line-height: calc(1.25 / 0.875);
150
- --twa-text-lg: 1.125rem;
151
- --twa-text-lg--line-height: calc(1.75 / 1.125);
152
- --twa-font-weight-normal: 400;
153
- --twa-font-weight-medium: 500;
154
- --twa-font-weight-semibold: 600;
155
- --twa-font-weight-bold: 700;
156
- --twa-leading-normal: 1.5;
157
- --twa-leading-relaxed: 1.625;
158
- --twa-radius-sm: 0.25rem;
159
- --twa-radius-md: 0.375rem;
160
- --twa-default-transition-duration: 150ms;
161
- --twa-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
162
- --twa-color-accent: var(--ab-color-accent);
253
+ input {
254
+ color: currentColor;
255
+ }
256
+ * {
257
+ box-sizing: border-box;
258
+ }
259
+ *::before, *::after {
260
+ box-sizing: border-box;
163
261
  }
164
262
  }
263
+ @layer adaptable.theming;
165
264
  @layer adaptable.utilities {
166
265
  .twa\:pointer-events-none {
167
266
  pointer-events: none;
@@ -175,6 +274,9 @@
175
274
  .twa\:absolute {
176
275
  position: absolute;
177
276
  }
277
+ .twa\:absolute\! {
278
+ position: absolute !important;
279
+ }
178
280
  .twa\:fixed {
179
281
  position: fixed;
180
282
  }
@@ -184,21 +286,51 @@
184
286
  .twa\:inset-0 {
185
287
  inset: calc(var(--ab-base-space) * 0);
186
288
  }
289
+ .twa\:inset-x-0 {
290
+ inset-inline: calc(var(--ab-base-space) * 0);
291
+ }
292
+ .twa\:top-0 {
293
+ top: calc(var(--ab-base-space) * 0);
294
+ }
187
295
  .twa\:top-\[6px\] {
188
296
  top: 6px;
189
297
  }
298
+ .twa\:right-2 {
299
+ right: calc(var(--ab-base-space) * 2);
300
+ }
190
301
  .twa\:right-\[6px\] {
191
302
  right: 6px;
192
303
  }
304
+ .twa\:bottom-0 {
305
+ bottom: calc(var(--ab-base-space) * 0);
306
+ }
307
+ .twa\:isolate {
308
+ isolation: isolate;
309
+ }
310
+ .twa\:z-0 {
311
+ z-index: 0;
312
+ }
193
313
  .twa\:z-10 {
194
314
  z-index: 10;
195
315
  }
316
+ .twa\:z-50 {
317
+ z-index: 50;
318
+ }
196
319
  .twa\:z-900 {
197
320
  z-index: 900;
198
321
  }
199
322
  .twa\:z-1000 {
200
323
  z-index: 1000;
201
324
  }
325
+ .twa\:z-\[9999999\] {
326
+ z-index: 9999999;
327
+ }
328
+ .twa\:order-first {
329
+ order: -9999;
330
+ }
331
+ .twa\:order-last {
332
+ order: 9999;
333
+ }
202
334
  .twa\:col-span-2 {
203
335
  grid-column: span 2 / span 2;
204
336
  }
@@ -250,6 +382,12 @@
250
382
  .twa\:m-auto {
251
383
  margin: auto;
252
384
  }
385
+ .twa\:-mx-1 {
386
+ margin-inline: calc(var(--ab-base-space) * -1);
387
+ }
388
+ .twa\:mx-0\.5 {
389
+ margin-inline: calc(var(--ab-base-space) * 0.5);
390
+ }
253
391
  .twa\:mx-1 {
254
392
  margin-inline: calc(var(--ab-base-space) * 1);
255
393
  }
@@ -268,6 +406,9 @@
268
406
  .twa\:my-0 {
269
407
  margin-block: calc(var(--ab-base-space) * 0);
270
408
  }
409
+ .twa\:my-0\.5 {
410
+ margin-block: calc(var(--ab-base-space) * 0.5);
411
+ }
271
412
  .twa\:my-1 {
272
413
  margin-block: calc(var(--ab-base-space) * 1);
273
414
  }
@@ -301,9 +442,15 @@
301
442
  .twa\:mt-\[2px\] {
302
443
  margin-top: 2px;
303
444
  }
445
+ .twa\:-mr-1 {
446
+ margin-right: calc(var(--ab-base-space) * -1);
447
+ }
304
448
  .twa\:mr-0 {
305
449
  margin-right: calc(var(--ab-base-space) * 0);
306
450
  }
451
+ .twa\:mr-0\.5 {
452
+ margin-right: calc(var(--ab-base-space) * 0.5);
453
+ }
307
454
  .twa\:mr-1 {
308
455
  margin-right: calc(var(--ab-base-space) * 1);
309
456
  }
@@ -337,8 +484,8 @@
337
484
  .twa\:mb-4 {
338
485
  margin-bottom: calc(var(--ab-base-space) * 4);
339
486
  }
340
- .twa\:mb-\[15px\] {
341
- margin-bottom: 15px;
487
+ .twa\:-ml-1 {
488
+ margin-left: calc(var(--ab-base-space) * -1);
342
489
  }
343
490
  .twa\:ml-0 {
344
491
  margin-left: calc(var(--ab-base-space) * 0);
@@ -361,12 +508,27 @@
361
508
  .twa\:ml-5 {
362
509
  margin-left: calc(var(--ab-base-space) * 5);
363
510
  }
511
+ .twa\:ml-6 {
512
+ margin-left: calc(var(--ab-base-space) * 6);
513
+ }
364
514
  .twa\:ml-\[2px\] {
365
515
  margin-left: 2px;
366
516
  }
517
+ .twa\:ml-\[52px\] {
518
+ margin-left: 52px;
519
+ }
520
+ .twa\:ml-auto {
521
+ margin-left: auto;
522
+ }
367
523
  .twa\:box-border {
368
524
  box-sizing: border-box;
369
525
  }
526
+ .twa\:block {
527
+ display: block;
528
+ }
529
+ .twa\:block\! {
530
+ display: block !important;
531
+ }
370
532
  .twa\:contents {
371
533
  display: contents;
372
534
  }
@@ -385,21 +547,81 @@
385
547
  .twa\:inline-flex {
386
548
  display: inline-flex;
387
549
  }
550
+ .twa\:field-sizing-content {
551
+ field-sizing: content;
552
+ }
553
+ .twa\:aspect-square {
554
+ aspect-ratio: 1 / 1;
555
+ }
556
+ .twa\:size-\(--cell-size\) {
557
+ width: var(--cell-size);
558
+ height: var(--cell-size);
559
+ }
388
560
  .twa\:size-0 {
389
561
  width: calc(var(--ab-base-space) * 0);
390
562
  height: calc(var(--ab-base-space) * 0);
391
563
  }
564
+ .twa\:size-2\.5 {
565
+ width: calc(var(--ab-base-space) * 2.5);
566
+ height: calc(var(--ab-base-space) * 2.5);
567
+ }
568
+ .twa\:size-3\.5 {
569
+ width: calc(var(--ab-base-space) * 3.5);
570
+ height: calc(var(--ab-base-space) * 3.5);
571
+ }
572
+ .twa\:size-4 {
573
+ width: calc(var(--ab-base-space) * 4);
574
+ height: calc(var(--ab-base-space) * 4);
575
+ }
392
576
  .twa\:size-5 {
393
577
  width: calc(var(--ab-base-space) * 5);
394
578
  height: calc(var(--ab-base-space) * 5);
395
579
  }
580
+ .twa\:size-6 {
581
+ width: calc(var(--ab-base-space) * 6);
582
+ height: calc(var(--ab-base-space) * 6);
583
+ }
584
+ .twa\:size-8 {
585
+ width: calc(var(--ab-base-space) * 8);
586
+ height: calc(var(--ab-base-space) * 8);
587
+ }
588
+ .twa\:size-9 {
589
+ width: calc(var(--ab-base-space) * 9);
590
+ height: calc(var(--ab-base-space) * 9);
591
+ }
592
+ .twa\:size-10 {
593
+ width: calc(var(--ab-base-space) * 10);
594
+ height: calc(var(--ab-base-space) * 10);
595
+ }
596
+ .twa\:size-auto {
597
+ width: auto;
598
+ height: auto;
599
+ }
396
600
  .twa\:size-full {
397
601
  width: 100%;
398
602
  height: 100%;
399
603
  }
604
+ .twa\:\!h-10 {
605
+ height: calc(var(--ab-base-space) * 10) !important;
606
+ }
607
+ .twa\:h-\(--cell-size\) {
608
+ height: var(--cell-size);
609
+ }
400
610
  .twa\:h-2 {
401
611
  height: calc(var(--ab-base-space) * 2);
402
612
  }
613
+ .twa\:h-6 {
614
+ height: calc(var(--ab-base-space) * 6);
615
+ }
616
+ .twa\:h-8 {
617
+ height: calc(var(--ab-base-space) * 8);
618
+ }
619
+ .twa\:h-9 {
620
+ height: calc(var(--ab-base-space) * 9);
621
+ }
622
+ .twa\:h-10 {
623
+ height: calc(var(--ab-base-space) * 10);
624
+ }
403
625
  .twa\:h-\[0\.5px\] {
404
626
  height: 0.5px;
405
627
  }
@@ -424,6 +646,12 @@
424
646
  .twa\:h-\[360px\] {
425
647
  height: 360px;
426
648
  }
649
+ .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
650
+ height: calc(calc(var(--ab-base-space) * 5.5));
651
+ }
652
+ .twa\:h-\[min\(22rem\,var\(--total-size\)\)\] {
653
+ height: min(22rem, var(--total-size));
654
+ }
427
655
  .twa\:h-auto {
428
656
  height: auto;
429
657
  }
@@ -433,6 +661,12 @@
433
661
  .twa\:h-input {
434
662
  height: var(--ab-input-height);
435
663
  }
664
+ .twa\:h-px {
665
+ height: 1px;
666
+ }
667
+ .twa\:max-h-\(--available-height\) {
668
+ max-height: var(--available-height);
669
+ }
436
670
  .twa\:max-h-\[60vh\] {
437
671
  max-height: 60vh;
438
672
  }
@@ -445,12 +679,27 @@
445
679
  .twa\:max-h-\[300px\] {
446
680
  max-height: 300px;
447
681
  }
682
+ .twa\:max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
683
+ 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
+ }
685
+ .twa\:max-h-\[min\(var\(--available-height\)\,80vh\)\] {
686
+ max-height: min(var(--available-height), 80vh);
687
+ }
448
688
  .twa\:max-h-full {
449
689
  max-height: 100%;
450
690
  }
451
691
  .twa\:min-h-0 {
452
692
  min-height: calc(var(--ab-base-space) * 0);
453
693
  }
694
+ .twa\:min-h-16 {
695
+ min-height: calc(var(--ab-base-space) * 16);
696
+ }
697
+ .twa\:min-h-24 {
698
+ min-height: calc(var(--ab-base-space) * 24);
699
+ }
700
+ .twa\:min-h-50 {
701
+ min-height: calc(var(--ab-base-space) * 50);
702
+ }
454
703
  .twa\:min-h-\[1rem\] {
455
704
  min-height: 1rem;
456
705
  }
@@ -472,24 +721,60 @@
472
721
  .twa\:min-h-auto {
473
722
  min-height: auto;
474
723
  }
724
+ .twa\:min-h-auto\! {
725
+ min-height: auto !important;
726
+ }
475
727
  .twa\:min-h-full {
476
728
  min-height: 100%;
477
729
  }
478
730
  .twa\:min-h-input {
479
731
  min-height: var(--ab-input-height);
480
732
  }
733
+ .twa\:\!w-10 {
734
+ width: calc(var(--ab-base-space) * 10) !important;
735
+ }
736
+ .twa\:w-\(--anchor-width\) {
737
+ width: var(--anchor-width);
738
+ }
739
+ .twa\:w-\(--cell-size\) {
740
+ width: var(--cell-size);
741
+ }
742
+ .twa\:w-0\.5 {
743
+ width: calc(var(--ab-base-space) * 0.5);
744
+ }
481
745
  .twa\:w-1\/2 {
482
746
  width: calc(1 / 2 * 100%);
483
747
  }
484
748
  .twa\:w-1\/3 {
485
749
  width: calc(1 / 3 * 100%);
486
750
  }
751
+ .twa\:w-8 {
752
+ width: calc(var(--ab-base-space) * 8);
753
+ }
487
754
  .twa\:w-20 {
488
755
  width: calc(var(--ab-base-space) * 20);
489
756
  }
490
757
  .twa\:w-24 {
491
758
  width: calc(var(--ab-base-space) * 24);
492
759
  }
760
+ .twa\:w-30 {
761
+ width: calc(var(--ab-base-space) * 30);
762
+ }
763
+ .twa\:w-32 {
764
+ width: calc(var(--ab-base-space) * 32);
765
+ }
766
+ .twa\:w-60 {
767
+ width: calc(var(--ab-base-space) * 60);
768
+ }
769
+ .twa\:w-72 {
770
+ width: calc(var(--ab-base-space) * 72);
771
+ }
772
+ .twa\:w-80 {
773
+ width: calc(var(--ab-base-space) * 80);
774
+ }
775
+ .twa\:w-96 {
776
+ width: calc(var(--ab-base-space) * 96);
777
+ }
493
778
  .twa\:w-\[1rem\] {
494
779
  width: 1rem;
495
780
  }
@@ -505,6 +790,9 @@
505
790
  .twa\:w-\[15rem\] {
506
791
  width: 15rem;
507
792
  }
793
+ .twa\:w-\[44px\] {
794
+ width: 44px;
795
+ }
508
796
  .twa\:w-\[70px\] {
509
797
  width: 70px;
510
798
  }
@@ -520,6 +808,12 @@
520
808
  .twa\:w-\[100px\] {
521
809
  width: 100px;
522
810
  }
811
+ .twa\:w-\[120px\] {
812
+ width: 120px;
813
+ }
814
+ .twa\:w-\[128px\] {
815
+ width: 128px;
816
+ }
523
817
  .twa\:w-\[140px\] {
524
818
  width: 140px;
525
819
  }
@@ -529,6 +823,9 @@
529
823
  .twa\:w-\[160px\] {
530
824
  width: 160px;
531
825
  }
826
+ .twa\:w-\[180px\] {
827
+ width: 180px;
828
+ }
532
829
  .twa\:w-\[200px\] {
533
830
  width: 200px;
534
831
  }
@@ -547,6 +844,9 @@
547
844
  .twa\:w-\[600px\] {
548
845
  width: 600px;
549
846
  }
847
+ .twa\:w-auto {
848
+ width: auto;
849
+ }
550
850
  .twa\:w-fit {
551
851
  width: fit-content;
552
852
  }
@@ -556,6 +856,18 @@
556
856
  .twa\:max-w-1\/2 {
557
857
  max-width: calc(1 / 2 * 100%);
558
858
  }
859
+ .twa\:max-w-3xl {
860
+ max-width: var(--twa-container-3xl);
861
+ }
862
+ .twa\:max-w-30 {
863
+ max-width: calc(var(--ab-base-space) * 30);
864
+ }
865
+ .twa\:max-w-50 {
866
+ max-width: calc(var(--ab-base-space) * 50);
867
+ }
868
+ .twa\:max-w-80 {
869
+ max-width: calc(var(--ab-base-space) * 80);
870
+ }
559
871
  .twa\:max-w-\[15rem\] {
560
872
  max-width: 15rem;
561
873
  }
@@ -574,39 +886,102 @@
574
886
  .twa\:max-w-\[160px\] {
575
887
  max-width: 160px;
576
888
  }
889
+ .twa\:max-w-\[180px\] {
890
+ max-width: 180px;
891
+ }
577
892
  .twa\:max-w-\[200px\] {
578
893
  max-width: 200px;
579
894
  }
580
895
  .twa\:max-w-\[215px\] {
581
896
  max-width: 215px;
582
897
  }
898
+ .twa\:max-w-\[220px\] {
899
+ max-width: 220px;
900
+ }
583
901
  .twa\:max-w-\[300px\] {
584
902
  max-width: 300px;
585
903
  }
904
+ .twa\:max-w-\[320px\] {
905
+ max-width: 320px;
906
+ }
586
907
  .twa\:max-w-\[400px\] {
587
908
  max-width: 400px;
588
909
  }
910
+ .twa\:max-w-\[420px\] {
911
+ max-width: 420px;
912
+ }
913
+ .twa\:max-w-\[480px\] {
914
+ max-width: 480px;
915
+ }
589
916
  .twa\:max-w-\[500px\] {
590
917
  max-width: 500px;
591
918
  }
919
+ .twa\:max-w-\[520px\] {
920
+ max-width: 520px;
921
+ }
922
+ .twa\:max-w-\[540px\] {
923
+ max-width: 540px;
924
+ }
925
+ .twa\:max-w-\[600px\] {
926
+ max-width: 600px;
927
+ }
928
+ .twa\:max-w-\[640px\] {
929
+ max-width: 640px;
930
+ }
931
+ .twa\:max-w-\[700px\] {
932
+ max-width: 700px;
933
+ }
934
+ .twa\:max-w-\[720px\] {
935
+ max-width: 720px;
936
+ }
592
937
  .twa\:max-w-\[1200px\] {
593
938
  max-width: 1200px;
594
939
  }
595
940
  .twa\:max-w-\[inherit\] {
596
941
  max-width: inherit;
597
942
  }
943
+ .twa\:max-w-\[min\(var\(--available-width\)\,80vw\)\] {
944
+ max-width: min(var(--available-width), 80vw);
945
+ }
598
946
  .twa\:max-w-full {
599
947
  max-width: 100%;
600
948
  }
949
+ .twa\:max-w-md {
950
+ max-width: var(--twa-container-md);
951
+ }
601
952
  .twa\:max-w-none {
602
953
  max-width: none;
603
954
  }
955
+ .twa\:max-w-xs {
956
+ max-width: var(--twa-container-xs);
957
+ }
958
+ .twa\:\!min-w-\[40px\] {
959
+ min-width: 40px !important;
960
+ }
961
+ .twa\:min-w-\(--cell-size\) {
962
+ min-width: var(--cell-size);
963
+ }
604
964
  .twa\:min-w-0 {
605
965
  min-width: calc(var(--ab-base-space) * 0);
606
966
  }
967
+ .twa\:min-w-16 {
968
+ min-width: calc(var(--ab-base-space) * 16);
969
+ }
970
+ .twa\:min-w-28 {
971
+ min-width: calc(var(--ab-base-space) * 28);
972
+ }
973
+ .twa\:min-w-30 {
974
+ min-width: calc(var(--ab-base-space) * 30);
975
+ }
607
976
  .twa\:min-w-32 {
608
977
  min-width: calc(var(--ab-base-space) * 32);
609
978
  }
979
+ .twa\:min-w-36 {
980
+ min-width: calc(var(--ab-base-space) * 36);
981
+ }
982
+ .twa\:min-w-70 {
983
+ min-width: calc(var(--ab-base-space) * 70);
984
+ }
610
985
  .twa\:min-w-\[1rem\] {
611
986
  min-width: 1rem;
612
987
  }
@@ -628,12 +1003,24 @@
628
1003
  .twa\:min-w-\[50px\] {
629
1004
  min-width: 50px;
630
1005
  }
1006
+ .twa\:min-w-\[60px\] {
1007
+ min-width: 60px;
1008
+ }
631
1009
  .twa\:min-w-\[80px\] {
632
1010
  min-width: 80px;
633
1011
  }
1012
+ .twa\:min-w-\[96px\] {
1013
+ min-width: 96px;
1014
+ }
634
1015
  .twa\:min-w-\[100px\] {
635
1016
  min-width: 100px;
636
1017
  }
1018
+ .twa\:min-w-\[110px\] {
1019
+ min-width: 110px;
1020
+ }
1021
+ .twa\:min-w-\[120px\] {
1022
+ min-width: 120px;
1023
+ }
637
1024
  .twa\:min-w-\[140px\] {
638
1025
  min-width: 140px;
639
1026
  }
@@ -649,6 +1036,9 @@
649
1036
  .twa\:min-w-\[215px\] {
650
1037
  min-width: 215px;
651
1038
  }
1039
+ .twa\:min-w-\[220px\] {
1040
+ min-width: 220px;
1041
+ }
652
1042
  .twa\:min-w-\[250px\] {
653
1043
  min-width: 250px;
654
1044
  }
@@ -661,6 +1051,9 @@
661
1051
  .twa\:min-w-\[486px\] {
662
1052
  min-width: 486px;
663
1053
  }
1054
+ .twa\:min-w-\[min\(calc\(var\(--anchor-width\)\+--spacing\(7\)\)\,var\(--available-width\)\,80vw\)\] {
1055
+ min-width: min(calc(var(--anchor-width) + calc(var(--ab-base-space) * 7)), var(--available-width), 80vw);
1056
+ }
664
1057
  .twa\:min-w-max {
665
1058
  min-width: max-content;
666
1059
  }
@@ -676,6 +1069,9 @@
676
1069
  .twa\:flex-3 {
677
1070
  flex: 3;
678
1071
  }
1072
+ .twa\:flex-1000 {
1073
+ flex: 1000;
1074
+ }
679
1075
  .twa\:flex-\[0_0_auto\] {
680
1076
  flex: 0 0 auto;
681
1077
  }
@@ -694,12 +1090,34 @@
694
1090
  .twa\:flex-shrink-0 {
695
1091
  flex-shrink: 0;
696
1092
  }
1093
+ .twa\:shrink {
1094
+ flex-shrink: 1;
1095
+ }
1096
+ .twa\:shrink-0 {
1097
+ flex-shrink: 0;
1098
+ }
697
1099
  .twa\:basis-\[50\%\] {
698
1100
  flex-basis: 50%;
699
1101
  }
700
1102
  .twa\:basis-\[120px\] {
701
1103
  flex-basis: 120px;
702
1104
  }
1105
+ .twa\:border-collapse {
1106
+ border-collapse: collapse;
1107
+ }
1108
+ .twa\:origin-\(--transform-origin\) {
1109
+ transform-origin: var(--transform-origin);
1110
+ }
1111
+ .twa\:translate-y-\[calc\(-50\%-2px\)\] {
1112
+ --tw-translate-y: calc(-50% - 2px);
1113
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1114
+ }
1115
+ .twa\:rotate-45 {
1116
+ rotate: 45deg;
1117
+ }
1118
+ .twa\:animate-spin {
1119
+ animation: var(--twa-animate-spin);
1120
+ }
703
1121
  .twa\:cursor-auto {
704
1122
  cursor: auto;
705
1123
  }
@@ -712,15 +1130,33 @@
712
1130
  .twa\:cursor-pointer {
713
1131
  cursor: pointer;
714
1132
  }
1133
+ .twa\:cursor-text {
1134
+ cursor: text;
1135
+ }
1136
+ .twa\:resize-none {
1137
+ resize: none;
1138
+ }
715
1139
  .twa\:resize-y {
716
1140
  resize: vertical;
717
1141
  }
1142
+ .twa\:scroll-my-1 {
1143
+ scroll-margin-block: calc(var(--ab-base-space) * 1);
1144
+ }
1145
+ .twa\:scroll-p-2 {
1146
+ scroll-padding: calc(var(--ab-base-space) * 2);
1147
+ }
1148
+ .twa\:scroll-py-1 {
1149
+ scroll-padding-block: calc(var(--ab-base-space) * 1);
1150
+ }
718
1151
  .twa\:list-none {
719
1152
  list-style-type: none;
720
1153
  }
721
1154
  .twa\:grid-cols-2 {
722
1155
  grid-template-columns: repeat(2, minmax(0, 1fr));
723
1156
  }
1157
+ .twa\:grid-cols-3 {
1158
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1159
+ }
724
1160
  .twa\:grid-cols-\[1fr\] {
725
1161
  grid-template-columns: 1fr;
726
1162
  }
@@ -799,15 +1235,18 @@
799
1235
  .twa\:justify-stretch {
800
1236
  justify-content: stretch;
801
1237
  }
802
- .twa\:justify-items-stretch {
803
- justify-items: stretch;
804
- }
805
1238
  .twa\:gap-0 {
806
1239
  gap: calc(var(--ab-base-space) * 0);
807
1240
  }
1241
+ .twa\:gap-0\.5 {
1242
+ gap: calc(var(--ab-base-space) * 0.5);
1243
+ }
808
1244
  .twa\:gap-1 {
809
1245
  gap: calc(var(--ab-base-space) * 1);
810
1246
  }
1247
+ .twa\:gap-1\.5 {
1248
+ gap: calc(var(--ab-base-space) * 1.5);
1249
+ }
811
1250
  .twa\:gap-2 {
812
1251
  gap: calc(var(--ab-base-space) * 2);
813
1252
  }
@@ -832,6 +1271,11 @@
832
1271
  .twa\:self-stretch {
833
1272
  align-self: stretch;
834
1273
  }
1274
+ .twa\:truncate {
1275
+ overflow: hidden;
1276
+ text-overflow: ellipsis;
1277
+ white-space: nowrap;
1278
+ }
835
1279
  .twa\:overflow-auto {
836
1280
  overflow: auto;
837
1281
  }
@@ -850,15 +1294,33 @@
850
1294
  .twa\:overflow-y-visible {
851
1295
  overflow-y: visible;
852
1296
  }
1297
+ .twa\:overscroll-contain {
1298
+ overscroll-behavior: contain;
1299
+ }
853
1300
  .twa\:rounded {
854
1301
  border-radius: 0.25rem;
855
1302
  }
1303
+ .twa\:rounded-\[2px\] {
1304
+ border-radius: 2px;
1305
+ }
856
1306
  .twa\:rounded-\[100\%\] {
857
1307
  border-radius: 100%;
858
1308
  }
1309
+ .twa\:rounded-\[min\(var\(--radius-md\)\,8px\)\] {
1310
+ border-radius: min(var(--radius-md), 8px);
1311
+ }
1312
+ .twa\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
1313
+ border-radius: min(var(--radius-md), 10px);
1314
+ }
1315
+ .twa\:rounded-button {
1316
+ border-radius: var(--ab-border-radius-button);
1317
+ }
859
1318
  .twa\:rounded-full {
860
1319
  border-radius: calc(infinity * 1px);
861
1320
  }
1321
+ .twa\:rounded-input {
1322
+ border-radius: var(--ab-border-radius-input);
1323
+ }
862
1324
  .twa\:rounded-md {
863
1325
  border-radius: var(--twa-radius-md);
864
1326
  }
@@ -869,7 +1331,27 @@
869
1331
  border-radius: var(--twa-radius-sm);
870
1332
  }
871
1333
  .twa\:rounded-standard {
872
- border-radius: var(--ab__border-radius);
1334
+ border-radius: var(--ab-border-radius);
1335
+ }
1336
+ .twa\:rounded-l-standard {
1337
+ border-top-left-radius: var(--ab-border-radius);
1338
+ border-bottom-left-radius: var(--ab-border-radius);
1339
+ }
1340
+ .twa\:rounded-tl-standard {
1341
+ border-top-left-radius: var(--ab-border-radius);
1342
+ }
1343
+ .twa\:rounded-r-standard {
1344
+ border-top-right-radius: var(--ab-border-radius);
1345
+ border-bottom-right-radius: var(--ab-border-radius);
1346
+ }
1347
+ .twa\:rounded-tr-standard {
1348
+ border-top-right-radius: var(--ab-border-radius);
1349
+ }
1350
+ .twa\:rounded-br-standard {
1351
+ border-bottom-right-radius: var(--ab-border-radius);
1352
+ }
1353
+ .twa\:rounded-bl-standard {
1354
+ border-bottom-left-radius: var(--ab-border-radius);
873
1355
  }
874
1356
  .twa\:border {
875
1357
  border-style: var(--tw-border-style);
@@ -891,6 +1373,10 @@
891
1373
  border-bottom-style: var(--tw-border-style);
892
1374
  border-bottom-width: 1px;
893
1375
  }
1376
+ .twa\:border-l {
1377
+ border-left-style: var(--tw-border-style);
1378
+ border-left-width: 1px;
1379
+ }
894
1380
  .twa\:border-dashed {
895
1381
  --tw-border-style: dashed;
896
1382
  border-style: dashed;
@@ -899,8 +1385,38 @@
899
1385
  --tw-border-style: none;
900
1386
  border-style: none;
901
1387
  }
902
- .twa\:border-inputborder {
903
- border-color: var(--ab-color-inputborder);
1388
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
1389
+ border-color: var(--ab-color-foreground);
1390
+ }
1391
+ @supports (color: color-mix(in lab, red, red)) {
1392
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_12\%\,transparent\)\] {
1393
+ border-color: color-mix(in srgb,var(--ab-color-foreground) 12%,transparent);
1394
+ }
1395
+ }
1396
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_15\%\,transparent\)\] {
1397
+ border-color: var(--ab-color-foreground);
1398
+ }
1399
+ @supports (color: color-mix(in lab, red, red)) {
1400
+ .twa\:border-\[color-mix\(in_srgb\,var\(--ab-color-foreground\)_15\%\,transparent\)\] {
1401
+ border-color: color-mix(in srgb,var(--ab-color-foreground) 15%,transparent);
1402
+ }
1403
+ }
1404
+ .twa\:border-border {
1405
+ border-color: var(--ab-color-border);
1406
+ }
1407
+ .twa\:border-foreground\/15 {
1408
+ border-color: var(--ab-color-foreground);
1409
+ }
1410
+ @supports (color: color-mix(in lab, red, red)) {
1411
+ .twa\:border-foreground\/15 {
1412
+ border-color: color-mix(in oklab, var(--ab-color-foreground) 15%, transparent);
1413
+ }
1414
+ }
1415
+ .twa\:border-input {
1416
+ border-color: var(--ab-color-input-border);
1417
+ }
1418
+ .twa\:border-input-border {
1419
+ border-color: var(--ab-color-input-border);
904
1420
  }
905
1421
  .twa\:border-primarydark\/30 {
906
1422
  border-color: var(--ab-color-primarydark);
@@ -910,15 +1426,21 @@
910
1426
  border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
911
1427
  }
912
1428
  }
913
- .twa\:border-t-inputborder {
914
- border-top-color: var(--ab-color-inputborder);
1429
+ .twa\:border-ring {
1430
+ border-color: var(--ab-color-ring);
915
1431
  }
916
- .twa\:border-b-text-on-defaultbackground\/20 {
917
- border-bottom-color: var(--ab-color-text-on-defaultbackground);
1432
+ .twa\:border-transparent {
1433
+ border-color: transparent;
1434
+ }
1435
+ .twa\:border-t-input-border {
1436
+ border-top-color: var(--ab-color-input-border);
1437
+ }
1438
+ .twa\:border-b-foreground\/20 {
1439
+ border-bottom-color: var(--ab-color-foreground);
918
1440
  }
919
1441
  @supports (color: color-mix(in lab, red, red)) {
920
- .twa\:border-b-text-on-defaultbackground\/20 {
921
- border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
1442
+ .twa\:border-b-foreground\/20 {
1443
+ border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
922
1444
  }
923
1445
  }
924
1446
  .twa\:bg-\(--ab-cmp-input--disabled__background\) {
@@ -942,6 +1464,23 @@
942
1464
  .twa\:bg-\(--ab-dashboard-tab-drop-target__background\) {
943
1465
  background-color: var(--ab-dashboard-tab-drop-target__background);
944
1466
  }
1467
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
1468
+ background-color: var(--ab-color-primary);
1469
+ }
1470
+ @supports (color: color-mix(in lab, red, red)) {
1471
+ .twa\:bg-\[color-mix\(in_srgb\,var\(--ab-color-primary\)_40\%\,transparent\)\] {
1472
+ background-color: color-mix(in srgb,var(--ab-color-primary) 40%,transparent);
1473
+ }
1474
+ }
1475
+ .twa\:bg-\[var\(--ab-color-primary\)\] {
1476
+ background-color: var(--ab-color-primary);
1477
+ }
1478
+ .twa\:bg-\[var\(--ab-color-primarylight\)\] {
1479
+ background-color: var(--ab-color-primarylight);
1480
+ }
1481
+ .twa\:bg-\[var\(--ab-color-surface\)\] {
1482
+ background-color: var(--ab-color-surface);
1483
+ }
945
1484
  .twa\:bg-accent {
946
1485
  background-color: var(--ab-color-accent);
947
1486
  }
@@ -960,11 +1499,25 @@
960
1499
  .twa\:bg-action-share {
961
1500
  background-color: var(--ab-color-action-share);
962
1501
  }
1502
+ .twa\:bg-background {
1503
+ background-color: var(--ab-color-background);
1504
+ }
1505
+ .twa\:bg-border {
1506
+ background-color: var(--ab-color-border);
1507
+ }
963
1508
  .twa\:bg-current {
964
1509
  background-color: currentcolor;
965
1510
  }
966
1511
  .twa\:bg-defaultbackground {
967
- background-color: var(--ab-color-defaultbackground);
1512
+ background-color: var(--ab-color-background);
1513
+ }
1514
+ .twa\:bg-destructive\/10 {
1515
+ background-color: var(--ab-color-destructive);
1516
+ }
1517
+ @supports (color: color-mix(in lab, red, red)) {
1518
+ .twa\:bg-destructive\/10 {
1519
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
1520
+ }
968
1521
  }
969
1522
  .twa\:bg-error {
970
1523
  background-color: var(--ab-color-error);
@@ -977,17 +1530,29 @@
977
1530
  background-color: color-mix(in oklab, var(--ab-color-error) 30%, transparent);
978
1531
  }
979
1532
  }
1533
+ .twa\:bg-foreground {
1534
+ background-color: var(--ab-color-foreground);
1535
+ }
980
1536
  .twa\:bg-info {
981
1537
  background-color: var(--ab-color-info);
982
1538
  }
983
- .twa\:bg-inputborder\/50 {
984
- background-color: var(--ab-color-inputborder);
1539
+ .twa\:bg-input-background {
1540
+ background-color: var(--ab-color-input-background);
1541
+ }
1542
+ .twa\:bg-input-border\/50 {
1543
+ background-color: var(--ab-color-input-border);
985
1544
  }
986
1545
  @supports (color: color-mix(in lab, red, red)) {
987
- .twa\:bg-inputborder\/50 {
988
- background-color: color-mix(in oklab, var(--ab-color-inputborder) 50%, transparent);
1546
+ .twa\:bg-input-border\/50 {
1547
+ background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
989
1548
  }
990
1549
  }
1550
+ .twa\:bg-muted {
1551
+ background-color: var(--ab-color-muted);
1552
+ }
1553
+ .twa\:bg-popover {
1554
+ background-color: var(--ab-color-popover);
1555
+ }
991
1556
  .twa\:bg-primary {
992
1557
  background-color: var(--ab-color-primary);
993
1558
  }
@@ -1005,6 +1570,9 @@
1005
1570
  .twa\:bg-primarylight {
1006
1571
  background-color: var(--ab-color-primarylight);
1007
1572
  }
1573
+ .twa\:bg-secondary {
1574
+ background-color: var(--ab-color-secondary);
1575
+ }
1008
1576
  .twa\:bg-success {
1009
1577
  background-color: var(--ab-color-success);
1010
1578
  }
@@ -1014,18 +1582,21 @@
1014
1582
  .twa\:bg-warn {
1015
1583
  background-color: var(--ab-color-warn);
1016
1584
  }
1585
+ .twa\:bg-clip-padding {
1586
+ background-clip: padding-box;
1587
+ }
1017
1588
  .twa\:fill-current {
1018
1589
  fill: currentcolor;
1019
1590
  }
1591
+ .twa\:fill-foreground {
1592
+ fill: var(--ab-color-foreground);
1593
+ }
1020
1594
  .twa\:fill-red-500 {
1021
1595
  fill: var(--twa-color-red-500);
1022
1596
  }
1023
1597
  .twa\:fill-text-on-clone {
1024
1598
  fill: var(--ab-color-text-on-clone);
1025
1599
  }
1026
- .twa\:fill-text-on-defaultbackground {
1027
- fill: var(--ab-color-text-on-defaultbackground);
1028
- }
1029
1600
  .twa\:fill-text-on-delete {
1030
1601
  fill: var(--ab-color-text-on-delete);
1031
1602
  }
@@ -1035,12 +1606,18 @@
1035
1606
  .twa\:fill-text-on-share {
1036
1607
  fill: var(--ab-color-text-on-share);
1037
1608
  }
1609
+ .twa\:\!p-0 {
1610
+ padding: calc(var(--ab-base-space) * 0) !important;
1611
+ }
1038
1612
  .twa\:p-0 {
1039
1613
  padding: calc(var(--ab-base-space) * 0);
1040
1614
  }
1041
1615
  .twa\:p-0\! {
1042
1616
  padding: calc(var(--ab-base-space) * 0) !important;
1043
1617
  }
1618
+ .twa\:p-0\.5 {
1619
+ padding: calc(var(--ab-base-space) * 0.5);
1620
+ }
1044
1621
  .twa\:p-1 {
1045
1622
  padding: calc(var(--ab-base-space) * 1);
1046
1623
  }
@@ -1056,15 +1633,27 @@
1056
1633
  .twa\:p-5 {
1057
1634
  padding: calc(var(--ab-base-space) * 5);
1058
1635
  }
1636
+ .twa\:px-\(--cell-size\) {
1637
+ padding-inline: var(--cell-size);
1638
+ }
1059
1639
  .twa\:px-0 {
1060
1640
  padding-inline: calc(var(--ab-base-space) * 0);
1061
1641
  }
1062
1642
  .twa\:px-1 {
1063
1643
  padding-inline: calc(var(--ab-base-space) * 1);
1064
1644
  }
1645
+ .twa\:px-1\.5 {
1646
+ padding-inline: calc(var(--ab-base-space) * 1.5);
1647
+ }
1065
1648
  .twa\:px-2 {
1066
1649
  padding-inline: calc(var(--ab-base-space) * 2);
1067
1650
  }
1651
+ .twa\:px-2\.5 {
1652
+ padding-inline: calc(var(--ab-base-space) * 2.5);
1653
+ }
1654
+ .twa\:px-3 {
1655
+ padding-inline: calc(var(--ab-base-space) * 3);
1656
+ }
1068
1657
  .twa\:px-4 {
1069
1658
  padding-inline: calc(var(--ab-base-space) * 4);
1070
1659
  }
@@ -1110,6 +1699,9 @@
1110
1699
  .twa\:pr-2 {
1111
1700
  padding-right: calc(var(--ab-base-space) * 2);
1112
1701
  }
1702
+ .twa\:pr-8 {
1703
+ padding-right: calc(var(--ab-base-space) * 8);
1704
+ }
1113
1705
  .twa\:pr-\[30px\] {
1114
1706
  padding-right: 30px;
1115
1707
  }
@@ -1131,6 +1723,9 @@
1131
1723
  .twa\:pl-2 {
1132
1724
  padding-left: calc(var(--ab-base-space) * 2);
1133
1725
  }
1726
+ .twa\:pl-2\.5 {
1727
+ padding-left: calc(var(--ab-base-space) * 2.5);
1728
+ }
1134
1729
  .twa\:pl-3 {
1135
1730
  padding-left: calc(var(--ab-base-space) * 3);
1136
1731
  }
@@ -1165,14 +1760,22 @@
1165
1760
  font-size: var(--ab-font-size-2);
1166
1761
  line-height: var(--twa-leading-relaxed);
1167
1762
  }
1763
+ .twa\:text-base {
1764
+ font-size: var(--twa-text-base);
1765
+ line-height: var(--tw-leading, var(--twa-text-base--line-height));
1766
+ }
1168
1767
  .twa\:text-lg {
1169
1768
  font-size: var(--twa-text-lg);
1170
1769
  line-height: var(--tw-leading, var(--twa-text-lg--line-height));
1171
1770
  }
1172
1771
  .twa\:text-sm {
1173
- font-size: var(--twa-text-sm);
1772
+ font-size: var(--ab-font-size-3);
1174
1773
  line-height: var(--tw-leading, var(--twa-text-sm--line-height));
1175
1774
  }
1775
+ .twa\:text-xs {
1776
+ font-size: var(--twa-text-xs);
1777
+ line-height: var(--tw-leading, var(--twa-text-xs--line-height));
1778
+ }
1176
1779
  .twa\:text-1 {
1177
1780
  font-size: var(--ab-font-size-1);
1178
1781
  }
@@ -1188,6 +1791,9 @@
1188
1791
  .twa\:text-5 {
1189
1792
  font-size: var(--ab-font-size-5);
1190
1793
  }
1794
+ .twa\:text-\[0\.8rem\] {
1795
+ font-size: 0.8rem;
1796
+ }
1191
1797
  .twa\:leading-4 {
1192
1798
  --tw-leading: calc(var(--ab-base-space) * 4);
1193
1799
  line-height: calc(var(--ab-base-space) * 4);
@@ -1220,9 +1826,16 @@
1220
1826
  --tw-font-weight: var(--twa-font-weight-semibold);
1221
1827
  font-weight: var(--twa-font-weight-semibold);
1222
1828
  }
1829
+ .twa\:tracking-widest {
1830
+ --tw-tracking: var(--twa-tracking-widest);
1831
+ letter-spacing: var(--twa-tracking-widest);
1832
+ }
1223
1833
  .twa\:text-nowrap {
1224
1834
  text-wrap: nowrap;
1225
1835
  }
1836
+ .twa\:break-all {
1837
+ word-break: break-all;
1838
+ }
1226
1839
  .twa\:text-ellipsis {
1227
1840
  text-overflow: ellipsis;
1228
1841
  }
@@ -1241,6 +1854,9 @@
1241
1854
  .twa\:text-\(--ab-dashboard-header__color\) {
1242
1855
  color: var(--ab-dashboard-header__color);
1243
1856
  }
1857
+ .twa\:text-\[var\(--ab-color-primarytext\)\] {
1858
+ color: var(--ab-color-primarytext);
1859
+ }
1244
1860
  .twa\:text-accent {
1245
1861
  color: var(--ab-color-accent);
1246
1862
  }
@@ -1250,12 +1866,21 @@
1250
1866
  .twa\:text-accentlight {
1251
1867
  color: var(--ab-color-accentlight);
1252
1868
  }
1869
+ .twa\:text-background {
1870
+ color: var(--ab-color-background);
1871
+ }
1253
1872
  .twa\:text-current {
1254
1873
  color: currentcolor;
1255
1874
  }
1875
+ .twa\:text-destructive {
1876
+ color: var(--ab-color-destructive);
1877
+ }
1256
1878
  .twa\:text-error {
1257
1879
  color: var(--ab-color-error);
1258
1880
  }
1881
+ .twa\:text-foreground {
1882
+ color: var(--ab-color-foreground);
1883
+ }
1259
1884
  .twa\:text-gray-400 {
1260
1885
  color: var(--twa-color-gray-400);
1261
1886
  }
@@ -1265,8 +1890,26 @@
1265
1890
  .twa\:text-inherit {
1266
1891
  color: inherit;
1267
1892
  }
1268
- .twa\:text-inputcolor {
1269
- color: var(--ab-color-inputcolor);
1893
+ .twa\:text-input-foreground {
1894
+ color: var(--ab-color-input-foreground);
1895
+ }
1896
+ .twa\:text-muted-foreground {
1897
+ color: var(--ab-color-muted-foreground);
1898
+ }
1899
+ .twa\:text-neutral-500 {
1900
+ color: var(--twa-color-neutral-500);
1901
+ }
1902
+ .twa\:text-popover-foreground {
1903
+ color: var(--ab-color-popover-foreground);
1904
+ }
1905
+ .twa\:text-primary {
1906
+ color: var(--ab-color-primary);
1907
+ }
1908
+ .twa\:text-primary-foreground {
1909
+ color: var(--ab-color-primary-foreground);
1910
+ }
1911
+ .twa\:text-secondary-foreground {
1912
+ color: var(--ab-color-secondary-foreground);
1270
1913
  }
1271
1914
  .twa\:text-success {
1272
1915
  color: var(--ab-color-success);
@@ -1274,9 +1917,6 @@
1274
1917
  .twa\:text-text-on-clone {
1275
1918
  color: var(--ab-color-text-on-clone);
1276
1919
  }
1277
- .twa\:text-text-on-defaultbackground {
1278
- color: var(--ab-color-text-on-defaultbackground);
1279
- }
1280
1920
  .twa\:text-text-on-delete {
1281
1921
  color: var(--ab-color-text-on-delete);
1282
1922
  }
@@ -1310,9 +1950,16 @@
1310
1950
  .twa\:italic {
1311
1951
  font-style: italic;
1312
1952
  }
1953
+ .twa\:tabular-nums {
1954
+ --tw-numeric-spacing: tabular-nums;
1955
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1956
+ }
1313
1957
  .twa\:underline {
1314
1958
  text-decoration-line: underline;
1315
1959
  }
1960
+ .twa\:underline-offset-4 {
1961
+ text-underline-offset: 4px;
1962
+ }
1316
1963
  .twa\:opacity-0 {
1317
1964
  opacity: 0%;
1318
1965
  }
@@ -1322,12 +1969,18 @@
1322
1969
  .twa\:opacity-50 {
1323
1970
  opacity: 50%;
1324
1971
  }
1972
+ .twa\:opacity-60 {
1973
+ opacity: 60%;
1974
+ }
1325
1975
  .twa\:opacity-70 {
1326
1976
  opacity: 70%;
1327
1977
  }
1328
1978
  .twa\:opacity-80 {
1329
1979
  opacity: 80%;
1330
1980
  }
1981
+ .twa\:opacity-90 {
1982
+ opacity: 90%;
1983
+ }
1331
1984
  .twa\:opacity-100 {
1332
1985
  opacity: 100%;
1333
1986
  }
@@ -1335,6 +1988,10 @@
1335
1988
  --tw-shadow: var(--ab-cmp-simple-button__box-shadow);
1336
1989
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1337
1990
  }
1991
+ .twa\:shadow-lg {
1992
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1993
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1994
+ }
1338
1995
  .twa\:shadow-md {
1339
1996
  --tw-shadow: var(--ab-shadow-md);
1340
1997
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1347,6 +2004,51 @@
1347
2004
  --tw-shadow: var(--ab-shadow-sm);
1348
2005
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1349
2006
  }
2007
+ .twa\:shadow-xs {
2008
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2009
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2010
+ }
2011
+ .twa\:ring-0 {
2012
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2013
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2014
+ }
2015
+ .twa\:ring-1 {
2016
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2017
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2018
+ }
2019
+ .twa\:ring-3 {
2020
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2021
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2022
+ }
2023
+ .twa\:ring-accent-foreground {
2024
+ --tw-ring-color: var(--ab-color-accent-foreground);
2025
+ }
2026
+ .twa\:ring-foreground\/10 {
2027
+ --tw-ring-color: var(--ab-color-foreground);
2028
+ }
2029
+ @supports (color: color-mix(in lab, red, red)) {
2030
+ .twa\:ring-foreground\/10 {
2031
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-foreground) 10%, transparent);
2032
+ }
2033
+ }
2034
+ .twa\:ring-ring\/50 {
2035
+ --tw-ring-color: var(--ab-color-ring);
2036
+ }
2037
+ @supports (color: color-mix(in lab, red, red)) {
2038
+ .twa\:ring-ring\/50 {
2039
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2040
+ }
2041
+ }
2042
+ .twa\:outline-hidden {
2043
+ --tw-outline-style: none;
2044
+ outline-style: none;
2045
+ }
2046
+ @media (forced-colors: active) {
2047
+ .twa\:outline-hidden {
2048
+ outline: 2px solid transparent;
2049
+ outline-offset: 2px;
2050
+ }
2051
+ }
1350
2052
  .twa\:outline-0 {
1351
2053
  outline-style: var(--tw-outline-style);
1352
2054
  outline-width: 0px;
@@ -1356,15 +2058,38 @@
1356
2058
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
1357
2059
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
1358
2060
  }
2061
+ .twa\:transition-\[color\,box-shadow\] {
2062
+ transition-property: color,box-shadow;
2063
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2064
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2065
+ }
2066
+ .twa\:transition-all {
2067
+ transition-property: all;
2068
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2069
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2070
+ }
1359
2071
  .twa\:transition-opacity {
1360
2072
  transition-property: opacity;
1361
2073
  transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
1362
2074
  transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
1363
2075
  }
2076
+ .twa\:transition-transform {
2077
+ transition-property: transform, translate, scale, rotate;
2078
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
2079
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
2080
+ }
2081
+ .twa\:duration-100 {
2082
+ --tw-duration: 100ms;
2083
+ transition-duration: 100ms;
2084
+ }
1364
2085
  .twa\:duration-200 {
1365
2086
  --tw-duration: 200ms;
1366
2087
  transition-duration: 200ms;
1367
2088
  }
2089
+ .twa\:outline-none {
2090
+ --tw-outline-style: none;
2091
+ outline-style: none;
2092
+ }
1368
2093
  .twa\:select-none {
1369
2094
  -webkit-user-select: none;
1370
2095
  user-select: none;
@@ -1372,6 +2097,12 @@
1372
2097
  .twa\:\[--ab-grid-row-height\:45px\] {
1373
2098
  --ab-grid-row-height: 45px;
1374
2099
  }
2100
+ .twa\:\[--cell-radius\:var\(--radius-md\)\] {
2101
+ --cell-radius: var(--radius-md);
2102
+ }
2103
+ .twa\:\[--cell-size\:--spacing\(8\)\] {
2104
+ --cell-size: calc(var(--ab-base-space) * 8);
2105
+ }
1375
2106
  .twa\:text-shadow-\[0_1px_0_\#fff\] {
1376
2107
  text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
1377
2108
  }
@@ -1391,7 +2122,7 @@
1391
2122
  flex: 1;
1392
2123
  }
1393
2124
  :is(.twa\:\*\:rounded-standard > *) {
1394
- border-radius: var(--ab__border-radius);
2125
+ border-radius: var(--ab-border-radius);
1395
2126
  }
1396
2127
  :is(.twa\:\*\:p-1 > *) {
1397
2128
  padding: calc(var(--ab-base-space) * 1);
@@ -1403,6 +2134,10 @@
1403
2134
  outline-style: var(--tw-outline-style);
1404
2135
  outline-width: 0px;
1405
2136
  }
2137
+ :is(.twa\:\*\:outline-none > *) {
2138
+ --tw-outline-style: none;
2139
+ outline-style: none;
2140
+ }
1406
2141
  .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\]:not(*:focus-within) {
1407
2142
  --ab-focus-light__box-shadow: none;
1408
2143
  }
@@ -1413,6 +2148,105 @@
1413
2148
  --tw-shadow: var(--ab-focus__box-shadow);
1414
2149
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1415
2150
  }
2151
+ .twa\:group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.twa\:group\/dropdown-menu-item):focus *) {
2152
+ color: var(--ab-color-accent-foreground);
2153
+ }
2154
+ .twa\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.twa\:group\/input-group):has(*[data-slot="combobox-clear"]) *) {
2155
+ display: none;
2156
+ }
2157
+ .twa\:group-has-\[\>input\]\/input-group\:pt-2:is(:where(.twa\:group\/input-group):has( > input) *) {
2158
+ padding-top: calc(var(--ab-base-space) * 2);
2159
+ }
2160
+ .twa\:group-has-\[\>input\]\/input-group\:pb-2:is(:where(.twa\:group\/input-group):has( > input) *) {
2161
+ padding-bottom: calc(var(--ab-base-space) * 2);
2162
+ }
2163
+ .twa\:group-data-empty\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-empty] *) {
2164
+ display: flex;
2165
+ }
2166
+ .twa\:group-data-resizable\/combobox-content\:flex:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2167
+ display: flex;
2168
+ }
2169
+ .twa\:group-data-resizable\/combobox-content\:h-auto:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2170
+ height: auto;
2171
+ }
2172
+ .twa\:group-data-resizable\/combobox-content\:max-h-none:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2173
+ max-height: none;
2174
+ }
2175
+ .twa\:group-data-resizable\/combobox-content\:min-h-0:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2176
+ min-height: calc(var(--ab-base-space) * 0);
2177
+ }
2178
+ .twa\:group-data-resizable\/combobox-content\:flex-1:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2179
+ flex: 1;
2180
+ }
2181
+ .twa\:group-data-resizable\/combobox-content\:flex-col:is(:where(.twa\:group\/combobox-content)[data-resizable] *) {
2182
+ flex-direction: column;
2183
+ }
2184
+ .twa\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.twa\:group\/input-group)[data-disabled="true"] *) {
2185
+ opacity: 50%;
2186
+ }
2187
+ .twa\:group-data-\[focused\=true\]\/day\:relative:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2188
+ position: relative;
2189
+ }
2190
+ .twa\:group-data-\[focused\=true\]\/day\:z-10:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2191
+ z-index: 10;
2192
+ }
2193
+ .twa\:group-data-\[focused\=true\]\/day\:border-ring:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2194
+ border-color: var(--ab-color-ring);
2195
+ }
2196
+ .twa\:group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2197
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2198
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2199
+ }
2200
+ .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2201
+ --tw-ring-color: var(--ab-color-ring);
2202
+ }
2203
+ @supports (color: color-mix(in lab, red, red)) {
2204
+ .twa\:group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.twa\:group\/day)[data-focused="true"] *) {
2205
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2206
+ }
2207
+ }
2208
+ .twa\:peer-focus-visible\:border-ring:is(:where(.twa\:peer):focus-visible ~ *) {
2209
+ border-color: var(--ab-color-ring);
2210
+ }
2211
+ .twa\:peer-focus-visible\:ring-3:is(:where(.twa\:peer):focus-visible ~ *) {
2212
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2213
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2214
+ }
2215
+ .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
2216
+ --tw-ring-color: var(--ab-color-ring);
2217
+ }
2218
+ @supports (color: color-mix(in lab, red, red)) {
2219
+ .twa\:peer-focus-visible\:ring-ring\/50:is(:where(.twa\:peer):focus-visible ~ *) {
2220
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2221
+ }
2222
+ }
2223
+ .twa\:file\:inline-flex::file-selector-button {
2224
+ display: inline-flex;
2225
+ }
2226
+ .twa\:file\:h-7::file-selector-button {
2227
+ height: calc(var(--ab-base-space) * 7);
2228
+ }
2229
+ .twa\:file\:border-0::file-selector-button {
2230
+ border-style: var(--tw-border-style);
2231
+ border-width: 0px;
2232
+ }
2233
+ .twa\:file\:bg-transparent::file-selector-button {
2234
+ background-color: transparent;
2235
+ }
2236
+ .twa\:file\:text-sm::file-selector-button {
2237
+ font-size: var(--ab-font-size-3);
2238
+ line-height: var(--tw-leading, var(--twa-text-sm--line-height));
2239
+ }
2240
+ .twa\:file\:font-medium::file-selector-button {
2241
+ --tw-font-weight: var(--twa-font-weight-medium);
2242
+ font-weight: var(--twa-font-weight-medium);
2243
+ }
2244
+ .twa\:file\:text-foreground::file-selector-button {
2245
+ color: var(--ab-color-foreground);
2246
+ }
2247
+ .twa\:placeholder\:text-muted-foreground::placeholder {
2248
+ color: var(--ab-color-muted-foreground);
2249
+ }
1416
2250
  .twa\:before\:pointer-events-none::before {
1417
2251
  content: var(--tw-content);
1418
2252
  pointer-events: none;
@@ -1452,7 +2286,7 @@
1452
2286
  }
1453
2287
  .twa\:before\:rounded-standard::before {
1454
2288
  content: var(--tw-content);
1455
- border-radius: var(--ab__border-radius);
2289
+ border-radius: var(--ab-border-radius);
1456
2290
  }
1457
2291
  .twa\:before\:bg-white::before {
1458
2292
  content: var(--tw-content);
@@ -1499,9 +2333,25 @@
1499
2333
  content: var(--tw-content);
1500
2334
  inset: calc(var(--ab-base-space) * 0);
1501
2335
  }
2336
+ .twa\:after\:inset-y-0::after {
2337
+ content: var(--tw-content);
2338
+ inset-block: calc(var(--ab-base-space) * 0);
2339
+ }
2340
+ .twa\:after\:right-0::after {
2341
+ content: var(--tw-content);
2342
+ right: calc(var(--ab-base-space) * 0);
2343
+ }
2344
+ .twa\:after\:left-0::after {
2345
+ content: var(--tw-content);
2346
+ left: calc(var(--ab-base-space) * 0);
2347
+ }
2348
+ .twa\:after\:w-4::after {
2349
+ content: var(--tw-content);
2350
+ width: calc(var(--ab-base-space) * 4);
2351
+ }
1502
2352
  .twa\:after\:rounded-standard::after {
1503
2353
  content: var(--tw-content);
1504
- border-radius: var(--ab__border-radius);
2354
+ border-radius: var(--ab-border-radius);
1505
2355
  }
1506
2356
  .twa\:after\:border-2::after {
1507
2357
  content: var(--tw-content);
@@ -1521,6 +2371,10 @@
1521
2371
  background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
1522
2372
  }
1523
2373
  }
2374
+ .twa\:after\:bg-muted::after {
2375
+ content: var(--tw-content);
2376
+ background-color: var(--ab-color-muted);
2377
+ }
1524
2378
  .twa\:not-first\:after\:absolute:not(*:first-child)::after {
1525
2379
  content: var(--tw-content);
1526
2380
  position: absolute;
@@ -1555,10 +2409,25 @@
1555
2409
  --tw-content: "";
1556
2410
  content: var(--tw-content);
1557
2411
  }
2412
+ .twa\:focus-within\:border-ring:focus-within {
2413
+ border-color: var(--ab-color-ring);
2414
+ }
1558
2415
  .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\):focus-within {
1559
2416
  --tw-shadow: var(--ab-focus__box-shadow);
1560
2417
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1561
2418
  }
2419
+ .twa\:focus-within\:ring-3:focus-within {
2420
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2421
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2422
+ }
2423
+ .twa\:focus-within\:ring-ring\/50:focus-within {
2424
+ --tw-ring-color: var(--ab-color-ring);
2425
+ }
2426
+ @supports (color: color-mix(in lab, red, red)) {
2427
+ .twa\:focus-within\:ring-ring\/50:focus-within {
2428
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2429
+ }
2430
+ }
1562
2431
  .twa\:focus-within\:outline-2:focus-within {
1563
2432
  outline-style: var(--tw-outline-style);
1564
2433
  outline-width: 2px;
@@ -1569,10 +2438,29 @@
1569
2438
  .twa\:focus-within\:outline-accent:focus-within {
1570
2439
  outline-color: var(--ab-color-accent);
1571
2440
  }
2441
+ .twa\:focus-within\:outline-none:focus-within {
2442
+ --tw-outline-style: none;
2443
+ outline-style: none;
2444
+ }
2445
+ :is(.twa\:\*\:focus-within\:border-ring > *):focus-within {
2446
+ border-color: var(--ab-color-ring);
2447
+ }
1572
2448
  :is(.twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) > *):focus-within {
1573
2449
  --tw-shadow: var(--ab-focus__box-shadow);
1574
2450
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1575
2451
  }
2452
+ :is(.twa\:\*\:focus-within\:ring-3 > *):focus-within {
2453
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2454
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2455
+ }
2456
+ :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
2457
+ --tw-ring-color: var(--ab-color-ring);
2458
+ }
2459
+ @supports (color: color-mix(in lab, red, red)) {
2460
+ :is(.twa\:\*\:focus-within\:ring-ring\/50 > *):focus-within {
2461
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2462
+ }
2463
+ }
1576
2464
  :is(.twa\:\*\:focus-within\:outline-2 > *):focus-within {
1577
2465
  outline-style: var(--tw-outline-style);
1578
2466
  outline-width: 2px;
@@ -1588,6 +2476,11 @@
1588
2476
  cursor: pointer;
1589
2477
  }
1590
2478
  }
2479
+ @media (hover: hover) {
2480
+ .twa\:hover\:bg-\[var\(--ab-color-primarylight\)\]:hover {
2481
+ background-color: var(--ab-color-primarylight);
2482
+ }
2483
+ }
1591
2484
  @media (hover: hover) {
1592
2485
  .twa\:hover\:bg-accent:hover {
1593
2486
  background-color: var(--ab-color-accent);
@@ -1603,31 +2496,101 @@
1603
2496
  }
1604
2497
  }
1605
2498
  }
2499
+ @media (hover: hover) {
2500
+ .twa\:hover\:bg-destructive\/20:hover {
2501
+ background-color: var(--ab-color-destructive);
2502
+ }
2503
+ @supports (color: color-mix(in lab, red, red)) {
2504
+ .twa\:hover\:bg-destructive\/20:hover {
2505
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2506
+ }
2507
+ }
2508
+ }
2509
+ @media (hover: hover) {
2510
+ .twa\:hover\:bg-input-background\/80:hover {
2511
+ background-color: var(--ab-color-input-background);
2512
+ }
2513
+ @supports (color: color-mix(in lab, red, red)) {
2514
+ .twa\:hover\:bg-input-background\/80:hover {
2515
+ background-color: color-mix(in oklab, var(--ab-color-input-background) 80%, transparent);
2516
+ }
2517
+ }
2518
+ }
2519
+ @media (hover: hover) {
2520
+ .twa\:hover\:bg-muted:hover {
2521
+ background-color: var(--ab-color-muted);
2522
+ }
2523
+ }
1606
2524
  @media (hover: hover) {
1607
2525
  .twa\:hover\:bg-primary:hover {
1608
2526
  background-color: var(--ab-color-primary);
1609
2527
  }
1610
2528
  }
2529
+ @media (hover: hover) {
2530
+ .twa\:hover\:bg-primary\/80:hover {
2531
+ background-color: var(--ab-color-primary);
2532
+ }
2533
+ @supports (color: color-mix(in lab, red, red)) {
2534
+ .twa\:hover\:bg-primary\/80:hover {
2535
+ background-color: color-mix(in oklab, var(--ab-color-primary) 80%, transparent);
2536
+ }
2537
+ }
2538
+ }
1611
2539
  @media (hover: hover) {
1612
2540
  .twa\:hover\:bg-primarylight:hover {
1613
2541
  background-color: var(--ab-color-primarylight);
1614
2542
  }
1615
2543
  }
2544
+ @media (hover: hover) {
2545
+ .twa\:hover\:bg-ring\/50:hover {
2546
+ background-color: var(--ab-color-ring);
2547
+ }
2548
+ @supports (color: color-mix(in lab, red, red)) {
2549
+ .twa\:hover\:bg-ring\/50:hover {
2550
+ background-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2551
+ }
2552
+ }
2553
+ }
2554
+ @media (hover: hover) {
2555
+ .twa\:hover\:bg-secondary\/80:hover {
2556
+ background-color: var(--ab-color-secondary);
2557
+ }
2558
+ @supports (color: color-mix(in lab, red, red)) {
2559
+ .twa\:hover\:bg-secondary\/80:hover {
2560
+ background-color: color-mix(in oklab, var(--ab-color-secondary) 80%, transparent);
2561
+ }
2562
+ }
2563
+ }
1616
2564
  @media (hover: hover) {
1617
2565
  .twa\:hover\:text-accent-foreground:hover {
1618
2566
  color: var(--ab-color-accent-foreground);
1619
2567
  }
1620
2568
  }
2569
+ @media (hover: hover) {
2570
+ .twa\:hover\:text-foreground:hover {
2571
+ color: var(--ab-color-foreground);
2572
+ }
2573
+ }
1621
2574
  @media (hover: hover) {
1622
2575
  .twa\:hover\:text-text-on-primary:hover {
1623
2576
  color: var(--ab-color-text-on-primary);
1624
2577
  }
1625
2578
  }
2579
+ @media (hover: hover) {
2580
+ .twa\:hover\:underline:hover {
2581
+ text-decoration-line: underline;
2582
+ }
2583
+ }
1626
2584
  @media (hover: hover) {
1627
2585
  .twa\:hover\:opacity-85:hover {
1628
2586
  opacity: 85%;
1629
2587
  }
1630
2588
  }
2589
+ @media (hover: hover) {
2590
+ .twa\:hover\:opacity-100:hover {
2591
+ opacity: 100%;
2592
+ }
2593
+ }
1631
2594
  @media (hover: hover) {
1632
2595
  .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\):hover:not(*:disabled) {
1633
2596
  --tw-shadow: var(--ab-cmp-simple-button__hover-box-shadow);
@@ -1646,10 +2609,31 @@
1646
2609
  opacity: 15%;
1647
2610
  }
1648
2611
  }
2612
+ .twa\:focus\:border-ring:focus {
2613
+ border-color: var(--ab-color-ring);
2614
+ }
2615
+ .twa\:focus\:bg-accent:focus {
2616
+ background-color: var(--ab-color-accent);
2617
+ }
2618
+ .twa\:focus\:text-accent-foreground:focus {
2619
+ color: var(--ab-color-accent-foreground);
2620
+ }
1649
2621
  .twa\:focus\:shadow-\(--ab-focus__box-shadow\):focus {
1650
2622
  --tw-shadow: var(--ab-focus__box-shadow);
1651
2623
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1652
2624
  }
2625
+ .twa\:focus\:ring-3:focus {
2626
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2627
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2628
+ }
2629
+ .twa\:focus\:ring-ring\/50:focus {
2630
+ --tw-ring-color: var(--ab-color-ring);
2631
+ }
2632
+ @supports (color: color-mix(in lab, red, red)) {
2633
+ .twa\:focus\:ring-ring\/50:focus {
2634
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2635
+ }
2636
+ }
1653
2637
  .twa\:focus\:outline-0:focus {
1654
2638
  outline-style: var(--tw-outline-style);
1655
2639
  outline-width: 0px;
@@ -1658,61 +2642,825 @@
1658
2642
  outline-style: var(--tw-outline-style);
1659
2643
  outline-width: 2px;
1660
2644
  }
1661
- .twa\:focus\:outline-offset-1:focus {
1662
- outline-offset: 1px;
2645
+ .twa\:focus\:outline-offset-1:focus {
2646
+ outline-offset: 1px;
2647
+ }
2648
+ .twa\:focus\:outline-accent:focus {
2649
+ outline-color: var(--ab-color-accent);
2650
+ }
2651
+ .twa\:focus\:outline-none:focus {
2652
+ --tw-outline-style: none;
2653
+ outline-style: none;
2654
+ }
2655
+ :is(.twa\:focus\:\*\*\:text-accent-foreground:focus *) {
2656
+ color: var(--ab-color-accent-foreground);
2657
+ }
2658
+ :is(.twa\:not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not(*[data-variant="destructive"]):focus *) {
2659
+ color: var(--ab-color-accent-foreground);
2660
+ }
2661
+ .twa\:focus-visible\:border-destructive\/40:focus-visible {
2662
+ border-color: var(--ab-color-destructive);
2663
+ }
2664
+ @supports (color: color-mix(in lab, red, red)) {
2665
+ .twa\:focus-visible\:border-destructive\/40:focus-visible {
2666
+ border-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
2667
+ }
2668
+ }
2669
+ .twa\:focus-visible\:border-ring:focus-visible {
2670
+ border-color: var(--ab-color-ring);
2671
+ }
2672
+ .twa\:focus-visible\:ring-0:focus-visible {
2673
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2674
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2675
+ }
2676
+ .twa\:focus-visible\:ring-3:focus-visible {
2677
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2678
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2679
+ }
2680
+ .twa\:focus-visible\:ring-destructive\/20:focus-visible {
2681
+ --tw-ring-color: var(--ab-color-destructive);
2682
+ }
2683
+ @supports (color: color-mix(in lab, red, red)) {
2684
+ .twa\:focus-visible\:ring-destructive\/20:focus-visible {
2685
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2686
+ }
2687
+ }
2688
+ .twa\:focus-visible\:ring-ring\/50:focus-visible {
2689
+ --tw-ring-color: var(--ab-color-ring);
2690
+ }
2691
+ @supports (color: color-mix(in lab, red, red)) {
2692
+ .twa\:focus-visible\:ring-ring\/50:focus-visible {
2693
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2694
+ }
2695
+ }
2696
+ .twa\:focus-visible\:outline-none:focus-visible {
2697
+ --tw-outline-style: none;
2698
+ outline-style: none;
2699
+ }
2700
+ .twa\:active\:translate-y-0:active {
2701
+ --tw-translate-y: calc(var(--ab-base-space) * 0);
2702
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2703
+ }
2704
+ .twa\:active\:translate-y-px:active {
2705
+ --tw-translate-y: 1px;
2706
+ translate: var(--tw-translate-x) var(--tw-translate-y);
2707
+ }
2708
+ .twa\:disabled\:pointer-events-none:disabled {
2709
+ pointer-events: none;
2710
+ }
2711
+ .twa\:disabled\:cursor-not-allowed:disabled {
2712
+ cursor: not-allowed;
2713
+ }
2714
+ .twa\:disabled\:opacity-50:disabled {
2715
+ opacity: 50%;
2716
+ }
2717
+ :where(*[data-slot="button-group"]) .twa\:in-data-\[slot\=button-group\]\:rounded-md {
2718
+ border-radius: var(--twa-radius-md);
2719
+ }
2720
+ :where(*[data-slot="card-content"]) .twa\:in-data-\[slot\=card-content\]\:bg-transparent {
2721
+ background-color: transparent;
2722
+ }
2723
+ :is(:where(*[data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit):focus-within {
2724
+ border-color: inherit;
2725
+ }
2726
+ :is(:where(*[data-slot="combobox-content"]) .twa\:in-data-\[slot\=combobox-content\]\:focus-within\:ring-0):focus-within {
2727
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2728
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2729
+ }
2730
+ :where(*[data-slot="popover-content"]) .twa\:in-data-\[slot\=popover-content\]\:bg-transparent {
2731
+ background-color: transparent;
2732
+ }
2733
+ .twa\:has-disabled\:pointer-events-none:has(*:disabled) {
2734
+ pointer-events: none;
2735
+ }
2736
+ .twa\:has-disabled\:cursor-not-allowed:has(*:disabled) {
2737
+ cursor: not-allowed;
2738
+ }
2739
+ .twa\:has-disabled\:opacity-50:has(*:disabled) {
2740
+ opacity: 50%;
2741
+ }
2742
+ .twa\:has-aria-invalid\:border-destructive:has(*[aria-invalid="true"]) {
2743
+ border-color: var(--ab-color-destructive);
2744
+ }
2745
+ .twa\:has-aria-invalid\:ring-3:has(*[aria-invalid="true"]) {
2746
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2747
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2748
+ }
2749
+ .twa\:has-aria-invalid\:ring-destructive\/20:has(*[aria-invalid="true"]) {
2750
+ --tw-ring-color: var(--ab-color-destructive);
2751
+ }
2752
+ @supports (color: color-mix(in lab, red, red)) {
2753
+ .twa\:has-aria-invalid\:ring-destructive\/20:has(*[aria-invalid="true"]) {
2754
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2755
+ }
2756
+ }
2757
+ .twa\:has-data-\[icon\=inline-end\]\:pr-1\.5:has(*[data-icon="inline-end"]) {
2758
+ padding-right: calc(var(--ab-base-space) * 1.5);
2759
+ }
2760
+ .twa\:has-data-\[icon\=inline-end\]\:pr-2:has(*[data-icon="inline-end"]) {
2761
+ padding-right: calc(var(--ab-base-space) * 2);
2762
+ }
2763
+ .twa\:has-data-\[icon\=inline-end\]\:pr-3:has(*[data-icon="inline-end"]) {
2764
+ padding-right: calc(var(--ab-base-space) * 3);
2765
+ }
2766
+ .twa\:has-data-\[icon\=inline-start\]\:pl-1\.5:has(*[data-icon="inline-start"]) {
2767
+ padding-left: calc(var(--ab-base-space) * 1.5);
2768
+ }
2769
+ .twa\:has-data-\[icon\=inline-start\]\:pl-2:has(*[data-icon="inline-start"]) {
2770
+ padding-left: calc(var(--ab-base-space) * 2);
2771
+ }
2772
+ .twa\:has-data-\[icon\=inline-start\]\:pl-3:has(*[data-icon="inline-start"]) {
2773
+ padding-left: calc(var(--ab-base-space) * 3);
2774
+ }
2775
+ .twa\:has-data-\[slot\=combobox-chip\]\:px-1\.5:has(*[data-slot="combobox-chip"]) {
2776
+ padding-inline: calc(var(--ab-base-space) * 1.5);
2777
+ }
2778
+ .twa\:has-data-\[slot\=combobox-chip-remove\]\:pr-0:has(*[data-slot="combobox-chip-remove"]) {
2779
+ padding-right: calc(var(--ab-base-space) * 0);
2780
+ }
2781
+ .twa\:has-data-\[slot\=kbd\]\:pr-1\.5:has(*[data-slot="kbd"]) {
2782
+ padding-right: calc(var(--ab-base-space) * 1.5);
2783
+ }
2784
+ .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(*:is([data-slot=input-group-control]:focus-visible)) {
2785
+ border-color: var(--ab-color-ring);
2786
+ }
2787
+ .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(*:is([data-slot=input-group-control]:focus-visible)) {
2788
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2789
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2790
+ }
2791
+ .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(*:is([data-slot=input-group-control]:focus-visible)) {
2792
+ --tw-ring-color: var(--ab-color-ring);
2793
+ }
2794
+ @supports (color: color-mix(in lab, red, red)) {
2795
+ .twa\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(*:is([data-slot=input-group-control]:focus-visible)) {
2796
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-ring) 50%, transparent);
2797
+ }
2798
+ }
2799
+ .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(*:is([data-slot][aria-invalid=true])) {
2800
+ border-color: var(--ab-color-destructive);
2801
+ }
2802
+ .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(*:is([data-slot][aria-invalid=true])) {
2803
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2805
+ }
2806
+ .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])) {
2807
+ --tw-ring-color: var(--ab-color-destructive);
2808
+ }
2809
+ @supports (color: color-mix(in lab, red, red)) {
2810
+ .twa\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(*:is([data-slot][aria-invalid=true])) {
2811
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2812
+ }
2813
+ }
2814
+ .twa\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
2815
+ height: auto;
2816
+ }
2817
+ .twa\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
2818
+ flex-direction: column;
2819
+ }
2820
+ .twa\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
2821
+ height: auto;
2822
+ }
2823
+ .twa\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
2824
+ flex-direction: column;
2825
+ }
2826
+ .twa\:has-\[\>button\]\:-mr-1:has( > button) {
2827
+ margin-right: calc(var(--ab-base-space) * -1);
2828
+ }
2829
+ .twa\:has-\[\>button\]\:-ml-1:has( > button) {
2830
+ margin-left: calc(var(--ab-base-space) * -1);
2831
+ }
2832
+ .twa\:has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
2833
+ margin-right: -0.15rem;
2834
+ }
2835
+ .twa\:has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
2836
+ margin-left: -0.15rem;
2837
+ }
2838
+ .twa\:has-\[\>svg\]\:p-0:has( > svg) {
2839
+ padding: calc(var(--ab-base-space) * 0);
2840
+ }
2841
+ .twa\:has-\[\>textarea\]\:h-auto:has( > textarea) {
2842
+ height: auto;
2843
+ }
2844
+ .twa\:aria-disabled\:opacity-50[aria-disabled="true"] {
2845
+ opacity: 50%;
2846
+ }
2847
+ .twa\:aria-expanded\:bg-muted[aria-expanded="true"] {
2848
+ background-color: var(--ab-color-muted);
2849
+ }
2850
+ .twa\:aria-expanded\:bg-secondary[aria-expanded="true"] {
2851
+ background-color: var(--ab-color-secondary);
2852
+ }
2853
+ .twa\:aria-expanded\:text-foreground[aria-expanded="true"] {
2854
+ color: var(--ab-color-foreground);
2855
+ }
2856
+ .twa\:aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
2857
+ color: var(--ab-color-secondary-foreground);
2858
+ }
2859
+ .twa\:aria-invalid\:border-destructive[aria-invalid="true"] {
2860
+ border-color: var(--ab-color-destructive);
2861
+ }
2862
+ .twa\:aria-invalid\:ring-0[aria-invalid="true"] {
2863
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2864
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2865
+ }
2866
+ .twa\:aria-invalid\:ring-3[aria-invalid="true"] {
2867
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2868
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2869
+ }
2870
+ .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2871
+ --tw-ring-color: var(--ab-color-destructive);
2872
+ }
2873
+ @supports (color: color-mix(in lab, red, red)) {
2874
+ .twa\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
2875
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
2876
+ }
2877
+ }
2878
+ .twa\:aria-selected\:text-muted-foreground[aria-selected="true"] {
2879
+ color: var(--ab-color-muted-foreground);
2880
+ }
2881
+ .twa\:data-closed\:animate-out[data-closed] {
2882
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2883
+ }
2884
+ .twa\:data-closed\:overflow-hidden[data-closed] {
2885
+ overflow: hidden;
2886
+ }
2887
+ .twa\:data-closed\:fade-out-0[data-closed] {
2888
+ --tw-exit-opacity: calc(0/100);
2889
+ --tw-exit-opacity: 0;
2890
+ }
2891
+ .twa\:data-closed\:zoom-out-95[data-closed] {
2892
+ --tw-exit-scale: calc(95*1%);
2893
+ --tw-exit-scale: .95;
2894
+ }
2895
+ .twa\:data-disabled\:pointer-events-none[data-disabled] {
2896
+ pointer-events: none;
2897
+ }
2898
+ .twa\:data-disabled\:opacity-50[data-disabled] {
2899
+ opacity: 50%;
2900
+ }
2901
+ .twa\:data-empty\:p-0[data-empty] {
2902
+ padding: calc(var(--ab-base-space) * 0);
2903
+ }
2904
+ .twa\:data-highlighted\:bg-accent[data-highlighted] {
2905
+ background-color: var(--ab-color-accent);
2906
+ }
2907
+ .twa\:data-highlighted\:text-accent-foreground[data-highlighted] {
2908
+ color: var(--ab-color-accent-foreground);
2909
+ }
2910
+ :is(.twa\:not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground[data-highlighted]:not(*[data-variant="destructive"]) *) {
2911
+ color: var(--ab-color-accent-foreground);
2912
+ }
2913
+ .twa\:data-inset\:pl-8[data-inset] {
2914
+ padding-left: calc(var(--ab-base-space) * 8);
2915
+ }
2916
+ .twa\:data-open\:animate-in[data-open] {
2917
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
2918
+ }
2919
+ .twa\:data-open\:bg-accent[data-open] {
2920
+ background-color: var(--ab-color-accent);
2921
+ }
2922
+ .twa\:data-open\:text-accent-foreground[data-open] {
2923
+ color: var(--ab-color-accent-foreground);
2924
+ }
2925
+ .twa\:data-open\:fade-in-0[data-open] {
2926
+ --tw-enter-opacity: calc(0/100);
2927
+ --tw-enter-opacity: 0;
2928
+ }
2929
+ .twa\:data-open\:zoom-in-95[data-open] {
2930
+ --tw-enter-scale: calc(95*1%);
2931
+ --tw-enter-scale: .95;
2932
+ }
2933
+ .twa\:data-placeholder\:text-muted-foreground[data-placeholder] {
2934
+ color: var(--ab-color-muted-foreground);
2935
+ }
2936
+ .twa\:data-popup-open\:bg-accent[data-popup-open] {
2937
+ background-color: var(--ab-color-accent);
2938
+ }
2939
+ .twa\:data-popup-open\:text-accent-foreground[data-popup-open] {
2940
+ color: var(--ab-color-accent-foreground);
2941
+ }
2942
+ .twa\:data-pressed\:bg-transparent[data-pressed] {
2943
+ background-color: transparent;
2944
+ }
2945
+ .twa\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
2946
+ animation: none;
2947
+ }
2948
+ [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
2949
+ background-color: var(--ab-color-accent);
2950
+ }
2951
+ [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
2952
+ color: var(--ab-color-accent-foreground);
2953
+ }
2954
+ .twa\:data-\[range-end\=true\]\:rounded-standard[data-range-end="true"] {
2955
+ border-radius: var(--ab-border-radius);
2956
+ }
2957
+ .twa\:data-\[range-end\=true\]\:rounded-r-standard[data-range-end="true"] {
2958
+ border-top-right-radius: var(--ab-border-radius);
2959
+ border-bottom-right-radius: var(--ab-border-radius);
2960
+ }
2961
+ .twa\:data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
2962
+ background-color: var(--ab-color-primary);
2963
+ }
2964
+ .twa\:data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
2965
+ color: var(--ab-color-primary-foreground);
2966
+ }
2967
+ .twa\:data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
2968
+ border-radius: 0;
2969
+ }
2970
+ .twa\:data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
2971
+ background-color: var(--ab-color-muted);
2972
+ }
2973
+ .twa\:data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
2974
+ color: var(--ab-color-foreground);
2975
+ }
2976
+ .twa\:data-\[range-start\=true\]\:rounded-standard[data-range-start="true"] {
2977
+ border-radius: var(--ab-border-radius);
2978
+ }
2979
+ .twa\:data-\[range-start\=true\]\:rounded-l-standard[data-range-start="true"] {
2980
+ border-top-left-radius: var(--ab-border-radius);
2981
+ border-bottom-left-radius: var(--ab-border-radius);
2982
+ }
2983
+ .twa\:data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
2984
+ background-color: var(--ab-color-primary);
2985
+ }
2986
+ .twa\:data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
2987
+ color: var(--ab-color-primary-foreground);
2988
+ }
2989
+ .twa\:data-\[selected-single\=true\]\:bg-accent[data-selected-single="true"] {
2990
+ background-color: var(--ab-color-accent);
2991
+ }
2992
+ .twa\:data-\[selected-single\=true\]\:text-accent-foreground[data-selected-single="true"] {
2993
+ color: var(--ab-color-accent-foreground);
2994
+ }
2995
+ .twa\:data-\[selected\=true\]\:rounded-none[data-selected="true"] {
2996
+ border-radius: 0;
2997
+ }
2998
+ .twa\:data-\[side\=bottom\]\:top-1[data-side="bottom"] {
2999
+ top: calc(var(--ab-base-space) * 1);
3000
+ }
3001
+ .twa\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3002
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
3003
+ }
3004
+ .twa\:data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
3005
+ top: calc(1 / 2 * 100%) !important;
3006
+ }
3007
+ .twa\:data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
3008
+ left: calc(var(--ab-base-space) * -1);
3009
+ }
3010
+ .twa\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
3011
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3012
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3013
+ }
3014
+ .twa\:data-\[side\=inline-end\]\:slide-in-from-left-2[data-side="inline-end"] {
3015
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
3016
+ }
3017
+ .twa\:data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
3018
+ top: calc(1 / 2 * 100%) !important;
3019
+ }
3020
+ .twa\:data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
3021
+ right: calc(var(--ab-base-space) * -1);
3022
+ }
3023
+ .twa\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
3024
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3025
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3026
+ }
3027
+ .twa\:data-\[side\=inline-start\]\:slide-in-from-right-2[data-side="inline-start"] {
3028
+ --tw-enter-translate-x: calc(2*var(--spacing));
3029
+ }
3030
+ .twa\:data-\[side\=left\]\:top-1\/2\![data-side="left"] {
3031
+ top: calc(1 / 2 * 100%) !important;
3032
+ }
3033
+ .twa\:data-\[side\=left\]\:-right-1[data-side="left"] {
3034
+ right: calc(var(--ab-base-space) * -1);
3035
+ }
3036
+ .twa\:data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
3037
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3038
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3039
+ }
3040
+ .twa\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
3041
+ --tw-enter-translate-x: calc(2*var(--spacing));
3042
+ }
3043
+ .twa\:data-\[side\=right\]\:top-1\/2\![data-side="right"] {
3044
+ top: calc(1 / 2 * 100%) !important;
3045
+ }
3046
+ .twa\:data-\[side\=right\]\:-left-1[data-side="right"] {
3047
+ left: calc(var(--ab-base-space) * -1);
3048
+ }
3049
+ .twa\:data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
3050
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
3051
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3052
+ }
3053
+ .twa\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
3054
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
3055
+ }
3056
+ .twa\:data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
3057
+ bottom: calc(var(--ab-base-space) * -2.5);
3058
+ }
3059
+ .twa\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
3060
+ --tw-enter-translate-y: calc(2*var(--spacing));
3061
+ }
3062
+ .twa\:data-\[size\=default\]\:min-h-input[data-size="default"] {
3063
+ min-height: var(--ab-input-height);
3064
+ }
3065
+ .twa\:data-\[size\=sm\]\:h-7[data-size="sm"] {
3066
+ height: calc(var(--ab-base-space) * 7);
3067
+ }
3068
+ .twa\:data-\[size\=sm\]\:min-h-auto[data-size="sm"] {
3069
+ min-height: auto;
3070
+ }
3071
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:m-1 > *) {
3072
+ margin: calc(var(--ab-base-space) * 1);
3073
+ }
3074
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:mb-0 > *) {
3075
+ margin-bottom: calc(var(--ab-base-space) * 0);
3076
+ }
3077
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:h-8 > *) {
3078
+ height: calc(var(--ab-base-space) * 8);
3079
+ }
3080
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *) {
3081
+ border-color: var(--ab-color-input-border);
3082
+ }
3083
+ @supports (color: color-mix(in lab, red, red)) {
3084
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:border-input\/30 > *) {
3085
+ border-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
3086
+ }
3087
+ }
3088
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *) {
3089
+ background-color: var(--ab-color-input-border);
3090
+ }
3091
+ @supports (color: color-mix(in lab, red, red)) {
3092
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:bg-input\/30 > *) {
3093
+ background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
3094
+ }
3095
+ }
3096
+ [data-slot="input-group"]:is(.twa\:\*\:data-\[slot\=input-group\]\:shadow-none > *) {
3097
+ --tw-shadow: 0 0 #0000;
3098
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3099
+ }
3100
+ [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:relative *) {
3101
+ position: relative;
3102
+ }
3103
+ [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:isolate *) {
3104
+ isolation: isolate;
3105
+ }
3106
+ [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:z-50 *) {
3107
+ z-index: 50;
3108
+ }
3109
+ [data-slot="kbd"]:is(.twa\:\*\*\:data-\[slot\=kbd\]\:rounded-sm *) {
3110
+ border-radius: var(--twa-radius-sm);
3111
+ }
3112
+ [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:line-clamp-1 > *) {
3113
+ overflow: hidden;
3114
+ display: -webkit-box;
3115
+ -webkit-box-orient: vertical;
3116
+ -webkit-line-clamp: 1;
3117
+ }
3118
+ [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:flex > *) {
3119
+ display: flex;
3120
+ }
3121
+ [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:items-center > *) {
3122
+ align-items: center;
3123
+ }
3124
+ [data-slot="select-value"]:is(.twa\:\*\:data-\[slot\=select-value\]\:gap-1\.5 > *) {
3125
+ gap: calc(var(--ab-base-space) * 1.5);
3126
+ }
3127
+ .twa\:data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
3128
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
3129
+ }
3130
+ .twa\:data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
3131
+ --tw-enter-opacity: calc(0/100);
3132
+ --tw-enter-opacity: 0;
3133
+ }
3134
+ .twa\:data-\[state\=delayed-open\]\:zoom-in-95[data-state="delayed-open"] {
3135
+ --tw-enter-scale: calc(95*1%);
3136
+ --tw-enter-scale: .95;
3137
+ }
3138
+ .twa\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
3139
+ color: var(--ab-color-destructive);
3140
+ }
3141
+ .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
3142
+ background-color: var(--ab-color-destructive);
3143
+ }
3144
+ @supports (color: color-mix(in lab, red, red)) {
3145
+ .twa\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
3146
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 10%, transparent);
3147
+ }
3148
+ }
3149
+ .twa\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
3150
+ color: var(--ab-color-destructive);
3151
+ }
3152
+ @media (width >= 48rem) {
3153
+ .twa\:md\:grid-cols-\[1fr_1fr\] {
3154
+ grid-template-columns: 1fr 1fr;
3155
+ }
3156
+ }
3157
+ @media (width >= 48rem) {
3158
+ .twa\:md\:flex-row {
3159
+ flex-direction: row;
3160
+ }
3161
+ }
3162
+ @media (width >= 48rem) {
3163
+ .twa\:md\:justify-between {
3164
+ justify-content: space-between;
3165
+ }
3166
+ }
3167
+ @media (width >= 48rem) {
3168
+ .twa\:md\:gap-3 {
3169
+ gap: calc(var(--ab-base-space) * 3);
3170
+ }
3171
+ }
3172
+ @media (width >= 48rem) {
3173
+ .twa\:md\:text-sm {
3174
+ font-size: var(--ab-font-size-3);
3175
+ line-height: var(--tw-leading, var(--twa-text-sm--line-height));
3176
+ }
3177
+ }
3178
+ @media (width >= 64rem) {
3179
+ .twa\:lg\:grid {
3180
+ display: grid;
3181
+ }
3182
+ }
3183
+ @media (width >= 64rem) {
3184
+ .twa\:lg\:flex-row {
3185
+ flex-direction: row;
3186
+ }
3187
+ }
3188
+ @media (width >= 64rem) {
3189
+ .twa\:lg\:gap-3 {
3190
+ gap: calc(var(--ab-base-space) * 3);
3191
+ }
3192
+ }
3193
+ .twa\:dark\:border-input:is(.ab--theme-dark *) {
3194
+ border-color: var(--ab-color-input-border);
3195
+ }
3196
+ .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
3197
+ background-color: var(--ab-color-destructive);
3198
+ }
3199
+ @supports (color: color-mix(in lab, red, red)) {
3200
+ .twa\:dark\:bg-destructive\/20:is(.ab--theme-dark *) {
3201
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3202
+ }
3203
+ }
3204
+ .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
3205
+ background-color: var(--ab-color-input-border);
3206
+ }
3207
+ @supports (color: color-mix(in lab, red, red)) {
3208
+ .twa\:dark\:bg-input\/30:is(.ab--theme-dark *) {
3209
+ background-color: color-mix(in oklab, var(--ab-color-input-border) 30%, transparent);
3210
+ }
3211
+ }
3212
+ .twa\:dark\:bg-transparent:is(.ab--theme-dark *) {
3213
+ background-color: transparent;
3214
+ }
3215
+ @media (hover: hover) {
3216
+ .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
3217
+ background-color: var(--ab-color-destructive);
3218
+ }
3219
+ @supports (color: color-mix(in lab, red, red)) {
3220
+ .twa\:dark\:hover\:bg-destructive\/30:is(.ab--theme-dark *):hover {
3221
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 30%, transparent);
3222
+ }
3223
+ }
3224
+ }
3225
+ @media (hover: hover) {
3226
+ .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
3227
+ background-color: var(--ab-color-input-border);
3228
+ }
3229
+ @supports (color: color-mix(in lab, red, red)) {
3230
+ .twa\:dark\:hover\:bg-input\/50:is(.ab--theme-dark *):hover {
3231
+ background-color: color-mix(in oklab, var(--ab-color-input-border) 50%, transparent);
3232
+ }
3233
+ }
3234
+ }
3235
+ @media (hover: hover) {
3236
+ .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
3237
+ background-color: var(--ab-color-muted);
3238
+ }
3239
+ @supports (color: color-mix(in lab, red, red)) {
3240
+ .twa\:dark\:hover\:bg-muted\/50:is(.ab--theme-dark *):hover {
3241
+ background-color: color-mix(in oklab, var(--ab-color-muted) 50%, transparent);
3242
+ }
3243
+ }
3244
+ }
3245
+ @media (hover: hover) {
3246
+ .twa\:dark\:hover\:text-foreground:is(.ab--theme-dark *):hover {
3247
+ color: var(--ab-color-foreground);
3248
+ }
3249
+ }
3250
+ .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
3251
+ --tw-ring-color: var(--ab-color-destructive);
3252
+ }
3253
+ @supports (color: color-mix(in lab, red, red)) {
3254
+ .twa\:dark\:focus-visible\:ring-destructive\/40:is(.ab--theme-dark *):focus-visible {
3255
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
3256
+ }
3257
+ }
3258
+ .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
3259
+ border-color: var(--ab-color-destructive);
3260
+ }
3261
+ @supports (color: color-mix(in lab, red, red)) {
3262
+ .twa\:dark\:has-aria-invalid\:border-destructive\/50:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
3263
+ border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
3264
+ }
3265
+ }
3266
+ .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
3267
+ --tw-ring-color: var(--ab-color-destructive);
3268
+ }
3269
+ @supports (color: color-mix(in lab, red, red)) {
3270
+ .twa\:dark\:has-aria-invalid\:ring-destructive\/40:is(.ab--theme-dark *):has(*[aria-invalid="true"]) {
3271
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
3272
+ }
3273
+ }
3274
+ .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(*:is([data-slot][aria-invalid=true])) {
3275
+ --tw-ring-color: var(--ab-color-destructive);
3276
+ }
3277
+ @supports (color: color-mix(in lab, red, red)) {
3278
+ .twa\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ab--theme-dark *):has(*:is([data-slot][aria-invalid=true])) {
3279
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
3280
+ }
3281
+ }
3282
+ .twa\:dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"]:is(.ab--theme-dark *) {
3283
+ border-color: var(--ab-color-destructive);
3284
+ }
3285
+ @supports (color: color-mix(in lab, red, red)) {
3286
+ .twa\:dark\:aria-invalid\:border-destructive\/50[aria-invalid="true"]:is(.ab--theme-dark *) {
3287
+ border-color: color-mix(in oklab, var(--ab-color-destructive) 50%, transparent);
3288
+ }
3289
+ }
3290
+ .twa\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"]:is(.ab--theme-dark *) {
3291
+ --tw-ring-color: var(--ab-color-destructive);
3292
+ }
3293
+ @supports (color: color-mix(in lab, red, red)) {
3294
+ .twa\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"]:is(.ab--theme-dark *) {
3295
+ --tw-ring-color: color-mix(in oklab, var(--ab-color-destructive) 40%, transparent);
3296
+ }
3297
+ }
3298
+ .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:is(.ab--theme-dark *):focus {
3299
+ background-color: var(--ab-color-destructive);
3300
+ }
3301
+ @supports (color: color-mix(in lab, red, red)) {
3302
+ .twa\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:is(.ab--theme-dark *):focus {
3303
+ background-color: color-mix(in oklab, var(--ab-color-destructive) 20%, transparent);
3304
+ }
3305
+ }
3306
+ .twa\:\[\&_p\]\:text-primary-foreground p {
3307
+ color: var(--ab-color-primary-foreground);
3308
+ }
3309
+ .twa\:\[\&_svg\]\:pointer-events-none svg {
3310
+ pointer-events: none;
3311
+ }
3312
+ .twa\:\[\&_svg\]\:shrink-0 svg {
3313
+ flex-shrink: 0;
3314
+ }
3315
+ .twa\:\[\&_svg\]\:align-middle svg {
3316
+ vertical-align: middle;
3317
+ }
3318
+ .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*=size-]) {
3319
+ width: calc(var(--ab-base-space) * 3);
3320
+ height: calc(var(--ab-base-space) * 3);
3321
+ }
3322
+ .twa\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
3323
+ width: calc(var(--ab-base-space) * 4);
3324
+ height: calc(var(--ab-base-space) * 4);
3325
+ }
3326
+ .twa\:\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-standard[data-selected=true]:first-child button {
3327
+ border-top-left-radius: var(--ab-border-radius);
3328
+ border-bottom-left-radius: var(--ab-border-radius);
3329
+ }
3330
+ .twa\:\[\.border-b\]\:pb-2:is(.border-b) {
3331
+ padding-bottom: calc(var(--ab-base-space) * 2);
3332
+ }
3333
+ .twa\:\[\.border-t\]\:pt-2:is(.border-t) {
3334
+ padding-top: calc(var(--ab-base-space) * 2);
3335
+ }
3336
+ :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) *):is(.rdp-button_next > svg) {
3337
+ rotate: 180deg;
3338
+ }
3339
+ :is(.twa\:rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) *):is(.rdp-button_previous > svg) {
3340
+ rotate: 180deg;
3341
+ }
3342
+ :is(.twa\:\*\:\[\[role\=button\]\]\:absolute > *):is([role=button]) {
3343
+ position: absolute;
3344
+ }
3345
+ :is(.twa\:\*\:\[\[role\=button\]\]\:inset-x-0\.5 > *):is([role=button]) {
3346
+ inset-inline: calc(var(--ab-base-space) * 0.5);
3347
+ }
3348
+ :is(.twa\:\*\:\[\[role\=button\]\]\:inset-y-0\.5 > *):is([role=button]) {
3349
+ inset-block: calc(var(--ab-base-space) * 0.5);
3350
+ }
3351
+ :is(.twa\:\*\:\[\[role\=button\]\]\:h-auto > *):is([role=button]) {
3352
+ height: auto;
3353
+ }
3354
+ :is(.twa\:\*\:\[\[role\=button\]\]\:rounded-input > *):is([role=button]) {
3355
+ border-radius: var(--ab-border-radius-input);
3356
+ }
3357
+ :is(.twa\:\*\:\[input\]\:absolute > *):is(input) {
3358
+ position: absolute;
3359
+ }
3360
+ :is(.twa\:\*\:\[input\]\:inset-x-0\.5 > *):is(input) {
3361
+ inset-inline: calc(var(--ab-base-space) * 0.5);
3362
+ }
3363
+ :is(.twa\:\*\:\[input\]\:inset-y-0\.5 > *):is(input) {
3364
+ inset-block: calc(var(--ab-base-space) * 0.5);
3365
+ }
3366
+ :is(.twa\:\*\:\[input\]\:h-auto > *):is(input) {
3367
+ height: auto;
3368
+ }
3369
+ :is(.twa\:\*\:\[input\]\:rounded-input > *):is(input) {
3370
+ border-radius: var(--ab-border-radius-input);
3371
+ }
3372
+ :is(.twa\:\*\*\:\[input\]\:min-h-auto\! *):is(input) {
3373
+ min-height: auto !important;
3374
+ }
3375
+ :is(.twa\:\*\:\[span\]\:last\:flex > *):is(span):last-child {
3376
+ display: flex;
3377
+ }
3378
+ :is(.twa\:\*\:\[span\]\:last\:items-center > *):is(span):last-child {
3379
+ align-items: center;
3380
+ }
3381
+ :is(.twa\:\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
3382
+ gap: calc(var(--ab-base-space) * 2);
3383
+ }
3384
+ :is(.twa\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
3385
+ color: var(--ab-color-destructive);
3386
+ }
3387
+ .twa\:\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-standard[data-selected=true]:last-child button {
3388
+ border-top-right-radius: var(--ab-border-radius);
3389
+ border-bottom-right-radius: var(--ab-border-radius);
3390
+ }
3391
+ .twa\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-standard[data-selected=true]:nth-child(2) button {
3392
+ border-top-left-radius: var(--ab-border-radius);
3393
+ border-bottom-left-radius: var(--ab-border-radius);
3394
+ }
3395
+ .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-l\! > *:not(:first-child) {
3396
+ border-left-style: var(--tw-border-style) !important;
3397
+ border-left-width: 1px !important;
3398
+ }
3399
+ .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-input-border\! > *:not(:first-child) {
3400
+ border-color: var(--ab-color-input-border) !important;
3401
+ }
3402
+ .twa\:\[\&\>input\]\:max-h-\[calc\(var\(--ab-input-height\)-1\.5\*var\(--ab-base-space\)\)\]\! > input {
3403
+ max-height: calc(var(--ab-input-height) - 1.5 * var(--ab-base-space)) !important;
3404
+ }
3405
+ .twa\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
3406
+ padding-top: calc(var(--ab-base-space) * 3);
3407
+ }
3408
+ .twa\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
3409
+ padding-bottom: calc(var(--ab-base-space) * 3);
3410
+ }
3411
+ .twa\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
3412
+ padding-right: calc(var(--ab-base-space) * 1.5);
3413
+ }
3414
+ .twa\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
3415
+ padding-left: calc(var(--ab-base-space) * 1.5);
3416
+ }
3417
+ .twa\:\[\&\>kbd\]\:rounded-\[calc\(var\(--ab-border-radius\)\)\] > kbd {
3418
+ border-radius: calc(var(--ab-border-radius));
1663
3419
  }
1664
- .twa\:focus\:outline-accent:focus {
1665
- outline-color: var(--ab-color-accent);
3420
+ .twa\:\[\&\>span\]\:text-xs > span {
3421
+ font-size: var(--twa-text-xs);
3422
+ line-height: var(--tw-leading, var(--twa-text-xs--line-height));
1666
3423
  }
1667
- .twa\:focus\:outline-none:focus {
1668
- --tw-outline-style: none;
1669
- outline-style: none;
3424
+ .twa\:\[\&\>span\]\:opacity-70 > span {
3425
+ opacity: 70%;
1670
3426
  }
1671
- [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
1672
- background-color: var(--ab-color-accent);
3427
+ .twa\:\[\&\>svg\]\:size-3\.5 > svg {
3428
+ width: calc(var(--ab-base-space) * 3.5);
3429
+ height: calc(var(--ab-base-space) * 3.5);
1673
3430
  }
1674
- [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
1675
- color: var(--ab-color-accent-foreground);
3431
+ .twa\:\[\&\>svg\]\:text-muted-foreground > svg {
3432
+ color: var(--ab-color-muted-foreground);
1676
3433
  }
1677
- @media (width >= 48rem) {
1678
- .twa\:md\:grid-cols-\[1fr_1fr\] {
1679
- grid-template-columns: 1fr 1fr;
1680
- }
3434
+ .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
3435
+ width: calc(var(--ab-base-space) * 3.5);
3436
+ height: calc(var(--ab-base-space) * 3.5);
1681
3437
  }
1682
- @media (width >= 48rem) {
1683
- .twa\:md\:justify-between {
1684
- justify-content: space-between;
1685
- }
3438
+ .twa\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
3439
+ width: calc(var(--ab-base-space) * 4);
3440
+ height: calc(var(--ab-base-space) * 4);
1686
3441
  }
1687
- @media (width >= 48rem) {
1688
- .twa\:md\:gap-3 {
1689
- gap: calc(var(--ab-base-space) * 3);
1690
- }
3442
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:absolute {
3443
+ position: absolute;
1691
3444
  }
1692
- @media (width >= 64rem) {
1693
- .twa\:lg\:grid {
1694
- display: grid;
1695
- }
3445
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-x-0 {
3446
+ inset-inline: calc(var(--ab-base-space) * 0);
1696
3447
  }
1697
- @media (width >= 64rem) {
1698
- .twa\:lg\:flex-row {
1699
- flex-direction: row;
1700
- }
3448
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:inset-y-0\.5 {
3449
+ inset-block: calc(var(--ab-base-space) * 0.5);
1701
3450
  }
1702
- @media (width >= 64rem) {
1703
- .twa\:lg\:gap-3 {
1704
- gap: calc(var(--ab-base-space) * 3);
1705
- }
3451
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:min-h-auto\! {
3452
+ min-height: auto !important;
1706
3453
  }
1707
- .twa\:\[\&_svg\]\:align-middle svg {
1708
- vertical-align: middle;
3454
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:border-none {
3455
+ --tw-border-style: none;
3456
+ border-style: none;
1709
3457
  }
1710
- .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-l\! > *:not(:first-child) {
1711
- border-left-style: var(--tw-border-style) !important;
1712
- border-left-width: 1px !important;
3458
+ .ab-FloatingFilter .twa\:\[\.ab-FloatingFilter_\&\]\:shadow-none {
3459
+ --tw-shadow: 0 0 #0000;
3460
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1713
3461
  }
1714
- .twa\:\[\&\>\*\:not\(\:first-child\)\]\:border-inputborder\! > *:not(:first-child) {
1715
- border-color: var(--ab-color-inputborder) !important;
3462
+ [data-popup-open] .twa\:\[\[data-popup-open\]_\&\]\:rotate-180 {
3463
+ rotate: 180deg;
1716
3464
  }
1717
3465
  }
1718
3466
  @layer adaptable.components {
@@ -3674,9 +5422,14 @@
3674
5422
  --ab-font-size-7: calc(var(--ab-base-font-size) * 2.25);
3675
5423
  --ab-input-height: 36px;
3676
5424
  --ab__font-family: inherit;
3677
- --ab__border-radius: var(--ab-base-space);
3678
- --ab-color-inputborder: var(--ab-color-primarydark);
3679
- --ab-color-inputcolor: var(--ab-color-text-on-primary);
5425
+ --ab-border-radius: var(--ab__border-radius, var(--ab-base-space));
5426
+ --ab-border-radius-input: var(--ab-border-radius);
5427
+ --ab-border-radius-button: var(--ab-border-radius);
5428
+ --ab-color-defaultbackground: white;
5429
+ --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
5430
+ --ab-color-input-border: var(--ab-color-inputborder, var(--ab-color-primarydark));
5431
+ --ab-color-input-background: var(--ab-color-background);
5432
+ --ab-color-input-foreground: var(--ab-color-inputcolor, var(--ab-color-text-on-primary));
3680
5433
  --ab-color-error: #dc3545;
3681
5434
  --ab-color-warn: #eb9316;
3682
5435
  --ab-color-info: #17a2b8;
@@ -3684,6 +5437,38 @@
3684
5437
  --ab-color-accent: #07c;
3685
5438
  --ab-color-accent-foreground: #e2e2e2;
3686
5439
  --ab-color-accentlight: #dbf0ff;
5440
+ --ab-color-palette-1: #fde8e8;
5441
+ --ab-color-palette-2: #9b2c2c;
5442
+ --ab-color-palette-3: #fff8e1;
5443
+ --ab-color-palette-4: #975a16;
5444
+ --ab-color-palette-5: #e6f4ea;
5445
+ --ab-color-palette-6: #276749;
5446
+ --ab-color-palette-7: #e6f2ff;
5447
+ --ab-color-palette-8: #2b6cb0;
5448
+ --ab-color-palette-9: #edf2f7;
5449
+ --ab-color-palette-10: #4a5568;
5450
+ --ab-color-palette-11: #f3e8ff;
5451
+ --ab-color-palette-12: #553c9a;
5452
+ --ab-color-swatch-1: #000000;
5453
+ --ab-color-swatch-2: #ffffff;
5454
+ --ab-color-swatch-3: #d3d3d3;
5455
+ --ab-color-swatch-4: #808080;
5456
+ --ab-color-swatch-5: #a52a2a;
5457
+ --ab-color-swatch-6: #006400;
5458
+ --ab-color-swatch-7: #008000;
5459
+ --ab-color-swatch-8: #32cd32;
5460
+ --ab-color-swatch-9: #ffff00;
5461
+ --ab-color-swatch-10: #ffffe0;
5462
+ --ab-color-swatch-11: #00008b;
5463
+ --ab-color-swatch-12: #0000ff;
5464
+ --ab-color-swatch-13: #87cefa;
5465
+ --ab-color-swatch-14: #00ffff;
5466
+ --ab-color-swatch-15: #ff00ff;
5467
+ --ab-color-swatch-16: #800080;
5468
+ --ab-color-swatch-17: #8b0000;
5469
+ --ab-color-swatch-18: #ff0000;
5470
+ --ab-color-swatch-19: #dc143c;
5471
+ --ab-color-swatch-20: #ffa500;
3687
5472
  --ab-color-text-on-success: white;
3688
5473
  --ab-color-text-on-error: white;
3689
5474
  --ab-color-text-on-info: white;
@@ -3696,30 +5481,41 @@
3696
5481
  --ab-color-text-on-share: white;
3697
5482
  --ab-color-text-on-delete: white;
3698
5483
  --ab-color-text-on-clone: white;
3699
- --ab-color-defaultbackground: white;
3700
- --ab-color-text-on-defaultbackground: var(--ab-color-text-on-primary);
3701
5484
  --ab-color-primary: #e9e9e9;
5485
+ --ab-color-primary-foreground: #656565;
3702
5486
  --ab-color-primarydark: #b7b7b7;
3703
5487
  --ab-color-primarylight: #f5f5f5;
3704
- --ab-color-text-on-primary: #656565;
3705
- --ab-color-primary-foreground: var(--ab-color-text-on-primary);
3706
- --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
3707
- --ab-color-focus: var(--ab-color-accent);
3708
- --ab-color-filtered-columns: var(--ab-color-text-on-primary);
3709
- --ab-color-filtered-columns-background: var(--ab-color-primary);
5488
+ --ab-color-text-on-primary: var(--ab-color-primary-foreground);
5489
+ --ab-color-text-on-primarydark: var(--ab-color-primary-foreground);
3710
5490
  --ab-color-shadow: rgb(0 0 0 / 0.2);
3711
5491
  --ab-shadow-sm: 0 0px 3px 0 var(--ab-color-shadow), 0 1px 2px -1px var(--ab-color-shadow);
3712
5492
  --ab-shadow-md: 0 -2px 6px -1px var(--ab-color-shadow), 0 2px 4px -2px var(--ab-color-shadow);
3713
- --ab-focus__box-shadow: 0 0px 5px 0 var(--ab-color-accent), 0 1px 2px -1px var(--ab-color-accent);
5493
+ --ab-focus__box-shadow: 0 0px 5px 0 var(--ab-color-ring), 0 1px 2px -1px var(--ab-color-ring);
3714
5494
  --ab-focus-light__box-shadow: 0 0px 5px 0 var(--ab-color-accentlight),
3715
5495
  0 1px 2px -1px var(--ab-color-accentlight);
3716
5496
  --ab-focus-within__box-shadow: 0 0 5px 1px var(--ab-color-text-on-primary);
3717
5497
  --ab-focus__outline: none;
5498
+ --ab-color-background: var(--ab-color-defaultbackground, oklch(1 0 0));
5499
+ --ab-color-foreground: var(--ab-color-text-on-defaultbackground);
5500
+ --ab-color-popover: var(--ab-color-background);
5501
+ --ab-color-popover-foreground: var(--ab-color-foreground);
5502
+ --ab-color-secondary: oklch(0.97 0 0);
5503
+ --ab-color-secondary-foreground: oklch(0.205 0 0);
5504
+ --ab-color-muted: var(--ab-color-primarylight);
5505
+ --ab-color-muted-foreground: var(--ab-color-input-foreground);
5506
+ --ab-color-destructive: oklch(0.577 0.245 27.325);
5507
+ --ab-color-destructive-foreground: oklch(0.577 0.245 27.325);
5508
+ --ab-color-border: oklch(0.922 0 0);
5509
+ --ab-color-ring: var(--ab-color-accent);
3718
5510
  --ab-icon-fill: currentColor;
3719
5511
  --ab-custom-scrollbar-size: 10px;
3720
5512
  --ab-grid-row-height: 35px;
3721
5513
  --ab-loaded: 777;
3722
5514
  --ab_flex-direction: column;
5515
+ --ab-tree-indent-size: var(--ag-row-group-indent-size, 16px);
5516
+ }
5517
+ :root {
5518
+ --ab-gridheader--filtered__background: var(--ab-color-primary);
3723
5519
  }
3724
5520
  .infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default.infinite-theme-name--default {
3725
5521
  --infinite-cell-border-radius: 0px;
@@ -3746,30 +5542,39 @@
3746
5542
  }
3747
5543
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
3748
5544
  font-weight: bolder !important;
3749
- color: var(--ab-color-filtered-columns) !important;
3750
- background: var(--ab-color-filtered-columns-background) !important;
5545
+ background: var(--ab-gridheader--filtered__background) !important;
3751
5546
  }
3752
5547
  .ab-Grid .ag-pivot-mode-panel {
3753
5548
  display: none !important;
3754
5549
  }
3755
- .ab-QuickSearchFind .ag-find-match {
3756
- background-color: var( --ab-dynamic-background-color, var(--ag-find-match-background-color) ) !important;
3757
- color: var(--ab-dynamic-color, var(--ag-find-match-color)) !important;
3758
- font-weight: var(--ab-dynamic-font-weight) !important;
3759
- font-style: var(--ab-dynamic-font-style) !important;
3760
- font-size: var(--ab-dynamic-font-size) !important;
3761
- text-decoration: var(--ab-dynamic-text-decoration) !important;
3762
- border-radius: var(--ab-dynamic-border-radius) !important;
3763
- border-color: var(--ab-dynamic-border-color) !important;
5550
+ .ab-Grid .ag-find-match, .ab-QuickSearchFind .ag-find-match {
5551
+ background-color: var( --ab-qs-text-background-color, var(--ab-dynamic-background-color, var(--ag-find-match-background-color)) ) !important;
5552
+ color: var( --ab-qs-text-color, var(--ab-dynamic-color, var(--ag-find-match-color)) ) !important;
5553
+ font-weight: var(--ab-qs-text-font-weight, var(--ab-dynamic-font-weight)) !important;
5554
+ font-style: var(--ab-qs-text-font-style, var(--ab-dynamic-font-style)) !important;
5555
+ font-size: var(--ab-qs-text-font-size, var(--ab-dynamic-font-size)) !important;
5556
+ text-decoration: var( --ab-qs-text-text-decoration, var(--ab-dynamic-text-decoration) ) !important;
5557
+ border-radius: var( --ab-qs-text-border-radius, var(--ab-dynamic-border-radius) ) !important;
5558
+ border-color: var(--ab-qs-text-border-color, var(--ab-dynamic-border-color)) !important;
5559
+ }
5560
+ .ab-Grid .ag-find-active-match, .ab-QuickSearchFind .ag-find-active-match {
5561
+ background-color: var( --ab-qs-current-background-color, var(--ab-qs-text-background-color, var(--ag-find-match-background-color)) ) !important;
5562
+ color: var( --ab-qs-current-color, var(--ab-qs-text-color, var(--ag-find-match-color)) ) !important;
5563
+ font-weight: var( --ab-qs-current-font-weight, var(--ab-qs-text-font-weight) ) !important;
5564
+ font-style: var( --ab-qs-current-font-style, var(--ab-qs-text-font-style) ) !important;
5565
+ font-size: var(--ab-qs-current-font-size, var(--ab-qs-text-font-size)) !important;
5566
+ text-decoration: var( --ab-qs-current-text-decoration, var(--ab-qs-text-text-decoration) ) !important;
5567
+ border-radius: var( --ab-qs-current-border-radius, var(--ab-qs-text-border-radius) ) !important;
5568
+ border-color: var( --ab-qs-current-border-color, var(--ab-qs-text-border-color) ) !important;
3764
5569
  }
3765
5570
  :root {
3766
- --ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
3767
- --ab-cmp-checkbox__background: var(--ab-cmp-input__background);
3768
- --ab-cmp-checkbox--checked__background: var(--ab-color-focus);
5571
+ --ab-cmp-checkbox__border-color: var(--ab-color-input-border);
5572
+ --ab-cmp-checkbox__background: var(--ab-color-input-background);
5573
+ --ab-cmp-checkbox--checked__background: var(--ab-color-accent);
3769
5574
  --ab-cmp-checkbox--check-size: 16px;
3770
5575
  --ab-cmp-checkbox--check__color: white;
3771
5576
  --ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
3772
- --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
5577
+ --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-accent);
3773
5578
  --ab-cmp-checkbox--check-indeterminate-radius: 2px;
3774
5579
  }
3775
5580
  .ab-CheckBox--variant-agGrid {
@@ -3832,9 +5637,6 @@
3832
5637
  left: 10px;
3833
5638
  top: 20px;
3834
5639
  }
3835
- .ab-QueryBuilder-predicate-editor__root-actions {
3836
- padding-top: 10px;
3837
- }
3838
5640
  .ab-QueryBuilder-predicate-editor__root-actions:before {
3839
5641
  content: '';
3840
5642
  display: block;
@@ -3854,40 +5656,15 @@
3854
5656
  left: 8px;
3855
5657
  }
3856
5658
  :root {
3857
- --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
3858
- --ab-cmp-dropdown--empty__color: var(--ab-color-text-on-defaultbackground);
3859
- --ab-cmp-dropdown__border: 1px solid var(--ab-color-inputborder);
3860
- --ab-cmp-dropdown__border-radius: var(--ab__border-radius);
3861
- --ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
5659
+ --ab-cmp-dropdown__color: var(--ab-color-input-foreground);
5660
+ --ab-cmp-dropdown--empty__color: var(--ab-color-foreground);
5661
+ --ab-cmp-dropdown__border: 1px solid var(--ab-color-input-border);
5662
+ --ab-cmp-dropdown__border-radius: var(--ab-border-radius);
5663
+ --ab-cmp-dropdown__fill: var(--ab-color-foreground);
3862
5664
  --ab-cmp-dropdown__font-size: var(--ab-font-size-2);
3863
5665
  --ab-cmp-dropdown__font-family: var(--ab__font-family);
3864
5666
  --ab-cmp-dropdown__padding: calc(var(--ab-base-space) * 2);
3865
5667
  }
3866
- :root {
3867
- --ab-cmp-select__font-size: var(--ab-font-size-3);
3868
- --ab-cmp-select__font-family: var(--ab__font-family);
3869
- --ab-cmp-select__color: var(--ab-cmp-input__color);
3870
- --ab-cmp-select-focused__box-shadow: var(--ab-focus__box-shadow);
3871
- --ab-cmp-select-focused__outline: var(--ab-focus__outline);
3872
- --ab-cmp-select__border: var(--ab-cmp-input__border);
3873
- --ab-cmp-select__border-radius: var(--ab-cmp-input__border-radius);
3874
- --ab-cmp-select-menu__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
3875
- --ab-cmp-select-menu__min-width: 150px;
3876
- --ab-cmp-select-menu__max-width: 60vw;
3877
- --ab-cmp-select-menu__max-height: 60vh;
3878
- --ab-cmp-select-menu__min-height: 25rem;
3879
- --ab-cmp-select-option-active__background: var(
3880
- --ab-cmp-dropdownbutton-list-item-active__background
3881
- );
3882
- --ab-cmp-select-option-active__color: var(--ab-cmp-dropdownbutton-list-item-active__color);
3883
- --ab-cmp-select-option-focused__background: var(
3884
- --ab-cmp-dropdownbutton-list-item-hover__background
3885
- );
3886
- --ab-cmp-select-multi-value__background: var(--ab-cmp-input__background);
3887
- --ab-cmp-select-loading__background: rgba(0, 0, 0, 0.3);
3888
- --ab-cmp-select-min-height: auto;
3889
- --ab-cmp-select-max-width: 60vw;
3890
- }
3891
5668
  :root {
3892
5669
  --ab-cmp-dropdownbutton-list__border: none;
3893
5670
  --ab-cmp-dropdownbutton-list__background: var(--ab-color-primarylight);
@@ -3898,25 +5675,25 @@
3898
5675
  --ab-cmp-dropdownbutton-list-item-active__color: var(--ab-color-on-primarydark);
3899
5676
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
3900
5677
  --ab-cmp-dropdownbutton-list__z-index: 1000;
3901
- --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
5678
+ --ab-cmp-dropdownbutton-list__border-radius: var(--ab-border-radius);
3902
5679
  --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
3903
5680
  -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
3904
5681
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
3905
5682
  }
3906
5683
  :root {
3907
- --ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
3908
- --ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
5684
+ --ab-cmp-field-wrap__background: var(--ab-color-input-background);
5685
+ --ab-cmp-field-wrap__fill: var(--ab-color-input-foreground);
3909
5686
  --ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
3910
5687
  }
3911
5688
  :root {
3912
5689
  --ab-cmp-input__padding: calc(var(--ab-base-space) * 2);
3913
- --ab-cmp-input__color: var(--ab-color-inputcolor);
3914
- --ab-cmp-input__background: var(--ab-color-defaultbackground);
3915
- --ab-cmp-input__border-radius: var(--ab__border-radius);
3916
- --ab-cmp-input__border: 1px solid var(--ab-color-inputborder);
5690
+ --ab-cmp-input__color: var(--ab-color-input-foreground);
5691
+ --ab-cmp-input__background: var(--ab-color-input-background);
5692
+ --ab-cmp-input__border-radius: var(--ab-border-radius);
5693
+ --ab-cmp-input__border: 1px solid var(--ab-color-input-border);
3917
5694
  --ab-cmp-input--disabled__background: var(--ab-color-primarylight);
3918
- --ab-cmp-input__font-size: var(--ab-font-size-2);
3919
- --ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
5695
+ --ab-cmp-input__font-size: var(--ab-font-size-3);
5696
+ --ab-cmp-input--placeholder__color: var(--ab-color-foreground);
3920
5697
  --ab-cmp-input__font-family: var(--ab__font-family);
3921
5698
  --ab-cmp-input--placeholder__opacity: 0.6;
3922
5699
  }
@@ -3932,9 +5709,9 @@
3932
5709
  --ab-cmp-panel_header__background: var(--ab-color-primary);
3933
5710
  --ab-cmp-panel_header__font-size: var(--ab-font-size-3);
3934
5711
  --ab-cmp-panel__font-size: var(--ab-font-size-3);
3935
- --ab-cmp-panel__border-radius: var(--ab__border-radius);
5712
+ --ab-cmp-panel__border-radius: var(--ab-border-radius);
3936
5713
  --ab-cmp-panel__max-height: 80vh;
3937
- --ab-cmp-panel__border: 1px solid var(--ab-color-inputborder);
5714
+ --ab-cmp-panel__border: 1px solid var(--ab-color-input-border);
3938
5715
  --ab-cmp-panel-icon__fill: var(--ab-icon-fill);
3939
5716
  --ab-cmp-panel_header__padding: calc(var(--ab-base-space) * 2);
3940
5717
  --ab-cmp-panel_header__color: var(--ab-color-text-on-primary);
@@ -3953,19 +5730,19 @@
3953
5730
  }
3954
5731
  :root {
3955
5732
  --ab-cmp-textarea__padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
3956
- --ab-cmp-textarea__border-radius: var(--ab__border-radius);
3957
- --ab-cmp-textarea__border: 1px solid var(--ab-color-inputborder);
5733
+ --ab-cmp-textarea__border-radius: var(--ab-border-radius);
5734
+ --ab-cmp-textarea__border: 1px solid var(--ab-color-input-border);
3958
5735
  --ab-cmp-textarea__color: var(--ab-cmp-input__color);
3959
5736
  --ab-cmp-textarea__font-size: var(--ab-font-size-3);
3960
5737
  --ab-cmp-textarea__font-family: var(--ab__font-family);
3961
- --ab-cmp-textarea__background: var(--ab-cmp-input__background);
5738
+ --ab-cmp-textarea__background: var(--ab-color-input-background);
3962
5739
  --ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
3963
5740
  }
3964
5741
  :root {
3965
5742
  --ab-cmp-tooltip__opacity: 0.96;
3966
5743
  --ab-cmp-tooltip__background: var(--ab-color-primary);
3967
5744
  --ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
3968
- --ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
5745
+ --ab-cmp-tooltip__border: solid 1px var(--ab-color-input-border);
3969
5746
  --ab-cmp-tooltip__font-size: var(--ab-font-size-2);
3970
5747
  }
3971
5748
  :root {
@@ -4021,7 +5798,7 @@
4021
5798
  }
4022
5799
  :root {
4023
5800
  --ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
4024
- --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab__border-radius);
5801
+ --ab-cmp-module-module-selector__tab-item__border-radius: var(--ab-border-radius);
4025
5802
  --ab-cmp-module-module-selector__tab-item__width: 160px;
4026
5803
  --ab-cmp-module-module-selector__tab-item__header-input__color: var(--ab-color-text-on-primary);
4027
5804
  --ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
@@ -4042,15 +5819,20 @@
4042
5819
  --ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
4043
5820
  }
4044
5821
  :root {
4045
- --ab-cmp-badge__padding: 5px;
4046
- --ab-cmp-badge__gap: 3px;
5822
+ --ab-cmp-badge__padding: 3px 8px;
5823
+ --ab-cmp-badge__gap: 4px;
5824
+ --ab-cmp-badge__padding-compact: 1px 6px;
5825
+ --ab-cmp-badge__gap-compact: 3px;
5826
+ --ab-cmp-badge__padding-comfortable: 5px 12px;
5827
+ --ab-cmp-badge__gap-comfortable: 6px;
5828
+ --ab-cmp-badge__spacing: 4px;
4047
5829
  }
4048
5830
  :root {
4049
- --ab-cmp-icon-selector__popup__color: var(--ab-color-inputcolor);
5831
+ --ab-cmp-icon-selector__popup__color: var(--ab-color-input-foreground);
4050
5832
  --ab-cmp-icon-selector__popup__background: var(--ab-color-defaultbackground);
4051
- --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-inputborder);
5833
+ --ab-cmp-icon-selector__popup__border: 1px solid var(--ab-color-input-border);
4052
5834
  --ab-cmp-icon-selector__popup__padding: calc(var(--ab-base-space) * 2);
4053
- --ab-cmp-icon-selector__popup__border-radius: var(--ab__border-radius);
5835
+ --ab-cmp-icon-selector__popup__border-radius: var(--ab-border-radius);
4054
5836
  }
4055
5837
  :root {
4056
5838
  --adaptable-quick-search-floating-padding: var(--ab-base-space) calc(var(--ab-base-space) * 2);
@@ -4107,16 +5889,16 @@
4107
5889
  --ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
4108
5890
  }
4109
5891
  :root {
4110
- --ab-cmp-popover__border-radius: var(--ab__border-radius);
5892
+ --ab-cmp-popover__border-radius: var(--ab-border-radius);
4111
5893
  --ab-cmp-popover__background: var(--ab-color-defaultbackground);
4112
- --ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
5894
+ --ab-cmp-popover__color: var(--ab-color-foreground);
4113
5895
  --ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
4114
5896
  --ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
4115
5897
  }
4116
5898
  .ab-OnePageWizard__section {
4117
5899
  background: var(--ab-cmp-one-page-wizard-content__background);
4118
5900
  overflow: auto;
4119
- border-radius: var(--ab__border-radius);
5901
+ border-radius: var(--ab-border-radius);
4120
5902
  }
4121
5903
  .ab-OnePageWizard__section-container {
4122
5904
  min-height: 100%;
@@ -4179,7 +5961,7 @@
4179
5961
  }
4180
5962
  :root {
4181
5963
  --ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
4182
- --ab-cmp-system-status-list-text__border-radius: var(--ab__border-radius);
5964
+ --ab-cmp-system-status-list-text__border-radius: var(--ab-border-radius);
4183
5965
  --ab-cmp-system-status-list-text__font-weight: bold;
4184
5966
  --ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
4185
5967
  --ab-cmp-system-status-list-text__color: var(--ab-color-accent-foreground);
@@ -4204,29 +5986,37 @@
4204
5986
  --ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
4205
5987
  }
4206
5988
  :root {
4207
- --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab__border-radius);
5989
+ --ab-cmp-adaptable-layout-wizard-column-row-title__border-radius: var(--ab-border-radius);
4208
5990
  --ab-cmp-adaptable-layout-wizard-column-row-title__background: var(--ab-color-defaultbackground);
4209
- --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(
4210
- --ab-color-text-on-defaultbackground
4211
- );
5991
+ --ab-cmp-adaptable-layout-wizard-column-row-title__color: var(--ab-color-foreground);
4212
5992
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background: var(
4213
5993
  --ab-color-defaultbackground
4214
5994
  );
4215
5995
  --ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius: var(
4216
- --ab__border-radius
5996
+ --ab-border-radius
4217
5997
  );
4218
5998
  --ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
4219
5999
  }
4220
6000
  :root {
4221
6001
  --cmp-Badge-Definition-Editor__background: var(--ab-color-defaultbackground);
6002
+ --cmp-Badge-Definition-Editor-header__background: var(--ab-color-defaultbackground);
6003
+ }
6004
+ @supports (color: color-mix(in lab, red, red)) {
6005
+ :root {
6006
+ --cmp-Badge-Definition-Editor-header__background: color-mix(
6007
+ in srgb,
6008
+ var(--ab-color-defaultbackground) 92%,
6009
+ var(--ab-color-foreground)
6010
+ );
6011
+ }
4222
6012
  }
4223
6013
  :root {
4224
6014
  --ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
4225
- --ab-cmp-expression-editor-input__border-radius: var(--ab__border-radius);
6015
+ --ab-cmp-expression-editor-input__border-radius: var(--ab-border-radius);
4226
6016
  --ab-cmp-expression-editor-input-dropdown-functions-list__font-size: var(--ab-font-size-2);
4227
6017
  --ab-cmp-expression-editor-input-dropdown-functions-list__border: 1px solid
4228
6018
  var(--ab-color-primarydark);
4229
- --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
6019
+ --ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab-border-radius);
4230
6020
  }
4231
6021
  :root {
4232
6022
  --ab-cmp-floatingfilter-selected-options-text__font-weight: bold;
@@ -4243,6 +6033,18 @@
4243
6033
  display: inline-flex;
4244
6034
  align-items: center;
4245
6035
  height: 100%;
6036
+ gap: var(--ab-cmp-badge__spacing);
6037
+ }
6038
+ .ab-Badge__wrapper--wrap {
6039
+ flex-wrap: wrap;
6040
+ }
6041
+ .ab-Badge__wrapper--scroll {
6042
+ flex-wrap: nowrap;
6043
+ overflow-x: auto;
6044
+ scrollbar-width: thin;
6045
+ }
6046
+ .ab-Badge__wrapper--truncate {
6047
+ flex-wrap: nowrap;
4246
6048
  }
4247
6049
  .ab-Badge {
4248
6050
  display: inline-flex;
@@ -4250,6 +6052,25 @@
4250
6052
  gap: var(--ab-cmp-badge__gap);
4251
6053
  padding: var(--ab-cmp-badge__padding);
4252
6054
  line-height: 1;
6055
+ max-width: 100%;
6056
+ min-width: 0;
6057
+ }
6058
+ .ab-Badge--compact {
6059
+ padding: var(--ab-cmp-badge__padding-compact);
6060
+ gap: var(--ab-cmp-badge__gap-compact);
6061
+ }
6062
+ .ab-Badge--normal {
6063
+ padding: var(--ab-cmp-badge__padding);
6064
+ gap: var(--ab-cmp-badge__gap);
6065
+ }
6066
+ .ab-Badge--comfortable {
6067
+ padding: var(--ab-cmp-badge__padding-comfortable);
6068
+ gap: var(--ab-cmp-badge__gap-comfortable);
6069
+ }
6070
+ .ab-Badge__wrapper--truncate .ab-Badge, .ab-Badge__wrapper--scroll .ab-Badge {
6071
+ white-space: nowrap;
6072
+ overflow: hidden;
6073
+ text-overflow: ellipsis;
4253
6074
  }
4254
6075
  :root {
4255
6076
  --ab-CellComment-triangle-color: var(--ab-color-info);
@@ -4284,9 +6105,6 @@
4284
6105
  input.ab-Radio-input:checked {
4285
6106
  border-color: var(--ab-color-accent);
4286
6107
  }
4287
- input.ab-Radio-input:focus {
4288
- box-shadow: var(--ab-focus__box-shadow);
4289
- }
4290
6108
  input.ab-Radio-input:checked::after {
4291
6109
  content: '';
4292
6110
  position: absolute;
@@ -4305,64 +6123,6 @@
4305
6123
  input.ab-Radio-input:checked:disabled::after {
4306
6124
  background-color: #656565;
4307
6125
  }
4308
- .ab-Select [data-name='value-container'] {
4309
- height: 100%;
4310
- padding: 1px 8px;
4311
- min-height: var(--ab-cmp-select-min-height);
4312
- max-width: var(--ab-cmp-select-max-width);
4313
- }
4314
- .ab-Select [data-name='value-container'] > [data-value] {
4315
- margin: 0px;
4316
- }
4317
- .ab-Select-Row {
4318
- cursor: pointer;
4319
- }
4320
- .ab-Select-Row--disabled {
4321
- cursor: default;
4322
- }
4323
- .ab-Select-MenulistSearchContainer {
4324
- background-color: var(--ab-cmp-select-multi-value__background);
4325
- }
4326
- :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCheckBox {
4327
- margin-block: 0px;
4328
- margin-inline: var(--ab-base-space);
4329
- }
4330
- :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content {
4331
- display: flex;
4332
- align-items: center;
4333
- }
4334
- :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content_value {
4335
- white-space: nowrap;
4336
- overflow: hidden;
4337
- text-overflow: ellipsis;
4338
- }
4339
- [data-name='menu-container'] .ab-Select-MenuContainer-Resizable {
4340
- box-shadow: var(--ab-cmp-select-menu__box-shadow);
4341
- pointer-events: auto;
4342
- display: flex;
4343
- flex-flow: column nowrap;
4344
- min-height: var(--ab-cmp-select-menu__min-height, 25rem);
4345
- min-width: var(--ab-cmp-select-menu__min-width, 150px);
4346
- }
4347
- [data-name='menu-container'][data-resizable='true'] {
4348
- background: transparent;
4349
- pointer-events: none;
4350
- box-shadow: none;
4351
- }
4352
- [data-name='menu-container'][data-resizable='false'] {
4353
- display: flex;
4354
- flex-flow: column nowrap;
4355
- min-height: var(--ab-cmp-select-menu__min-height, 25rem);
4356
- min-width: var(--ab-cmp-select-menu__min-width, 150px);
4357
- }
4358
- [data-name='menu-container'] .InfiniteCell_content {
4359
- display: flex;
4360
- align-items: center;
4361
- flex-flow: row nowrap;
4362
- }
4363
- :is([data-name='menu-container'] .ab-Select-MenulistSearch):focus {
4364
- box-shadow: none;
4365
- }
4366
6126
  .ab-Table td,.ab-Table th {
4367
6127
  padding: calc(var(--ab-base-space) * 2);
4368
6128
  }
@@ -4391,11 +6151,8 @@
4391
6151
  .ab-CheckBox--indeterminate {
4392
6152
  --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
4393
6153
  }
4394
- .ab-CheckBox:focus-within .ab-CheckBox__square, .ab-CheckBox:active .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square, .ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
4395
- box-shadow: var(--ab-focus__box-shadow);
4396
- }
4397
6154
  .ab-CheckBox__square {
4398
- border-radius: var(--ab__border-radius);
6155
+ border-radius: var(--ab-border-radius-input);
4399
6156
  border-width: 1px;
4400
6157
  border-style: solid;
4401
6158
  border-color: var(--ab-cmp-checkbox__border-color);
@@ -4455,7 +6212,7 @@
4455
6212
  position: absolute;
4456
6213
  }
4457
6214
  :root {
4458
- --ab-cmp-query-builder__border: 1px dotted var(--ab-color-text-on-defaultbackground);
6215
+ --ab-cmp-query-builder__border: 1px dotted var(--ab-color-foreground);
4459
6216
  --ab-cmp-query-builder-expression__background: var(--ab-color-primary);
4460
6217
  --ab-cmp-query-builder-expression__color: var(--ab-color-text-on-primary);
4461
6218
  --ab-cmp-query-builder-expression__font-size: var(--ab-font-size-3);
@@ -4498,7 +6255,7 @@
4498
6255
  flex: 1;
4499
6256
  }
4500
6257
  .ab-Dropdown--empty .ab-Dropdown__text {
4501
- color: var(--ab-color-text-on-defaultbackground);
6258
+ color: var(--ab-color-foreground);
4502
6259
  }
4503
6260
  .ab-DropdownButton {
4504
6261
  position: relative;
@@ -4546,16 +6303,13 @@
4546
6303
  border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
4547
6304
  }
4548
6305
  .ab-FieldWrap {
4549
- border: 1px solid var(--ab-color-inputborder);
4550
- color: 1px solid var(--ab-color-inputcolor);
6306
+ border: 1px solid var(--ab-color-input-border);
6307
+ color: 1px solid var(--ab-color-input-foreground);
4551
6308
  border-radius: var(--ab-cmp-field-wrap__border-radius);
4552
6309
  background: var(--ab-cmp-field-wrap__background);
4553
6310
  overflow: hidden;
4554
6311
  fill: var(--ab-cmp-field-wrap__fill);
4555
6312
  }
4556
- .ab-FieldWrap:focus-within {
4557
- box-shadow: var(--ab-focus__box-shadow);
4558
- }
4559
6313
  .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap > * {
4560
6314
  border: none;
4561
6315
  flex: 1;
@@ -4581,10 +6335,6 @@
4581
6335
  font-family: var(--ab-cmp-input__font-family);
4582
6336
  font-size: var(--ab-cmp-input__font-size);
4583
6337
  }
4584
- .ab-Input:focus {
4585
- box-shadow: var(--ab-focus__box-shadow);
4586
- outline: var(--ab-focus__outline);
4587
- }
4588
6338
  .ab-Input::-webkit-input-placeholder {
4589
6339
  color: var(--ab-cmp-input--placeholder__color);
4590
6340
  opacity: var(--ab-cmp-input--placeholder__opacity);
@@ -4636,7 +6386,7 @@
4636
6386
  flex-direction: column;
4637
6387
  }
4638
6388
  .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child, .ab-Tabs__Tab--before-active {
4639
- border-bottom-right-radius: var(--ab__border-radius);
6389
+ border-bottom-right-radius: var(--ab-border-radius);
4640
6390
  }
4641
6391
  .ab-Tabs__Strip {
4642
6392
  z-index: 10;
@@ -4649,7 +6399,7 @@
4649
6399
  outline: none;
4650
6400
  }
4651
6401
  .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
4652
- border-bottom-left-radius: var(--ab__border-radius);
6402
+ border-bottom-left-radius: var(--ab-border-radius);
4653
6403
  }
4654
6404
  .ab-Tabs__Tab--active {
4655
6405
  position: relative;
@@ -4664,15 +6414,15 @@
4664
6414
  right: 0;
4665
6415
  left: 0;
4666
6416
  z-index: -2;
4667
- border-top-left-radius: var(--ab__border-radius);
4668
- border-top-right-radius: var(--ab__border-radius);
6417
+ border-top-left-radius: var(--ab-border-radius);
6418
+ border-top-right-radius: var(--ab-border-radius);
4669
6419
  }
4670
6420
  .ab-Tabs__Tab--active:before {
4671
6421
  content: '';
4672
6422
  position: absolute;
4673
6423
  pointer-events: none;
4674
- border-top-left-radius: var(--ab__border-radius);
4675
- border-top-right-radius: var(--ab__border-radius);
6424
+ border-top-left-radius: var(--ab-border-radius);
6425
+ border-top-right-radius: var(--ab-border-radius);
4676
6426
  z-index: -1;
4677
6427
  left: 0;
4678
6428
  top: 0;
@@ -4685,7 +6435,7 @@
4685
6435
  }
4686
6436
  .ab-Tabs__Body {
4687
6437
  background: var(--ab-cmp-tabs-active__background);
4688
- border-radius: var(--ab__border-radius);
6438
+ border-radius: var(--ab-border-radius);
4689
6439
  flex: 1;
4690
6440
  overflow: auto;
4691
6441
  display: flex;
@@ -4773,7 +6523,7 @@
4773
6523
  border: var(--ab-cmp-tooltip__border);
4774
6524
  content: '';
4775
6525
  position: absolute;
4776
- border-radius: var(--ab__border-radius);
6526
+ border-radius: var(--ab-border-radius);
4777
6527
  width: 100%;
4778
6528
  height: 100%;
4779
6529
  left: 0;
@@ -4834,9 +6584,6 @@
4834
6584
  .ab-Dashboard .ab-StateManagement__Clear-Button,.ab-Dashboard .ab-StateManagement__Load-Button,.ab-Dashboard .ab-StateManagement__Export-Dropdown {
4835
6585
  margin-left: var(--ab-base-space);
4836
6586
  }
4837
- .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
4838
- display: flex;
4839
- }
4840
6587
  .ab-Dashboard__header {
4841
6588
  display: flex;
4842
6589
  align-items: stretch;
@@ -4872,7 +6619,7 @@
4872
6619
  outline: none;
4873
6620
  cursor: pointer;
4874
6621
  font-size: var(--ab-font-size-3);
4875
- border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
6622
+ border-radius: var(--ab-border-radius) var(--ab-border-radius) 0 0;
4876
6623
  padding: 8px 12px 12px 12px;
4877
6624
  color: var(--ab-dashboard-header__color);
4878
6625
  background: var(--ab-dashboard-header__background);
@@ -4916,43 +6663,23 @@
4916
6663
  padding: calc(var(--ab-base-space) * 2) calc(var(--ab-base-space) * 2) var(--ab-base-space) calc(var(--ab-base-space) * 2);
4917
6664
  display: flex;
4918
6665
  }
4919
- .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
4920
- color: var(--ab-dashboard-header__color);
4921
- background: var(--ab-dashboard-header__background);
4922
- padding-top: var(--ab-dashboard-gap-size);
4923
- padding-bottom: var(--ab-dashboard-gap-size);
4924
- }
4925
- .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
4926
- opacity: 1;
4927
- }
4928
- .ab-TreeDropdown {
4929
- position: relative;
4930
- }
4931
- .ab-TreeDropdownOverlay {
4932
- box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
4933
- }
4934
- .ab-TreeList .InfiniteCell_content {
4935
- display: flex;
4936
- flex-flow: row;
4937
- align-items: center;
4938
- }
4939
6666
  .ab-cmp-input-group > :first-child,.ab-cmp-input-group > .ab-FieldWrap.ab-Datepicker:first-child {
4940
- --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4941
- --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4942
- --ab-cmp-simple-button__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4943
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
6667
+ --ab-cmp-input__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
6668
+ --ab-cmp-select__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
6669
+ --ab-cmp-simple-button__border-radius: var(--ab-border-radius) 0 0 var(--ab-border-radius);
6670
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
4944
6671
  }
4945
6672
  .ab-cmp-input-group > :last-child {
4946
- --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4947
- --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4948
- --ab-cmp-simple-button__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4949
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
6673
+ --ab-cmp-input__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
6674
+ --ab-cmp-select__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
6675
+ --ab-cmp-simple-button__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
6676
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
4950
6677
  }
4951
6678
  .ab-cmp-input-group > :not(:first-child):not(:last-child) {
4952
- --ab-cmp-input__border-radius: var(--ab__border-radius);
4953
- --ab-cmp-select__border-radius: var(--ab__border-radius);
4954
- --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
4955
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
6679
+ --ab-cmp-input__border-radius: var(--ab-border-radius);
6680
+ --ab-cmp-select__border-radius: var(--ab-border-radius);
6681
+ --ab-cmp-simple-button__border-radius: var(--ab-border-radius);
6682
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab-border-radius) var(--ab-border-radius) 0;
4956
6683
  }
4957
6684
  .ab-Datepicker-Overlay .rdp-root {
4958
6685
  --rdp-accent-color: blue;
@@ -4976,9 +6703,17 @@
4976
6703
  --rdp-range_middle-background-color: var(--rdp-accent-background-color);
4977
6704
  --rdp-range_middle-color: inherit;
4978
6705
  --rdp-range_start-color: white;
4979
- --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
6706
+ --rdp-range_start-background: linear-gradient(
6707
+ var(--rdp-gradient-direction),
6708
+ transparent 50%,
6709
+ var(--rdp-range_middle-background-color) 50%
6710
+ );
4980
6711
  --rdp-range_start-date-background-color: var(--rdp-accent-color);
4981
- --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
6712
+ --rdp-range_end-background: linear-gradient(
6713
+ var(--rdp-gradient-direction),
6714
+ var(--rdp-range_middle-background-color) 50%,
6715
+ transparent 50%
6716
+ );
4982
6717
  --rdp-range_end-color: white;
4983
6718
  --rdp-range_end-date-background-color: var(--rdp-accent-color);
4984
6719
  --rdp-week_number-border-radius: 100%;
@@ -4991,6 +6726,8 @@
4991
6726
  --rdp-weekday-padding: 0.5rem 0rem;
4992
6727
  --rdp-weekday-text-align: center;
4993
6728
  --rdp-gradient-direction: 90deg;
6729
+ --rdp-animation_duration: 0.3s;
6730
+ --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
4994
6731
  }
4995
6732
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] {
4996
6733
  --rdp-gradient-direction: -90deg;
@@ -5058,7 +6795,7 @@
5058
6795
  width: var(--rdp-nav_button-width);
5059
6796
  height: var(--rdp-nav_button-height);
5060
6797
  }
5061
- .ab-Datepicker-Overlay .rdp-button_next:disabled,.ab-Datepicker-Overlay .rdp-button_previous:disabled {
6798
+ .ab-Datepicker-Overlay .rdp-button_next:disabled,.ab-Datepicker-Overlay .rdp-button_next[aria-disabled="true"],.ab-Datepicker-Overlay .rdp-button_previous:disabled,.ab-Datepicker-Overlay .rdp-button_previous[aria-disabled="true"] {
5062
6799
  cursor: revert;
5063
6800
  opacity: var(--rdp-nav_button-disabled-opacity);
5064
6801
  }
@@ -5066,9 +6803,6 @@
5066
6803
  display: inline-block;
5067
6804
  fill: var(--rdp-accent-color);
5068
6805
  }
5069
- .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5070
- transform: rotate(180deg);
5071
- }
5072
6806
  .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5073
6807
  transform: rotate(180deg);
5074
6808
  transform-origin: 50%;
@@ -5109,6 +6843,30 @@
5109
6843
  font-weight: bold;
5110
6844
  font-size: large;
5111
6845
  }
6846
+ .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month,.ab-Datepicker-Overlay .rdp-root[data-nav-layout="after"] .rdp-month {
6847
+ position: relative;
6848
+ }
6849
+ .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-month_caption {
6850
+ justify-content: center;
6851
+ margin-inline-start: var(--rdp-nav_button-width);
6852
+ margin-inline-end: var(--rdp-nav_button-width);
6853
+ position: relative;
6854
+ }
6855
+ .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_previous {
6856
+ position: absolute;
6857
+ inset-inline-start: 0;
6858
+ top: 0;
6859
+ height: var(--rdp-nav-height);
6860
+ display: inline-flex;
6861
+ }
6862
+ .ab-Datepicker-Overlay .rdp-root[data-nav-layout="around"] .rdp-button_next {
6863
+ position: absolute;
6864
+ inset-inline-end: 0;
6865
+ top: 0;
6866
+ height: var(--rdp-nav-height);
6867
+ display: inline-flex;
6868
+ justify-content: center;
6869
+ }
5112
6870
  .ab-Datepicker-Overlay .rdp-months {
5113
6871
  position: relative;
5114
6872
  display: flex;
@@ -5158,7 +6916,7 @@
5158
6916
  .ab-Datepicker-Overlay .rdp-outside {
5159
6917
  opacity: var(--rdp-outside-opacity);
5160
6918
  }
5161
- .ab-Datepicker-Overlay .rdp-disabled {
6919
+ .ab-Datepicker-Overlay .rdp-disabled:not(.rdp-selected) {
5162
6920
  opacity: var(--rdp-disabled-opacity);
5163
6921
  }
5164
6922
  .ab-Datepicker-Overlay .rdp-hidden {
@@ -5176,7 +6934,6 @@
5176
6934
  background-color: var(--rdp-range_middle-background-color);
5177
6935
  }
5178
6936
  .ab-Datepicker-Overlay .rdp-range_middle .rdp-day_button {
5179
- border-color: transparent;
5180
6937
  border: unset;
5181
6938
  border-radius: unset;
5182
6939
  color: var(--rdp-range_middle-color);
@@ -5195,14 +6952,102 @@
5195
6952
  .ab-Datepicker-Overlay .rdp-focusable {
5196
6953
  cursor: pointer;
5197
6954
  }
6955
+ .ab-Datepicker-Overlay {
6956
+ @keyframes rdp-slide_in_left {
6957
+ 0% {
6958
+ transform: translateX(-100%);
6959
+ }
6960
+ 100% {
6961
+ transform: translateX(0);
6962
+ }
6963
+ }
6964
+ @keyframes rdp-slide_in_right {
6965
+ 0% {
6966
+ transform: translateX(100%);
6967
+ }
6968
+ 100% {
6969
+ transform: translateX(0);
6970
+ }
6971
+ }
6972
+ @keyframes rdp-slide_out_left {
6973
+ 0% {
6974
+ transform: translateX(0);
6975
+ }
6976
+ 100% {
6977
+ transform: translateX(-100%);
6978
+ }
6979
+ }
6980
+ @keyframes rdp-slide_out_right {
6981
+ 0% {
6982
+ transform: translateX(0);
6983
+ }
6984
+ 100% {
6985
+ transform: translateX(100%);
6986
+ }
6987
+ }
6988
+ }
6989
+ .ab-Datepicker-Overlay .rdp-weeks_before_enter {
6990
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
6991
+ }
6992
+ .ab-Datepicker-Overlay .rdp-weeks_before_exit {
6993
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
6994
+ }
6995
+ .ab-Datepicker-Overlay .rdp-weeks_after_enter {
6996
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
6997
+ }
6998
+ .ab-Datepicker-Overlay .rdp-weeks_after_exit {
6999
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7000
+ }
7001
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
7002
+ animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7003
+ }
7004
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
7005
+ animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7006
+ }
7007
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
7008
+ animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7009
+ }
7010
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
7011
+ animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7012
+ }
7013
+ .ab-Datepicker-Overlay {
7014
+ @keyframes rdp-fade_in {
7015
+ from {
7016
+ opacity: 0;
7017
+ }
7018
+ to {
7019
+ opacity: 1;
7020
+ }
7021
+ }
7022
+ @keyframes rdp-fade_out {
7023
+ from {
7024
+ opacity: 1;
7025
+ }
7026
+ to {
7027
+ opacity: 0;
7028
+ }
7029
+ }
7030
+ }
7031
+ .ab-Datepicker-Overlay .rdp-caption_after_enter {
7032
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7033
+ }
7034
+ .ab-Datepicker-Overlay .rdp-caption_after_exit {
7035
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7036
+ }
7037
+ .ab-Datepicker-Overlay .rdp-caption_before_enter {
7038
+ animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7039
+ }
7040
+ .ab-Datepicker-Overlay .rdp-caption_before_exit {
7041
+ animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
7042
+ }
5198
7043
  .ab-Datepicker-Overlay {
5199
7044
  border: var(--ab-cmp-datepicker__border);
5200
7045
  background: var(--ab-cmp-datepicker__background);
5201
7046
  z-index: 1000;
5202
7047
  box-shadow: var(--ab-focus__box-shadow);
5203
7048
  outline: var(--ab-focus__outline);
5204
- border-radius: var(--ab__border-radius);
5205
- color: var(--ab-color-text-on-defaultbackground);
7049
+ border-radius: var(--ab-border-radius);
7050
+ color: var(--ab-color-foreground);
5206
7051
  }
5207
7052
  .ab-Datepicker-Overlay .rdp-root {
5208
7053
  --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
@@ -5323,7 +7168,7 @@
5323
7168
  color: var(--ab-cmp-progress-indicator__color);
5324
7169
  border-style: none;
5325
7170
  border-width: 0px;
5326
- border-radius: var(--ab__border-radius);
7171
+ border-radius: var(--ab-border-radius);
5327
7172
  box-shadow: var(--ab-focus__box-shadow);
5328
7173
  }
5329
7174
  .ab-Tag {
@@ -5546,7 +7391,7 @@
5546
7391
  }
5547
7392
  .ab-NocodeWizardFormBox {
5548
7393
  border: 1px solid var(--ab-color-primarydark);
5549
- border-radius: var(--ab__border-radius);
7394
+ border-radius: var(--ab-border-radius);
5550
7395
  background-color: var(--ab-color-defaultbackground);
5551
7396
  }
5552
7397
  .ab-Button.ab-Button {
@@ -5732,7 +7577,7 @@
5732
7577
  overflow: hidden;
5733
7578
  }
5734
7579
  .ab-ValueSelector__option {
5735
- border-radius: var(--ab__border-radius);
7580
+ border-radius: var(--ab-border-radius);
5736
7581
  font-size: var(--ab-font-size-3);
5737
7582
  }
5738
7583
  .ab-ValueSelector__show-selected-only-checkbox {
@@ -5745,7 +7590,7 @@
5745
7590
  top: 2px;
5746
7591
  right: 4px;
5747
7592
  overflow: hidden;
5748
- border-radius: var(--ab__border-radius);
7593
+ border-radius: var(--ab-border-radius);
5749
7594
  margin-right: var(--ab-base-space);
5750
7595
  margin-top: var(--ab-base-space);
5751
7596
  padding: 0 calc(var(--ab-base-space) * 2);
@@ -5755,7 +7600,7 @@
5755
7600
  overflow: hidden;
5756
7601
  }
5757
7602
  .ab-ReorderDraggable__option {
5758
- border-radius: 'var(--ab__border-radius)';
7603
+ border-radius: 'var(--ab-border-radius)';
5759
7604
  }
5760
7605
  .ab-StatusBar {
5761
7606
  display: flex;
@@ -5800,6 +7645,11 @@
5800
7645
  }
5801
7646
  .ab-Badge-Definition-Editor {
5802
7647
  background: var(--cmp-Badge-Definition-Editor__background);
7648
+ border-color: var(--ab-color-border);
7649
+ }
7650
+ .ab-Badge-Definition-Editor__header {
7651
+ background: var(--cmp-Badge-Definition-Editor-header__background);
7652
+ border-bottom-color: var(--ab-color-border);
5803
7653
  }
5804
7654
  .ab-FloatinQuickSearch, .ab-FloatingQuickSearch {
5805
7655
  padding: var(--adaptable-quick-search-floating-padding);
@@ -6615,6 +8465,21 @@
6615
8465
  --ab-theme-loaded: light;
6616
8466
  }
6617
8467
  }
8468
+ @property --tw-translate-x {
8469
+ syntax: "*";
8470
+ inherits: false;
8471
+ initial-value: 0;
8472
+ }
8473
+ @property --tw-translate-y {
8474
+ syntax: "*";
8475
+ inherits: false;
8476
+ initial-value: 0;
8477
+ }
8478
+ @property --tw-translate-z {
8479
+ syntax: "*";
8480
+ inherits: false;
8481
+ initial-value: 0;
8482
+ }
6618
8483
  @property --tw-border-style {
6619
8484
  syntax: "*";
6620
8485
  inherits: false;
@@ -6628,6 +8493,30 @@
6628
8493
  syntax: "*";
6629
8494
  inherits: false;
6630
8495
  }
8496
+ @property --tw-tracking {
8497
+ syntax: "*";
8498
+ inherits: false;
8499
+ }
8500
+ @property --tw-ordinal {
8501
+ syntax: "*";
8502
+ inherits: false;
8503
+ }
8504
+ @property --tw-slashed-zero {
8505
+ syntax: "*";
8506
+ inherits: false;
8507
+ }
8508
+ @property --tw-numeric-figure {
8509
+ syntax: "*";
8510
+ inherits: false;
8511
+ }
8512
+ @property --tw-numeric-spacing {
8513
+ syntax: "*";
8514
+ inherits: false;
8515
+ }
8516
+ @property --tw-numeric-fraction {
8517
+ syntax: "*";
8518
+ inherits: false;
8519
+ }
6631
8520
  @property --tw-shadow {
6632
8521
  syntax: "*";
6633
8522
  inherits: false;
@@ -6716,20 +8605,19 @@
6716
8605
  initial-value: "";
6717
8606
  inherits: false;
6718
8607
  }
6719
- @property --tw-translate-x {
6720
- syntax: "*";
6721
- inherits: false;
6722
- initial-value: 0;
6723
- }
6724
- @property --tw-translate-y {
6725
- syntax: "*";
6726
- inherits: false;
6727
- initial-value: 0;
8608
+ @keyframes enter {
8609
+ from {
8610
+ opacity: var(--tw-enter-opacity,1);
8611
+ transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
8612
+ filter: blur(var(--tw-enter-blur,0));
8613
+ }
6728
8614
  }
6729
- @property --tw-translate-z {
6730
- syntax: "*";
6731
- inherits: false;
6732
- initial-value: 0;
8615
+ @keyframes exit {
8616
+ to {
8617
+ opacity: var(--tw-exit-opacity,1);
8618
+ transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
8619
+ filter: blur(var(--tw-exit-blur,0));
8620
+ }
6733
8621
  }
6734
8622
  @keyframes spin {
6735
8623
  to {
@@ -6739,9 +8627,35 @@
6739
8627
  @layer properties {
6740
8628
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
6741
8629
  *, ::before, ::after, ::backdrop {
8630
+ --tw-animation-delay: 0s;
8631
+ --tw-animation-direction: normal;
8632
+ --tw-animation-duration: initial;
8633
+ --tw-animation-fill-mode: none;
8634
+ --tw-animation-iteration-count: 1;
8635
+ --tw-enter-blur: 0;
8636
+ --tw-enter-opacity: 1;
8637
+ --tw-enter-rotate: 0;
8638
+ --tw-enter-scale: 1;
8639
+ --tw-enter-translate-x: 0;
8640
+ --tw-enter-translate-y: 0;
8641
+ --tw-exit-blur: 0;
8642
+ --tw-exit-opacity: 1;
8643
+ --tw-exit-rotate: 0;
8644
+ --tw-exit-scale: 1;
8645
+ --tw-exit-translate-x: 0;
8646
+ --tw-exit-translate-y: 0;
8647
+ --tw-translate-x: 0;
8648
+ --tw-translate-y: 0;
8649
+ --tw-translate-z: 0;
6742
8650
  --tw-border-style: solid;
6743
8651
  --tw-leading: initial;
6744
8652
  --tw-font-weight: initial;
8653
+ --tw-tracking: initial;
8654
+ --tw-ordinal: initial;
8655
+ --tw-slashed-zero: initial;
8656
+ --tw-numeric-figure: initial;
8657
+ --tw-numeric-spacing: initial;
8658
+ --tw-numeric-fraction: initial;
6745
8659
  --tw-shadow: 0 0 #0000;
6746
8660
  --tw-shadow-color: initial;
6747
8661
  --tw-shadow-alpha: 100%;
@@ -6761,9 +8675,6 @@
6761
8675
  --tw-text-shadow-color: initial;
6762
8676
  --tw-text-shadow-alpha: 100%;
6763
8677
  --tw-content: "";
6764
- --tw-translate-x: 0;
6765
- --tw-translate-y: 0;
6766
- --tw-translate-z: 0;
6767
8678
  }
6768
8679
  }
6769
8680
  }