@adaptabletools/adaptable-react-aggrid-cjs 22.0.0-canary.8 → 22.0.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.
Files changed (15) hide show
  1. package/index.css +1157 -1319
  2. package/index.css.map +1 -1
  3. package/package.json +2 -2
  4. package/src/components/AdaptableOptionsWizardView.d.ts +1 -1
  5. package/src/components/AdaptableOptionsWizardView.js +2 -2
  6. package/src/components/AdaptableProvider.d.ts +1 -1
  7. package/src/components/AdaptableProvider.js +13 -1
  8. package/src/components/AdaptableReact.d.ts +1 -1
  9. package/src/components/AdaptableReact.js +2 -2
  10. package/src/components/useAdaptableState.d.ts +4 -2
  11. package/src/components/useAdaptableState.js +6 -31
  12. package/src/index.d.ts +4 -2
  13. package/src/index.js +10 -11
  14. package/themes/dark.css +2 -3
  15. package/themes/light.css +1 -1
package/index.css CHANGED
@@ -1,6 +1,6 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
- @layer adaptable.reset, adaptable.theme, adaptable.components, adaptable.utilities;
3
+ @layer adaptable.reset, adaptable.theming, adaptable.components, adaptable.utilities, adaptable.theme;
4
4
  @layer adaptable.reset {
5
5
  :focus-visible {
6
6
  outline: 2px solid var(--ab-color-focus);
@@ -138,15 +138,13 @@
138
138
  border: 0 solid;
139
139
  }
140
140
  }
141
- @layer adaptable.theme {
141
+ @layer adaptable.theming {
142
142
  :root, :host {
143
143
  --twa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
144
144
  monospace;
145
145
  --twa-color-red-500: oklch(63.7% 0.237 25.331);
146
146
  --twa-color-gray-400: oklch(70.7% 0.022 261.325);
147
147
  --twa-color-white: #fff;
148
- --twa-text-xs: 0.75rem;
149
- --twa-text-xs--line-height: calc(1 / 0.75);
150
148
  --twa-text-sm: 0.875rem;
151
149
  --twa-text-sm--line-height: calc(1.25 / 0.875);
152
150
  --twa-text-lg: 1.125rem;
@@ -168,6 +166,9 @@
168
166
  .twa\:pointer-events-none {
169
167
  pointer-events: none;
170
168
  }
169
+ .twa\:invisible {
170
+ visibility: hidden;
171
+ }
171
172
  .twa\:visible {
172
173
  visibility: visible;
173
174
  }
@@ -393,9 +394,6 @@
393
394
  .twa\:h-2 {
394
395
  height: calc(var(--ab-base-space) * 2);
395
396
  }
396
- .twa\:h-7 {
397
- height: calc(var(--ab-base-space) * 7);
398
- }
399
397
  .twa\:h-\[0\.5px\] {
400
398
  height: 0.5px;
401
399
  }
@@ -472,10 +470,10 @@
472
470
  min-height: var(--ab-input-height);
473
471
  }
474
472
  .twa\:w-1\/2 {
475
- width: calc(1/2 * 100%);
473
+ width: calc(1 / 2 * 100%);
476
474
  }
477
475
  .twa\:w-1\/3 {
478
- width: calc(1/3 * 100%);
476
+ width: calc(1 / 3 * 100%);
479
477
  }
480
478
  .twa\:w-20 {
481
479
  width: calc(var(--ab-base-space) * 20);
@@ -547,7 +545,7 @@
547
545
  width: 100%;
548
546
  }
549
547
  .twa\:max-w-1\/2 {
550
- max-width: calc(1/2 * 100%);
548
+ max-width: calc(1 / 2 * 100%);
551
549
  }
552
550
  .twa\:max-w-\[15rem\] {
553
551
  max-width: 15rem;
@@ -891,7 +889,9 @@
891
889
  }
892
890
  .twa\:border-primarydark\/30 {
893
891
  border-color: var(--ab-color-primarydark);
894
- @supports (color: color-mix(in lab, red, red)) {
892
+ }
893
+ @supports (color: color-mix(in lab, red, red)) {
894
+ .twa\:border-primarydark\/30 {
895
895
  border-color: color-mix(in oklab, var(--ab-color-primarydark) 30%, transparent);
896
896
  }
897
897
  }
@@ -900,7 +900,9 @@
900
900
  }
901
901
  .twa\:border-b-text-on-defaultbackground\/20 {
902
902
  border-bottom-color: var(--ab-color-text-on-defaultbackground);
903
- @supports (color: color-mix(in lab, red, red)) {
903
+ }
904
+ @supports (color: color-mix(in lab, red, red)) {
905
+ .twa\:border-b-text-on-defaultbackground\/20 {
904
906
  border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
905
907
  }
906
908
  }
@@ -954,7 +956,9 @@
954
956
  }
955
957
  .twa\:bg-inputborder\/50 {
956
958
  background-color: var(--ab-color-inputborder);
957
- @supports (color: color-mix(in lab, red, red)) {
959
+ }
960
+ @supports (color: color-mix(in lab, red, red)) {
961
+ .twa\:bg-inputborder\/50 {
958
962
  background-color: color-mix(in oklab, var(--ab-color-inputborder) 50%, transparent);
959
963
  }
960
964
  }
@@ -966,7 +970,9 @@
966
970
  }
967
971
  .twa\:bg-primarydark\/20 {
968
972
  background-color: var(--ab-color-primarydark);
969
- @supports (color: color-mix(in lab, red, red)) {
973
+ }
974
+ @supports (color: color-mix(in lab, red, red)) {
975
+ .twa\:bg-primarydark\/20 {
970
976
  background-color: color-mix(in oklab, var(--ab-color-primarydark) 20%, transparent);
971
977
  }
972
978
  }
@@ -982,9 +988,6 @@
982
988
  .twa\:bg-warn {
983
989
  background-color: var(--ab-color-warn);
984
990
  }
985
- .twa\:bg-white {
986
- background-color: var(--twa-color-white);
987
- }
988
991
  .twa\:fill-current {
989
992
  fill: currentcolor;
990
993
  }
@@ -1135,10 +1138,6 @@
1135
1138
  font-size: var(--twa-text-sm);
1136
1139
  line-height: var(--tw-leading, var(--twa-text-sm--line-height));
1137
1140
  }
1138
- .twa\:text-xs {
1139
- font-size: var(--twa-text-xs);
1140
- line-height: var(--tw-leading, var(--twa-text-xs--line-height));
1141
- }
1142
1141
  .twa\:text-0 {
1143
1142
  font-size: var(--ab-font-size-0);
1144
1143
  }
@@ -1344,511 +1343,337 @@
1344
1343
  .twa\:text-shadow-\[0_1px_0_\#fff\] {
1345
1344
  text-shadow: 0 1px 0 var(--tw-text-shadow-color, #fff);
1346
1345
  }
1347
- .twa\:\*\:z-1 {
1348
- :is(& > *) {
1349
- z-index: 1;
1350
- }
1351
- }
1352
- .twa\:\*\:m-0 {
1353
- :is(& > *) {
1354
- margin: calc(var(--ab-base-space) * 0);
1355
- }
1346
+ :is(.twa\:\*\:z-1 > *) {
1347
+ z-index: 1;
1356
1348
  }
1357
- .twa\:\*\:min-h-\[400px\] {
1358
- :is(& > *) {
1359
- min-height: 400px;
1360
- }
1349
+ :is(.twa\:\*\:m-0 > *) {
1350
+ margin: calc(var(--ab-base-space) * 0);
1361
1351
  }
1362
- .twa\:\*\:min-w-\[400px\] {
1363
- :is(& > *) {
1364
- min-width: 400px;
1365
- }
1352
+ :is(.twa\:\*\:min-h-\[400px\] > *) {
1353
+ min-height: 400px;
1366
1354
  }
1367
- .twa\:\*\:flex-1 {
1368
- :is(& > *) {
1369
- flex: 1;
1370
- }
1355
+ :is(.twa\:\*\:min-w-\[400px\] > *) {
1356
+ min-width: 400px;
1371
1357
  }
1372
- .twa\:\*\:rounded-standard {
1373
- :is(& > *) {
1374
- border-radius: var(--ab__border-radius);
1375
- }
1358
+ :is(.twa\:\*\:flex-1 > *) {
1359
+ flex: 1;
1376
1360
  }
1377
- .twa\:\*\:p-1 {
1378
- :is(& > *) {
1379
- padding: calc(var(--ab-base-space) * 1);
1380
- }
1361
+ :is(.twa\:\*\:rounded-standard > *) {
1362
+ border-radius: var(--ab__border-radius);
1381
1363
  }
1382
- .twa\:\*\:p-3 {
1383
- :is(& > *) {
1384
- padding: calc(var(--ab-base-space) * 3);
1385
- }
1364
+ :is(.twa\:\*\:p-1 > *) {
1365
+ padding: calc(var(--ab-base-space) * 1);
1386
1366
  }
1387
- .twa\:\*\:outline-0 {
1388
- :is(& > *) {
1389
- outline-style: var(--tw-outline-style);
1390
- outline-width: 0px;
1391
- }
1367
+ :is(.twa\:\*\:p-3 > *) {
1368
+ padding: calc(var(--ab-base-space) * 3);
1392
1369
  }
1393
- .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\] {
1394
- &:not(*:focus-within) {
1395
- --ab-focus-light__box-shadow: none;
1396
- }
1370
+ :is(.twa\:\*\:outline-0 > *) {
1371
+ outline-style: var(--tw-outline-style);
1372
+ outline-width: 0px;
1397
1373
  }
1398
- .twa\:not-focus-within\:\[--ab-focus__box-shadow\:none\] {
1399
- &:not(*:focus-within) {
1400
- --ab-focus__box-shadow: none;
1401
- }
1374
+ .twa\:not-focus-within\:\[--ab-focus-light__box-shadow\:none\]:not(*:focus-within) {
1375
+ --ab-focus-light__box-shadow: none;
1402
1376
  }
1403
- .twa\:group-focus-within\:shadow-\(--ab-focus__box-shadow\) {
1404
- &:is(:where(.twa\:group):focus-within *) {
1405
- --tw-shadow: var(--ab-focus__box-shadow);
1406
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1407
- }
1377
+ .twa\:not-focus-within\:\[--ab-focus__box-shadow\:none\]:not(*:focus-within) {
1378
+ --ab-focus__box-shadow: none;
1408
1379
  }
1409
- .twa\:before\:pointer-events-none {
1410
- &::before {
1411
- content: var(--tw-content);
1412
- pointer-events: none;
1413
- }
1380
+ .twa\:group-focus-within\:shadow-\(--ab-focus__box-shadow\):is(:where(.twa\:group):focus-within *) {
1381
+ --tw-shadow: var(--ab-focus__box-shadow);
1382
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1414
1383
  }
1415
- .twa\:before\:absolute {
1416
- &::before {
1417
- content: var(--tw-content);
1418
- position: absolute;
1419
- }
1384
+ .twa\:before\:pointer-events-none::before {
1385
+ content: var(--tw-content);
1386
+ pointer-events: none;
1420
1387
  }
1421
- .twa\:before\:inset-0 {
1422
- &::before {
1423
- content: var(--tw-content);
1424
- inset: calc(var(--ab-base-space) * 0);
1425
- }
1388
+ .twa\:before\:absolute::before {
1389
+ content: var(--tw-content);
1390
+ position: absolute;
1426
1391
  }
1427
- .twa\:before\:inset-1 {
1428
- &::before {
1429
- content: var(--tw-content);
1430
- inset: calc(var(--ab-base-space) * 1);
1431
- }
1392
+ .twa\:before\:inset-0::before {
1393
+ content: var(--tw-content);
1394
+ inset: calc(var(--ab-base-space) * 0);
1432
1395
  }
1433
- .twa\:before\:z-0 {
1434
- &::before {
1435
- content: var(--tw-content);
1436
- z-index: 0;
1437
- }
1396
+ .twa\:before\:inset-1::before {
1397
+ content: var(--tw-content);
1398
+ inset: calc(var(--ab-base-space) * 1);
1438
1399
  }
1439
- .twa\:before\:z-20 {
1440
- &::before {
1441
- content: var(--tw-content);
1442
- z-index: 20;
1443
- }
1400
+ .twa\:before\:z-0::before {
1401
+ content: var(--tw-content);
1402
+ z-index: 0;
1444
1403
  }
1445
- .twa\:before\:block {
1446
- &::before {
1447
- content: var(--tw-content);
1448
- display: block;
1449
- }
1404
+ .twa\:before\:z-20::before {
1405
+ content: var(--tw-content);
1406
+ z-index: 20;
1450
1407
  }
1451
- .twa\:before\:size-\[24px\] {
1452
- &::before {
1453
- content: var(--tw-content);
1454
- width: 24px;
1455
- height: 24px;
1456
- }
1408
+ .twa\:before\:block::before {
1409
+ content: var(--tw-content);
1410
+ display: block;
1457
1411
  }
1458
- .twa\:before\:rounded-\[inherit\] {
1459
- &::before {
1460
- content: var(--tw-content);
1461
- border-radius: inherit;
1462
- }
1412
+ .twa\:before\:size-\[24px\]::before {
1413
+ content: var(--tw-content);
1414
+ width: 24px;
1415
+ height: 24px;
1463
1416
  }
1464
- .twa\:before\:rounded-standard {
1465
- &::before {
1466
- content: var(--tw-content);
1467
- border-radius: var(--ab__border-radius);
1468
- }
1417
+ .twa\:before\:rounded-\[inherit\]::before {
1418
+ content: var(--tw-content);
1419
+ border-radius: inherit;
1469
1420
  }
1470
- .twa\:before\:bg-white {
1471
- &::before {
1472
- content: var(--tw-content);
1473
- background-color: var(--twa-color-white);
1474
- }
1421
+ .twa\:before\:rounded-standard::before {
1422
+ content: var(--tw-content);
1423
+ border-radius: var(--ab__border-radius);
1475
1424
  }
1476
- .twa\:before\:opacity-0 {
1477
- &::before {
1478
- content: var(--tw-content);
1479
- opacity: 0%;
1480
- }
1425
+ .twa\:before\:bg-white::before {
1426
+ content: var(--tw-content);
1427
+ background-color: var(--twa-color-white);
1481
1428
  }
1482
- .twa\:before\:shadow-\(--ab-focus-light__box-shadow\) {
1483
- &::before {
1484
- content: var(--tw-content);
1485
- --tw-shadow: var(--ab-focus-light__box-shadow);
1486
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1487
- }
1429
+ .twa\:before\:opacity-0::before {
1430
+ content: var(--tw-content);
1431
+ opacity: 0%;
1488
1432
  }
1489
- .twa\:before\:shadow-\(--ab-focus__box-shadow\) {
1490
- &::before {
1491
- content: var(--tw-content);
1492
- --tw-shadow: var(--ab-focus__box-shadow);
1493
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1494
- }
1433
+ .twa\:before\:shadow-\(--ab-focus-light__box-shadow\)::before {
1434
+ content: var(--tw-content);
1435
+ --tw-shadow: var(--ab-focus-light__box-shadow);
1436
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1495
1437
  }
1496
- .twa\:before\:transition-opacity {
1497
- &::before {
1498
- content: var(--tw-content);
1499
- transition-property: opacity;
1500
- transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
1501
- transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
1502
- }
1438
+ .twa\:before\:shadow-\(--ab-focus__box-shadow\)::before {
1439
+ content: var(--tw-content);
1440
+ --tw-shadow: var(--ab-focus__box-shadow);
1441
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1503
1442
  }
1504
- .twa\:before\:duration-200 {
1505
- &::before {
1506
- content: var(--tw-content);
1507
- --tw-duration: 200ms;
1508
- transition-duration: 200ms;
1509
- }
1443
+ .twa\:before\:transition-opacity::before {
1444
+ content: var(--tw-content);
1445
+ transition-property: opacity;
1446
+ transition-timing-function: var(--tw-ease, var(--twa-default-transition-timing-function));
1447
+ transition-duration: var(--tw-duration, var(--twa-default-transition-duration));
1510
1448
  }
1511
- .twa\:before\:content-\[\"\"\] {
1512
- &::before {
1513
- --tw-content: "";
1514
- content: var(--tw-content);
1515
- }
1449
+ .twa\:before\:duration-200::before {
1450
+ content: var(--tw-content);
1451
+ --tw-duration: 200ms;
1452
+ transition-duration: 200ms;
1516
1453
  }
1517
- .twa\:after\:pointer-events-none {
1518
- &::after {
1519
- content: var(--tw-content);
1520
- pointer-events: none;
1521
- }
1454
+ .twa\:before\:content-\[\"\"\]::before {
1455
+ --tw-content: "";
1456
+ content: var(--tw-content);
1522
1457
  }
1523
- .twa\:after\:absolute {
1524
- &::after {
1525
- content: var(--tw-content);
1526
- position: absolute;
1527
- }
1458
+ .twa\:after\:pointer-events-none::after {
1459
+ content: var(--tw-content);
1460
+ pointer-events: none;
1528
1461
  }
1529
- .twa\:after\:inset-0 {
1530
- &::after {
1531
- content: var(--tw-content);
1532
- inset: calc(var(--ab-base-space) * 0);
1533
- }
1462
+ .twa\:after\:absolute::after {
1463
+ content: var(--tw-content);
1464
+ position: absolute;
1534
1465
  }
1535
- .twa\:after\:rounded-standard {
1536
- &::after {
1537
- content: var(--tw-content);
1538
- border-radius: var(--ab__border-radius);
1539
- }
1466
+ .twa\:after\:inset-0::after {
1467
+ content: var(--tw-content);
1468
+ inset: calc(var(--ab-base-space) * 0);
1540
1469
  }
1541
- .twa\:after\:border-2 {
1542
- &::after {
1543
- content: var(--tw-content);
1544
- border-style: var(--tw-border-style);
1545
- border-width: 2px;
1546
- }
1470
+ .twa\:after\:rounded-standard::after {
1471
+ content: var(--tw-content);
1472
+ border-radius: var(--ab__border-radius);
1547
1473
  }
1548
- .twa\:after\:border-accent {
1549
- &::after {
1550
- content: var(--tw-content);
1551
- border-color: var(--ab-color-accent);
1552
- }
1474
+ .twa\:after\:border-2::after {
1475
+ content: var(--tw-content);
1476
+ border-style: var(--tw-border-style);
1477
+ border-width: 2px;
1553
1478
  }
1554
- .twa\:after\:bg-accent\/15 {
1555
- &::after {
1556
- content: var(--tw-content);
1557
- background-color: var(--ab-color-accent);
1558
- @supports (color: color-mix(in lab, red, red)) {
1559
- background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
1560
- }
1561
- }
1479
+ .twa\:after\:border-accent::after {
1480
+ content: var(--tw-content);
1481
+ border-color: var(--ab-color-accent);
1562
1482
  }
1563
- .twa\:not-first\:after\:absolute {
1564
- &:not(*:first-child) {
1565
- &::after {
1566
- content: var(--tw-content);
1567
- position: absolute;
1568
- }
1569
- }
1483
+ .twa\:after\:bg-accent\/15::after {
1484
+ content: var(--tw-content);
1485
+ background-color: var(--ab-color-accent);
1570
1486
  }
1571
- .twa\:not-first\:after\:top-1\/2 {
1572
- &:not(*:first-child) {
1573
- &::after {
1574
- content: var(--tw-content);
1575
- top: calc(1/2 * 100%);
1576
- }
1487
+ @supports (color: color-mix(in lab, red, red)) {
1488
+ .twa\:after\:bg-accent\/15::after {
1489
+ background-color: color-mix(in oklab, var(--ab-color-accent) 15%, transparent);
1577
1490
  }
1578
1491
  }
1579
- .twa\:not-first\:after\:-left-px {
1580
- &:not(*:first-child) {
1581
- &::after {
1582
- content: var(--tw-content);
1583
- left: -1px;
1584
- }
1585
- }
1492
+ .twa\:not-first\:after\:absolute:not(*:first-child)::after {
1493
+ content: var(--tw-content);
1494
+ position: absolute;
1586
1495
  }
1587
- .twa\:not-first\:after\:h-\[10px\] {
1588
- &:not(*:first-child) {
1589
- &::after {
1590
- content: var(--tw-content);
1591
- height: 10px;
1592
- }
1593
- }
1496
+ .twa\:not-first\:after\:top-1\/2:not(*:first-child)::after {
1497
+ content: var(--tw-content);
1498
+ top: calc(1 / 2 * 100%);
1594
1499
  }
1595
- .twa\:not-first\:after\:-translate-y-1\/2 {
1596
- &:not(*:first-child) {
1597
- &::after {
1598
- content: var(--tw-content);
1599
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1600
- translate: var(--tw-translate-x) var(--tw-translate-y);
1601
- }
1602
- }
1500
+ .twa\:not-first\:after\:-left-px:not(*:first-child)::after {
1501
+ content: var(--tw-content);
1502
+ left: -1px;
1603
1503
  }
1604
- .twa\:not-first\:after\:border-l-2 {
1605
- &:not(*:first-child) {
1606
- &::after {
1607
- content: var(--tw-content);
1608
- border-left-style: var(--tw-border-style);
1609
- border-left-width: 2px;
1610
- }
1611
- }
1504
+ .twa\:not-first\:after\:h-\[10px\]:not(*:first-child)::after {
1505
+ content: var(--tw-content);
1506
+ height: 10px;
1612
1507
  }
1613
- .twa\:not-first\:after\:border-accent-foreground {
1614
- &:not(*:first-child) {
1615
- &::after {
1616
- content: var(--tw-content);
1617
- border-color: var(--ab-color-accent-foreground);
1618
- }
1619
- }
1508
+ .twa\:not-first\:after\:-translate-y-1\/2:not(*:first-child)::after {
1509
+ content: var(--tw-content);
1510
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1511
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1620
1512
  }
1621
- .twa\:not-first\:after\:content-\[\"\"\] {
1622
- &:not(*:first-child) {
1623
- &::after {
1624
- --tw-content: "";
1625
- content: var(--tw-content);
1626
- }
1627
- }
1513
+ .twa\:not-first\:after\:border-l-2:not(*:first-child)::after {
1514
+ content: var(--tw-content);
1515
+ border-left-style: var(--tw-border-style);
1516
+ border-left-width: 2px;
1628
1517
  }
1629
- .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\) {
1630
- &:focus-within {
1631
- --tw-shadow: var(--ab-focus__box-shadow);
1632
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1633
- }
1518
+ .twa\:not-first\:after\:border-accent-foreground:not(*:first-child)::after {
1519
+ content: var(--tw-content);
1520
+ border-color: var(--ab-color-accent-foreground);
1634
1521
  }
1635
- .twa\:focus-within\:outline-2 {
1636
- &:focus-within {
1637
- outline-style: var(--tw-outline-style);
1638
- outline-width: 2px;
1639
- }
1522
+ .twa\:not-first\:after\:content-\[\"\"\]:not(*:first-child)::after {
1523
+ --tw-content: "";
1524
+ content: var(--tw-content);
1640
1525
  }
1641
- .twa\:focus-within\:outline-offset-1 {
1642
- &:focus-within {
1643
- outline-offset: 1px;
1644
- }
1526
+ .twa\:focus-within\:shadow-\(--ab-focus__box-shadow\):focus-within {
1527
+ --tw-shadow: var(--ab-focus__box-shadow);
1528
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1645
1529
  }
1646
- .twa\:focus-within\:outline-accent {
1647
- &:focus-within {
1648
- outline-color: var(--ab-color-accent);
1649
- }
1530
+ .twa\:focus-within\:outline-2:focus-within {
1531
+ outline-style: var(--tw-outline-style);
1532
+ outline-width: 2px;
1650
1533
  }
1651
- .twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) {
1652
- :is(& > *) {
1653
- &:focus-within {
1654
- --tw-shadow: var(--ab-focus__box-shadow);
1655
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1656
- }
1657
- }
1534
+ .twa\:focus-within\:outline-offset-1:focus-within {
1535
+ outline-offset: 1px;
1658
1536
  }
1659
- .twa\:\*\:focus-within\:outline-2 {
1660
- :is(& > *) {
1661
- &:focus-within {
1662
- outline-style: var(--tw-outline-style);
1663
- outline-width: 2px;
1664
- }
1665
- }
1537
+ .twa\:focus-within\:outline-accent:focus-within {
1538
+ outline-color: var(--ab-color-accent);
1666
1539
  }
1667
- .twa\:\*\:focus-within\:outline-offset-1 {
1668
- :is(& > *) {
1669
- &:focus-within {
1670
- outline-offset: 1px;
1671
- }
1672
- }
1540
+ :is(.twa\:\*\:focus-within\:shadow-\(--ab-focus__box-shadow\) > *):focus-within {
1541
+ --tw-shadow: var(--ab-focus__box-shadow);
1542
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1673
1543
  }
1674
- .twa\:\*\:focus-within\:outline-accent {
1675
- :is(& > *) {
1676
- &:focus-within {
1677
- outline-color: var(--ab-color-accent);
1678
- }
1679
- }
1544
+ :is(.twa\:\*\:focus-within\:outline-2 > *):focus-within {
1545
+ outline-style: var(--tw-outline-style);
1546
+ outline-width: 2px;
1680
1547
  }
1681
- .twa\:hover\:cursor-pointer {
1682
- &:hover {
1683
- @media (hover: hover) {
1684
- cursor: pointer;
1685
- }
1686
- }
1548
+ :is(.twa\:\*\:focus-within\:outline-offset-1 > *):focus-within {
1549
+ outline-offset: 1px;
1687
1550
  }
1688
- .twa\:hover\:bg-accent {
1689
- &:hover {
1690
- @media (hover: hover) {
1691
- background-color: var(--ab-color-accent);
1692
- }
1693
- }
1551
+ :is(.twa\:\*\:focus-within\:outline-accent > *):focus-within {
1552
+ outline-color: var(--ab-color-accent);
1694
1553
  }
1695
- .twa\:hover\:bg-accent\/90 {
1696
- &:hover {
1697
- @media (hover: hover) {
1698
- background-color: var(--ab-color-accent);
1699
- @supports (color: color-mix(in lab, red, red)) {
1700
- background-color: color-mix(in oklab, var(--ab-color-accent) 90%, transparent);
1701
- }
1702
- }
1554
+ @media (hover: hover) {
1555
+ .twa\:hover\:cursor-pointer:hover {
1556
+ cursor: pointer;
1703
1557
  }
1704
1558
  }
1705
- .twa\:hover\:bg-primary {
1706
- &:hover {
1707
- @media (hover: hover) {
1708
- background-color: var(--ab-color-primary);
1709
- }
1559
+ @media (hover: hover) {
1560
+ .twa\:hover\:bg-accent:hover {
1561
+ background-color: var(--ab-color-accent);
1710
1562
  }
1711
1563
  }
1712
- .twa\:hover\:bg-primarylight {
1713
- &:hover {
1714
- @media (hover: hover) {
1715
- background-color: var(--ab-color-primarylight);
1716
- }
1564
+ @media (hover: hover) {
1565
+ .twa\:hover\:bg-accent\/90:hover {
1566
+ background-color: var(--ab-color-accent);
1717
1567
  }
1718
- }
1719
- .twa\:hover\:text-accent-foreground {
1720
- &:hover {
1721
- @media (hover: hover) {
1722
- color: var(--ab-color-accent-foreground);
1568
+ @supports (color: color-mix(in lab, red, red)) {
1569
+ .twa\:hover\:bg-accent\/90:hover {
1570
+ background-color: color-mix(in oklab, var(--ab-color-accent) 90%, transparent);
1723
1571
  }
1724
1572
  }
1725
1573
  }
1726
- .twa\:hover\:text-text-on-primary {
1727
- &:hover {
1728
- @media (hover: hover) {
1729
- color: var(--ab-color-text-on-primary);
1730
- }
1574
+ @media (hover: hover) {
1575
+ .twa\:hover\:bg-primary:hover {
1576
+ background-color: var(--ab-color-primary);
1731
1577
  }
1732
1578
  }
1733
- .twa\:hover\:opacity-85 {
1734
- &:hover {
1735
- @media (hover: hover) {
1736
- opacity: 85%;
1737
- }
1579
+ @media (hover: hover) {
1580
+ .twa\:hover\:bg-primarylight:hover {
1581
+ background-color: var(--ab-color-primarylight);
1738
1582
  }
1739
1583
  }
1740
- .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\) {
1741
- &:hover {
1742
- @media (hover: hover) {
1743
- &:not(*:disabled) {
1744
- --tw-shadow: var(--ab-cmp-simple-button__hover-box-shadow);
1745
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1746
- }
1747
- }
1584
+ @media (hover: hover) {
1585
+ .twa\:hover\:text-accent-foreground:hover {
1586
+ color: var(--ab-color-accent-foreground);
1748
1587
  }
1749
1588
  }
1750
- .twa\:hover\:before\:bg-current {
1751
- &:hover {
1752
- @media (hover: hover) {
1753
- &::before {
1754
- content: var(--tw-content);
1755
- background-color: currentcolor;
1756
- }
1757
- }
1589
+ @media (hover: hover) {
1590
+ .twa\:hover\:text-text-on-primary:hover {
1591
+ color: var(--ab-color-text-on-primary);
1758
1592
  }
1759
1593
  }
1760
- .twa\:hover\:before\:opacity-15 {
1761
- &:hover {
1762
- @media (hover: hover) {
1763
- &::before {
1764
- content: var(--tw-content);
1765
- opacity: 15%;
1766
- }
1767
- }
1594
+ @media (hover: hover) {
1595
+ .twa\:hover\:opacity-85:hover {
1596
+ opacity: 85%;
1768
1597
  }
1769
1598
  }
1770
- .twa\:focus\:shadow-\(--ab-focus__box-shadow\) {
1771
- &:focus {
1772
- --tw-shadow: var(--ab-focus__box-shadow);
1599
+ @media (hover: hover) {
1600
+ .twa\:hover\:not-disabled\:shadow-\(--ab-cmp-simple-button__hover-box-shadow\):hover:not(*:disabled) {
1601
+ --tw-shadow: var(--ab-cmp-simple-button__hover-box-shadow);
1773
1602
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1774
1603
  }
1775
1604
  }
1776
- .twa\:focus\:outline-0 {
1777
- &:focus {
1778
- outline-style: var(--tw-outline-style);
1779
- outline-width: 0px;
1605
+ @media (hover: hover) {
1606
+ .twa\:hover\:before\:bg-current:hover::before {
1607
+ content: var(--tw-content);
1608
+ background-color: currentcolor;
1780
1609
  }
1781
1610
  }
1782
- .twa\:focus\:outline-2 {
1783
- &:focus {
1784
- outline-style: var(--tw-outline-style);
1785
- outline-width: 2px;
1611
+ @media (hover: hover) {
1612
+ .twa\:hover\:before\:opacity-15:hover::before {
1613
+ content: var(--tw-content);
1614
+ opacity: 15%;
1786
1615
  }
1787
1616
  }
1788
- .twa\:focus\:outline-offset-1 {
1789
- &:focus {
1790
- outline-offset: 1px;
1791
- }
1617
+ .twa\:focus\:shadow-\(--ab-focus__box-shadow\):focus {
1618
+ --tw-shadow: var(--ab-focus__box-shadow);
1619
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1792
1620
  }
1793
- .twa\:focus\:outline-accent {
1794
- &:focus {
1795
- outline-color: var(--ab-color-accent);
1796
- }
1621
+ .twa\:focus\:outline-0:focus {
1622
+ outline-style: var(--tw-outline-style);
1623
+ outline-width: 0px;
1797
1624
  }
1798
- .twa\:focus\:outline-none {
1799
- &:focus {
1800
- --tw-outline-style: none;
1801
- outline-style: none;
1802
- }
1625
+ .twa\:focus\:outline-2:focus {
1626
+ outline-style: var(--tw-outline-style);
1627
+ outline-width: 2px;
1803
1628
  }
1804
- .twa\:\*\:data-\[checked\=true\]\:bg-accent {
1805
- :is(& > *) {
1806
- &[data-checked="true"] {
1807
- background-color: var(--ab-color-accent);
1808
- }
1809
- }
1629
+ .twa\:focus\:outline-offset-1:focus {
1630
+ outline-offset: 1px;
1810
1631
  }
1811
- .twa\:\*\:data-\[checked\=true\]\:text-accent-foreground {
1812
- :is(& > *) {
1813
- &[data-checked="true"] {
1814
- color: var(--ab-color-accent-foreground);
1815
- }
1816
- }
1632
+ .twa\:focus\:outline-accent:focus {
1633
+ outline-color: var(--ab-color-accent);
1634
+ }
1635
+ .twa\:focus\:outline-none:focus {
1636
+ --tw-outline-style: none;
1637
+ outline-style: none;
1638
+ }
1639
+ [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:bg-accent > *) {
1640
+ background-color: var(--ab-color-accent);
1817
1641
  }
1818
- .twa\:md\:grid-cols-\[1fr_1fr\] {
1819
- @media (width >= 48rem) {
1642
+ [data-checked="true"]:is(.twa\:\*\:data-\[checked\=true\]\:text-accent-foreground > *) {
1643
+ color: var(--ab-color-accent-foreground);
1644
+ }
1645
+ @media (width >= 48rem) {
1646
+ .twa\:md\:grid-cols-\[1fr_1fr\] {
1820
1647
  grid-template-columns: 1fr 1fr;
1821
1648
  }
1822
1649
  }
1823
- .twa\:md\:justify-between {
1824
- @media (width >= 48rem) {
1650
+ @media (width >= 48rem) {
1651
+ .twa\:md\:justify-between {
1825
1652
  justify-content: space-between;
1826
1653
  }
1827
1654
  }
1828
- .twa\:md\:gap-3 {
1829
- @media (width >= 48rem) {
1655
+ @media (width >= 48rem) {
1656
+ .twa\:md\:gap-3 {
1830
1657
  gap: calc(var(--ab-base-space) * 3);
1831
1658
  }
1832
1659
  }
1833
- .twa\:lg\:grid {
1834
- @media (width >= 64rem) {
1660
+ @media (width >= 64rem) {
1661
+ .twa\:lg\:grid {
1835
1662
  display: grid;
1836
1663
  }
1837
1664
  }
1838
- .twa\:lg\:flex-row {
1839
- @media (width >= 64rem) {
1665
+ @media (width >= 64rem) {
1666
+ .twa\:lg\:flex-row {
1840
1667
  flex-direction: row;
1841
1668
  }
1842
1669
  }
1843
- .twa\:lg\:gap-3 {
1844
- @media (width >= 64rem) {
1670
+ @media (width >= 64rem) {
1671
+ .twa\:lg\:gap-3 {
1845
1672
  gap: calc(var(--ab-base-space) * 3);
1846
1673
  }
1847
1674
  }
1848
- .twa\:\[\&_svg\]\:align-middle {
1849
- & svg {
1850
- vertical-align: middle;
1851
- }
1675
+ .twa\:\[\&_svg\]\:align-middle svg {
1676
+ vertical-align: middle;
1852
1677
  }
1853
1678
  }
1854
1679
  @layer adaptable.components {
@@ -2323,9 +2148,13 @@
2323
2148
  --infinite-column-header-height: 30px;
2324
2149
  --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
2325
2150
  --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
2326
- @supports (color: color-mix(in lab, red, red)) {
2151
+ }
2152
+ @supports (color: color-mix(in lab, red, red)) {
2153
+ :root {
2327
2154
  --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2328
2155
  }
2156
+ }
2157
+ :root {
2329
2158
  --infinite-grouping-toolbar-active-background-alpha: .15;
2330
2159
  --infinite-grouping-toolbar-color: var(--infinite-cell-color);
2331
2160
  --infinite-grouping-toolbar-padding: var(--infinite-space-3);
@@ -2335,9 +2164,13 @@
2335
2164
  --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
2336
2165
  --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
2337
2166
  --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
2338
- @supports (color: color-mix(in lab, red, red)) {
2167
+ }
2168
+ @supports (color: color-mix(in lab, red, red)) {
2169
+ :root {
2339
2170
  --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2340
2171
  }
2172
+ }
2173
+ :root {
2341
2174
  --infinite-grouping-toolbar-item-active-background-alpha: .15;
2342
2175
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
2343
2176
  --infinite-cell-border-width: 1px;
@@ -2358,13 +2191,21 @@
2358
2191
  --infinite-active-cell-background-alpha: .25;
2359
2192
  --infinite-active-cell-background-alpha--table-unfocused: .1;
2360
2193
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
2361
- @supports (color: color-mix(in lab, red, red)) {
2194
+ }
2195
+ @supports (color: color-mix(in lab, red, red)) {
2196
+ :root {
2362
2197
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
2363
2198
  }
2199
+ }
2200
+ :root {
2364
2201
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
2365
- @supports (color: color-mix(in lab, red, red)) {
2202
+ }
2203
+ @supports (color: color-mix(in lab, red, red)) {
2204
+ :root {
2366
2205
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
2367
2206
  }
2207
+ }
2208
+ :root {
2368
2209
  --infinite-row-odd-background: #f6f6f6;
2369
2210
  --infinite-row-disabled-opacity: .5;
2370
2211
  --infinite-row-disabled-background: #eeeeee;
@@ -2472,9 +2313,13 @@
2472
2313
  --infinite-column-header-height: 30px;
2473
2314
  --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
2474
2315
  --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
2475
- @supports (color: color-mix(in lab, red, red)) {
2316
+ }
2317
+ @supports (color: color-mix(in lab, red, red)) {
2318
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2476
2319
  --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2477
2320
  }
2321
+ }
2322
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2478
2323
  --infinite-grouping-toolbar-active-background-alpha: .15;
2479
2324
  --infinite-grouping-toolbar-color: var(--infinite-cell-color);
2480
2325
  --infinite-grouping-toolbar-padding: var(--infinite-space-3);
@@ -2484,9 +2329,13 @@
2484
2329
  --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
2485
2330
  --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
2486
2331
  --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
2487
- @supports (color: color-mix(in lab, red, red)) {
2332
+ }
2333
+ @supports (color: color-mix(in lab, red, red)) {
2334
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2488
2335
  --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2489
2336
  }
2337
+ }
2338
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2490
2339
  --infinite-grouping-toolbar-item-active-background-alpha: .15;
2491
2340
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
2492
2341
  --infinite-cell-border-width: 1px;
@@ -2507,13 +2356,21 @@
2507
2356
  --infinite-active-cell-background-alpha: .25;
2508
2357
  --infinite-active-cell-background-alpha--table-unfocused: .1;
2509
2358
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
2510
- @supports (color: color-mix(in lab, red, red)) {
2359
+ }
2360
+ @supports (color: color-mix(in lab, red, red)) {
2361
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2511
2362
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
2512
2363
  }
2364
+ }
2365
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2513
2366
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
2514
- @supports (color: color-mix(in lab, red, red)) {
2367
+ }
2368
+ @supports (color: color-mix(in lab, red, red)) {
2369
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2515
2370
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
2516
2371
  }
2372
+ }
2373
+ .infinite-theme-mode--light,.infinite-theme-mode--light:root {
2517
2374
  --infinite-row-odd-background: #f6f6f6;
2518
2375
  --infinite-row-disabled-opacity: .5;
2519
2376
  --infinite-row-disabled-background: #eeeeee;
@@ -2656,9 +2513,13 @@
2656
2513
  --infinite-column-header-height: 30px;
2657
2514
  --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
2658
2515
  --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
2659
- @supports (color: color-mix(in lab, red, red)) {
2516
+ }
2517
+ @supports (color: color-mix(in lab, red, red)) {
2518
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2660
2519
  --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2661
2520
  }
2521
+ }
2522
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2662
2523
  --infinite-grouping-toolbar-active-background-alpha: .15;
2663
2524
  --infinite-grouping-toolbar-color: var(--infinite-cell-color);
2664
2525
  --infinite-grouping-toolbar-padding: var(--infinite-space-3);
@@ -2668,9 +2529,13 @@
2668
2529
  --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
2669
2530
  --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
2670
2531
  --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
2671
- @supports (color: color-mix(in lab, red, red)) {
2532
+ }
2533
+ @supports (color: color-mix(in lab, red, red)) {
2534
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2672
2535
  --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2673
2536
  }
2537
+ }
2538
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2674
2539
  --infinite-grouping-toolbar-item-active-background-alpha: .15;
2675
2540
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
2676
2541
  --infinite-cell-border-width: 1px;
@@ -2691,13 +2556,21 @@
2691
2556
  --infinite-active-cell-background-alpha: .25;
2692
2557
  --infinite-active-cell-background-alpha--table-unfocused: .1;
2693
2558
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
2694
- @supports (color: color-mix(in lab, red, red)) {
2559
+ }
2560
+ @supports (color: color-mix(in lab, red, red)) {
2561
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2695
2562
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
2696
2563
  }
2564
+ }
2565
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2697
2566
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
2698
- @supports (color: color-mix(in lab, red, red)) {
2567
+ }
2568
+ @supports (color: color-mix(in lab, red, red)) {
2569
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2699
2570
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
2700
2571
  }
2572
+ }
2573
+ .infinite-theme-name--default:root,.infinite-theme-name--default {
2701
2574
  --infinite-row-odd-background: #f6f6f6;
2702
2575
  --infinite-row-disabled-opacity: .5;
2703
2576
  --infinite-row-disabled-background: #eeeeee;
@@ -2805,9 +2678,13 @@
2805
2678
  --infinite-column-header-height: 30px;
2806
2679
  --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
2807
2680
  --infinite-grouping-toolbar-active-background: var(--infinite-grouping-toolbar-color);
2808
- @supports (color: color-mix(in lab, red, red)) {
2681
+ }
2682
+ @supports (color: color-mix(in lab, red, red)) {
2683
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2809
2684
  --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2810
2685
  }
2686
+ }
2687
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2811
2688
  --infinite-grouping-toolbar-active-background-alpha: .15;
2812
2689
  --infinite-grouping-toolbar-color: var(--infinite-cell-color);
2813
2690
  --infinite-grouping-toolbar-padding: var(--infinite-space-3);
@@ -2817,10 +2694,14 @@
2817
2694
  --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
2818
2695
  --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
2819
2696
  --infinite-grouping-toolbar-item-active-background: var(--infinite-grouping-toolbar-color);
2820
- @supports (color: color-mix(in lab, red, red)) {
2697
+ }
2698
+ @supports (color: color-mix(in lab, red, red)) {
2699
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2821
2700
  --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
2822
2701
  }
2823
- --infinite-grouping-toolbar-item-active-background-alpha: .15;
2702
+ }
2703
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2704
+ --infinite-grouping-toolbar-item-active-background-alpha: .15;
2824
2705
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
2825
2706
  --infinite-cell-border-width: 1px;
2826
2707
  --infinite-flashing-overlay-z-index: -1;
@@ -2840,13 +2721,21 @@
2840
2721
  --infinite-active-cell-background-alpha: .25;
2841
2722
  --infinite-active-cell-background-alpha--table-unfocused: .1;
2842
2723
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color))))));
2843
- @supports (color: color-mix(in lab, red, red)) {
2724
+ }
2725
+ @supports (color: color-mix(in lab, red, red)) {
2726
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2844
2727
  --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
2845
2728
  }
2729
+ }
2730
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2846
2731
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, var(--infinite-active-cell-border-color, var(--infinite-accent-color)));
2847
- @supports (color: color-mix(in lab, red, red)) {
2732
+ }
2733
+ @supports (color: color-mix(in lab, red, red)) {
2734
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2848
2735
  --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
2849
2736
  }
2737
+ }
2738
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,.infinite-theme-name--default .infinite-theme-mode--light,.infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
2850
2739
  --infinite-row-odd-background: #f6f6f6;
2851
2740
  --infinite-row-disabled-opacity: .5;
2852
2741
  --infinite-row-disabled-background: #eeeeee;
@@ -3543,7 +3432,9 @@
3543
3432
  right: 0;
3544
3433
  border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));
3545
3434
  background: var(--infinite-active-row-background, var(--infinite-active-cell-background, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color)))));
3546
- @supports (color: color-mix(in lab, red, red)) {
3435
+ }
3436
+ @supports (color: color-mix(in lab, red, red)) {
3437
+ .j26lrx0 {
3547
3438
  background: var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))));
3548
3439
  }
3549
3440
  }
@@ -3852,15 +3743,15 @@
3852
3743
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
3853
3744
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
3854
3745
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
3855
- &.ab-CheckBox--indeterminate {
3856
- --ab-cmp-checkbox--check__color: var(
3746
+ }
3747
+ .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
3748
+ --ab-cmp-checkbox--check__color: var(
3857
3749
  --ag-checkbox-checked-color,
3858
3750
  var(--ag-balham-active-color, #0091ea)
3859
3751
  );
3860
- }
3861
- &.ab-CheckBox--unchecked {
3862
- --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
3863
- }
3752
+ }
3753
+ .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
3754
+ --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
3864
3755
  }
3865
3756
  .ab-QueryBuilder__expression {
3866
3757
  background-color: var(--ab-cmp-query-builder-expression__background);
@@ -3869,23 +3760,23 @@
3869
3760
  }
3870
3761
  .ab-QueryBuilder-predicate-editor {
3871
3762
  position: relative;
3872
- &:before {
3873
- content: '';
3874
- position: absolute;
3875
- top: 20px;
3876
- left: -10px;
3877
- width: 10px;
3878
- height: 0px;
3879
- border-top: var(--ab-cmp-query-builder__border);
3880
- }
3881
- &:after {
3882
- content: '';
3883
- position: absolute;
3884
- top: 1px;
3885
- bottom: 0;
3886
- border-left: var(--ab-cmp-query-builder__border);
3887
- left: -12px;
3888
- }
3763
+ }
3764
+ .ab-QueryBuilder-predicate-editor:before {
3765
+ content: '';
3766
+ position: absolute;
3767
+ top: 20px;
3768
+ left: -10px;
3769
+ width: 10px;
3770
+ height: 0px;
3771
+ border-top: var(--ab-cmp-query-builder__border);
3772
+ }
3773
+ .ab-QueryBuilder-predicate-editor:after {
3774
+ content: '';
3775
+ position: absolute;
3776
+ top: 1px;
3777
+ bottom: 0;
3778
+ border-left: var(--ab-cmp-query-builder__border);
3779
+ left: -12px;
3889
3780
  }
3890
3781
  .ab-QueryBuilder-predicate-editor--child .ab-QueryBuilder-predicate-editor__children-wrapper {
3891
3782
  margin-left: 25px;
@@ -3896,34 +3787,34 @@
3896
3787
  }
3897
3788
  .ab-QueryBuilder-predicate-editor--root {
3898
3789
  padding-left: 20px;
3899
- &:before {
3900
- left: 10px;
3901
- }
3902
- &:after {
3903
- left: 10px;
3904
- top: 20px;
3905
- }
3790
+ }
3791
+ .ab-QueryBuilder-predicate-editor--root:before {
3792
+ left: 10px;
3793
+ }
3794
+ .ab-QueryBuilder-predicate-editor--root:after {
3795
+ left: 10px;
3796
+ top: 20px;
3906
3797
  }
3907
3798
  .ab-QueryBuilder-predicate-editor__root-actions {
3908
3799
  padding-top: 10px;
3909
- &:before {
3910
- content: '';
3911
- display: block;
3912
- position: absolute;
3913
- border-bottom: var(--ab-cmp-query-builder__border);
3914
- bottom: 14px;
3915
- left: 9px;
3916
- height: 0px;
3917
- width: 13px;
3918
- }
3919
- &:after {
3920
- content: '';
3921
- position: absolute;
3922
- border-left: var(--ab-cmp-query-builder__border);
3923
- height: 21px;
3924
- bottom: 16px;
3925
- left: 8px;
3926
- }
3800
+ }
3801
+ .ab-QueryBuilder-predicate-editor__root-actions:before {
3802
+ content: '';
3803
+ display: block;
3804
+ position: absolute;
3805
+ border-bottom: var(--ab-cmp-query-builder__border);
3806
+ bottom: 14px;
3807
+ left: 9px;
3808
+ height: 0px;
3809
+ width: 13px;
3810
+ }
3811
+ .ab-QueryBuilder-predicate-editor__root-actions:after {
3812
+ content: '';
3813
+ position: absolute;
3814
+ border-left: var(--ab-cmp-query-builder__border);
3815
+ height: 21px;
3816
+ bottom: 16px;
3817
+ left: 8px;
3927
3818
  }
3928
3819
  :root {
3929
3820
  --ab-cmp-dropdown__color: var(--ab-color-inputcolor);
@@ -4330,23 +4221,19 @@
4330
4221
  .ab-Comment {
4331
4222
  border-bottom: 1px solid var(--ab-color-primarydark);
4332
4223
  }
4333
- .ab-Cell-Comment {
4334
- &:before {
4335
- content: '';
4336
- position: absolute;
4337
- top: 0;
4338
- right: 0;
4339
- width: 0;
4340
- height: 0;
4341
- border-style: solid;
4342
- border-width: 0 8px 8px 0;
4343
- border-color: transparent var(--ab-CellComment-triangle-color) transparent transparent;
4344
- }
4224
+ .ab-Cell-Comment:before {
4225
+ content: '';
4226
+ position: absolute;
4227
+ top: 0;
4228
+ right: 0;
4229
+ width: 0;
4230
+ height: 0;
4231
+ border-style: solid;
4232
+ border-width: 0 8px 8px 0;
4233
+ border-color: transparent var(--ab-CellComment-triangle-color) transparent transparent;
4345
4234
  }
4346
- .ab-Cell-Comment.ab-Cell-Note {
4347
- &:before {
4348
- border-color: transparent var(--ab-CellComment-CellNote-triangle-color) transparent transparent;
4349
- }
4235
+ .ab-Cell-Comment.ab-Cell-Note:before {
4236
+ border-color: transparent var(--ab-CellComment-CellNote-triangle-color) transparent transparent;
4350
4237
  }
4351
4238
  input.ab-Radio-input {
4352
4239
  appearance: none;
@@ -4399,20 +4286,18 @@
4399
4286
  .ab-Select-MenulistSearchContainer {
4400
4287
  background-color: var(--ab-cmp-select-multi-value__background);
4401
4288
  }
4402
- [data-name='menu-container'] .ab-Select-CheckboxColumn {
4403
- .InfiniteCheckBox {
4404
- margin-block: 0px;
4405
- margin-inline: var(--ab-base-space);
4406
- }
4407
- .InfiniteCell_content {
4408
- display: flex;
4409
- align-items: center;
4410
- }
4411
- .InfiniteCell_content_value {
4412
- white-space: nowrap;
4413
- overflow: hidden;
4414
- text-overflow: ellipsis;
4415
- }
4289
+ :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCheckBox {
4290
+ margin-block: 0px;
4291
+ margin-inline: var(--ab-base-space);
4292
+ }
4293
+ :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content {
4294
+ display: flex;
4295
+ align-items: center;
4296
+ }
4297
+ :is([data-name='menu-container'] .ab-Select-CheckboxColumn) .InfiniteCell_content_value {
4298
+ white-space: nowrap;
4299
+ overflow: hidden;
4300
+ text-overflow: ellipsis;
4416
4301
  }
4417
4302
  [data-name='menu-container'] .ab-Select-MenuContainer-Resizable {
4418
4303
  box-shadow: var(--ab-cmp-select-menu__box-shadow);
@@ -4438,26 +4323,22 @@
4438
4323
  align-items: center;
4439
4324
  flex-flow: row nowrap;
4440
4325
  }
4441
- [data-name='menu-container'] .ab-Select-MenulistSearch {
4442
- &:focus {
4443
- box-shadow: none;
4444
- }
4326
+ :is([data-name='menu-container'] .ab-Select-MenulistSearch):focus {
4327
+ box-shadow: none;
4445
4328
  }
4446
- .ab-Table {
4447
- td, th {
4448
- padding: calc(var(--ab-base-space) * 2);
4449
- }
4450
- th {
4451
- border-bottom: 2px solid var(--ab-color-primarydark);
4452
- }
4453
- tr:not(last-child) td {
4454
- border-bottom: 1px solid var(--ab-color-primarylight);
4455
- }
4329
+ .ab-Table td,.ab-Table th {
4330
+ padding: calc(var(--ab-base-space) * 2);
4331
+ }
4332
+ .ab-Table th {
4333
+ border-bottom: 2px solid var(--ab-color-primarydark);
4334
+ }
4335
+ .ab-Table tr:not(last-child) td {
4336
+ border-bottom: 1px solid var(--ab-color-primarylight);
4337
+ }
4338
+ .ab-CheckBox,.ab-CheckBox *,.ab-CheckBox *:before,.ab-CheckBox *:after {
4339
+ box-sizing: border-box;
4456
4340
  }
4457
4341
  .ab-CheckBox {
4458
- &, & *, *:before, *:after {
4459
- box-sizing: border-box;
4460
- }
4461
4342
  display: inline-flex;
4462
4343
  flex-flow: row;
4463
4344
  align-items: center;
@@ -4466,9 +4347,9 @@
4466
4347
  }
4467
4348
  .ab-CheckBox--checked {
4468
4349
  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
4469
- .ab-CheckBox__square {
4470
- border-color: var(--ab-cmp-checkbox--checked__border-color);
4471
- }
4350
+ }
4351
+ .ab-CheckBox--checked .ab-CheckBox__square {
4352
+ border-color: var(--ab-cmp-checkbox--checked__border-color);
4472
4353
  }
4473
4354
  .ab-CheckBox--indeterminate {
4474
4355
  --ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
@@ -4488,49 +4369,43 @@
4488
4369
  font-size: 0;
4489
4370
  position: relative;
4490
4371
  pointer-events: none;
4491
- &:after {
4492
- opacity: 1;
4493
- transition-duration: 0.1s;
4494
- transition-timing-function: ease-in;
4495
- transition-property: opacity;
4496
- content: '';
4497
- display: block;
4498
- margin: auto;
4499
- width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
4500
- height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
4501
- border: solid var(--ab-cmp-checkbox--check__color);
4502
- border-width: 0 2px 2px 0;
4503
- transform: rotate(45deg);
4504
- border-radius: 1px;
4505
- }
4506
4372
  }
4507
- .ab-CheckBox__square--unchecked {
4508
- &::after {
4509
- opacity: 0;
4510
- }
4373
+ .ab-CheckBox__square:after {
4374
+ opacity: 1;
4375
+ transition-duration: 0.1s;
4376
+ transition-timing-function: ease-in;
4377
+ transition-property: opacity;
4378
+ content: '';
4379
+ display: block;
4380
+ margin: auto;
4381
+ width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
4382
+ height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
4383
+ border: solid var(--ab-cmp-checkbox--check__color);
4384
+ border-width: 0 2px 2px 0;
4385
+ transform: rotate(45deg);
4386
+ border-radius: 1px;
4387
+ }
4388
+ .ab-CheckBox__square--unchecked::after {
4389
+ opacity: 0;
4511
4390
  }
4512
- .ab-CheckBox__square--indeterminate {
4513
- &:after {
4514
- transform: rotate(0deg);
4515
- position: absolute;
4516
- top: 2px;
4517
- bottom: 2px;
4518
- right: 2px;
4519
- left: 2px;
4520
- border: none;
4521
- width: auto;
4522
- height: auto;
4523
- background: var(--ab-cmp-checkbox--check__color);
4524
- border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
4525
- }
4391
+ .ab-CheckBox__square--indeterminate:after {
4392
+ transform: rotate(0deg);
4393
+ position: absolute;
4394
+ top: 2px;
4395
+ bottom: 2px;
4396
+ right: 2px;
4397
+ left: 2px;
4398
+ border: none;
4399
+ width: auto;
4400
+ height: auto;
4401
+ background: var(--ab-cmp-checkbox--check__color);
4402
+ border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
4526
4403
  }
4527
4404
  .ab-CheckBox--disabled {
4528
4405
  opacity: 0.5;
4529
4406
  }
4530
- .ab-CheckBox--readonly {
4531
- .ab-CheckBox__square {
4532
- opacity: 0.5;
4533
- }
4407
+ .ab-CheckBox--readonly .ab-CheckBox__square {
4408
+ opacity: 0.5;
4534
4409
  }
4535
4410
  .ab-CheckBox-input:not(.ag-checkbox-input) {
4536
4411
  width: 100%;
@@ -4557,15 +4432,15 @@
4557
4432
  max-width: 300px;
4558
4433
  font-family: var(--ab-cmp-dropdown__font-family);
4559
4434
  font-size: var(--ab-cmp-dropdown__font-size);
4560
- select {
4561
- font-family: inherit;
4562
- font-size: inherit;
4563
- position: absolute;
4564
- cursor: pointer;
4565
- }
4566
- .ab-SimpleButton {
4567
- color: var(--ab-cmp-dropdown__color) !important;
4568
- }
4435
+ }
4436
+ .ab-Dropdown select {
4437
+ font-family: inherit;
4438
+ font-size: inherit;
4439
+ position: absolute;
4440
+ cursor: pointer;
4441
+ }
4442
+ .ab-Dropdown .ab-SimpleButton {
4443
+ color: var(--ab-cmp-dropdown__color) !important;
4569
4444
  }
4570
4445
  .ab-Dropdown--disabled {
4571
4446
  opacity: 0.5;
@@ -4585,10 +4460,8 @@
4585
4460
  white-space: nowrap;
4586
4461
  flex: 1;
4587
4462
  }
4588
- .ab-Dropdown--empty {
4589
- .ab-Dropdown__text {
4590
- color: var(--ab-color-text-on-defaultbackground);
4591
- }
4463
+ .ab-Dropdown--empty .ab-Dropdown__text {
4464
+ color: var(--ab-color-text-on-defaultbackground);
4592
4465
  }
4593
4466
  .ab-DropdownButton {
4594
4467
  position: relative;
@@ -4628,9 +4501,9 @@
4628
4501
  color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
4629
4502
  fill: currentColor;
4630
4503
  cursor: pointer;
4631
- .glyphicon.glyphicon {
4632
- color: inherit;
4633
- }
4504
+ }
4505
+ .ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
4506
+ color: inherit;
4634
4507
  }
4635
4508
  .ab-DropdownButton__separator td {
4636
4509
  border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
@@ -4642,18 +4515,18 @@
4642
4515
  background: var(--ab-cmp-field-wrap__background);
4643
4516
  overflow: hidden;
4644
4517
  fill: var(--ab-cmp-field-wrap__fill);
4645
- &:focus-within {
4646
- box-shadow: var(--ab-focus__box-shadow);
4647
- }
4648
- & input, & select, & > * {
4649
- border: none;
4650
- flex: 1;
4651
- --ab-input-height: calc(var(--ab-input-height) - 2px);
4652
- }
4653
- & input, & select, & .ab-Dropdown {
4654
- outline: none !important;
4655
- box-shadow: none !important;
4656
- }
4518
+ }
4519
+ .ab-FieldWrap:focus-within {
4520
+ box-shadow: var(--ab-focus__box-shadow);
4521
+ }
4522
+ .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap > * {
4523
+ border: none;
4524
+ flex: 1;
4525
+ --ab-input-height: calc(var(--ab-input-height) - 2px);
4526
+ }
4527
+ .ab-FieldWrap input,.ab-FieldWrap select,.ab-FieldWrap .ab-Dropdown {
4528
+ outline: none !important;
4529
+ box-shadow: none !important;
4657
4530
  }
4658
4531
  .ab-FormLayout {
4659
4532
  display: grid;
@@ -4670,34 +4543,34 @@
4670
4543
  border: var(--ab-cmp-input__border);
4671
4544
  font-family: var(--ab-cmp-input__font-family);
4672
4545
  font-size: var(--ab-cmp-input__font-size);
4673
- &:focus {
4674
- box-shadow: var(--ab-focus__box-shadow);
4675
- outline: var(--ab-focus__outline);
4676
- }
4677
- &::-webkit-input-placeholder {
4678
- color: var(--ab-cmp-input--placeholder__color);
4679
- opacity: var(--ab-cmp-input--placeholder__opacity);
4680
- }
4681
- &:-moz-placeholder {
4682
- color: var(--ab-cmp-input--placeholder__color);
4683
- opacity: var(--ab-cmp-input--placeholder__opacity);
4684
- }
4685
- &::-moz-placeholder {
4686
- color: var(--ab-cmp-input--placeholder__color);
4687
- opacity: var(--ab-cmp-input--placeholder__opacity);
4688
- }
4689
- &:-ms-input-placeholder {
4690
- color: var(--ab-cmp-input--placeholder__color);
4691
- opacity: var(--ab-cmp-input--placeholder__opacity);
4692
- }
4693
- &::-ms-input-placeholder {
4694
- color: var(--ab-cmp-input--placeholder__color);
4695
- opacity: var(--ab-cmp-input--placeholder__opacity);
4696
- }
4697
- &::placeholder {
4698
- color: var(--ab-cmp-input--placeholder__color);
4699
- opacity: var(--ab-cmp-input--placeholder__opacity);
4700
- }
4546
+ }
4547
+ .ab-Input:focus {
4548
+ box-shadow: var(--ab-focus__box-shadow);
4549
+ outline: var(--ab-focus__outline);
4550
+ }
4551
+ .ab-Input::-webkit-input-placeholder {
4552
+ color: var(--ab-cmp-input--placeholder__color);
4553
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4554
+ }
4555
+ .ab-Input:-moz-placeholder {
4556
+ color: var(--ab-cmp-input--placeholder__color);
4557
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4558
+ }
4559
+ .ab-Input::-moz-placeholder {
4560
+ color: var(--ab-cmp-input--placeholder__color);
4561
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4562
+ }
4563
+ .ab-Input:-ms-input-placeholder {
4564
+ color: var(--ab-cmp-input--placeholder__color);
4565
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4566
+ }
4567
+ .ab-Input::-ms-input-placeholder {
4568
+ color: var(--ab-cmp-input--placeholder__color);
4569
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4570
+ }
4571
+ .ab-Input::placeholder {
4572
+ color: var(--ab-cmp-input--placeholder__color);
4573
+ opacity: var(--ab-cmp-input--placeholder__opacity);
4701
4574
  }
4702
4575
  input[type='number'].ab-Input::-webkit-outer-spin-button, input[type='number'].ab-Input::-webkit-inner-spin-button {
4703
4576
  -webkit-appearance: none;
@@ -4709,10 +4582,8 @@
4709
4582
  bottom: 0;
4710
4583
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
4711
4584
  }
4712
- input[type='number'].ab-Input:focus, input[type='number'].ab-Input:hover {
4713
- &::-webkit-inner-spin-button, &::-webkit-inner-spin-button:active {
4714
- opacity: 1;
4715
- }
4585
+ :is(input[type='number'].ab-Input:focus,input[type='number'].ab-Input:hover)::-webkit-inner-spin-button,:is(input[type='number'].ab-Input:focus,input[type='number'].ab-Input:hover)::-webkit-inner-spin-button:active {
4586
+ opacity: 1;
4716
4587
  }
4717
4588
  input[type='number'].ab-Input.ab-Input--no-arrows {
4718
4589
  appearance: textfield;
@@ -4734,13 +4605,11 @@
4734
4605
  z-index: 10;
4735
4606
  overflow: visible;
4736
4607
  }
4737
- .ab-Tabs__Tab {
4738
- &:focus {
4739
- &:after {
4740
- box-shadow: var(--ab-focus__box-shadow);
4741
- }
4742
- outline: none;
4743
- }
4608
+ .ab-Tabs__Tab:focus:after {
4609
+ box-shadow: var(--ab-focus__box-shadow);
4610
+ }
4611
+ .ab-Tabs__Tab:focus {
4612
+ outline: none;
4744
4613
  }
4745
4614
  .ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
4746
4615
  border-bottom-left-radius: var(--ab__border-radius);
@@ -4748,31 +4617,31 @@
4748
4617
  .ab-Tabs__Tab--active {
4749
4618
  position: relative;
4750
4619
  z-index: 30;
4751
- &:after {
4752
- content: '';
4753
- pointer-events: none;
4754
- position: absolute;
4755
- top: 0;
4756
- bottom: 5px;
4757
- right: 0;
4758
- left: 0;
4759
- z-index: -2;
4760
- border-top-left-radius: var(--ab__border-radius);
4761
- border-top-right-radius: var(--ab__border-radius);
4762
- }
4763
- &:before {
4764
- content: '';
4765
- position: absolute;
4766
- pointer-events: none;
4767
- border-top-left-radius: var(--ab__border-radius);
4768
- border-top-right-radius: var(--ab__border-radius);
4769
- z-index: -1;
4770
- left: 0;
4771
- top: 0;
4772
- width: 100%;
4773
- height: 100%;
4774
- background: var(--ab-cmp-tabs-active__background);
4775
- }
4620
+ }
4621
+ .ab-Tabs__Tab--active:after {
4622
+ content: '';
4623
+ pointer-events: none;
4624
+ position: absolute;
4625
+ top: 0;
4626
+ bottom: 5px;
4627
+ right: 0;
4628
+ left: 0;
4629
+ z-index: -2;
4630
+ border-top-left-radius: var(--ab__border-radius);
4631
+ border-top-right-radius: var(--ab__border-radius);
4632
+ }
4633
+ .ab-Tabs__Tab--active:before {
4634
+ content: '';
4635
+ position: absolute;
4636
+ pointer-events: none;
4637
+ border-top-left-radius: var(--ab__border-radius);
4638
+ border-top-right-radius: var(--ab__border-radius);
4639
+ z-index: -1;
4640
+ left: 0;
4641
+ top: 0;
4642
+ width: 100%;
4643
+ height: 100%;
4644
+ background: var(--ab-cmp-tabs-active__background);
4776
4645
  }
4777
4646
  .ab-Tabs__Strip {
4778
4647
  background: var(--ab-cmp-tabs-active__background);
@@ -4790,10 +4659,12 @@
4790
4659
  }
4791
4660
  .ab-Panel {
4792
4661
  max-height: var(--ab-cmp-panel__max-height);
4793
- .glyphicon {
4794
- -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
4795
- fill: var(--ab-cmp-panel-icon__fill);
4796
- }
4662
+ }
4663
+ .ab-Panel .glyphicon {
4664
+ -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
4665
+ fill: var(--ab-cmp-panel-icon__fill);
4666
+ }
4667
+ .ab-Panel {
4797
4668
  font-size: var(--ab-cmp-panel__font-size);
4798
4669
  }
4799
4670
  .ab-Panel--variant-modern {
@@ -4845,13 +4716,13 @@
4845
4716
  font-family: var(--ab-cmp-textarea__font-family);
4846
4717
  font-size: var(--ab-cmp-textarea__font-size);
4847
4718
  background: var(--ab-cmp-textarea__background);
4848
- &[disabled] {
4849
- background: var(--ab-cmp-textarea--disabled__background);
4850
- }
4851
- &:focus {
4852
- box-shadow: var(--ab-focus__box-shadow);
4853
- outline: var(--ab-focus__outline);
4854
- }
4719
+ }
4720
+ .ab-Textarea[disabled] {
4721
+ background: var(--ab-cmp-textarea--disabled__background);
4722
+ }
4723
+ .ab-Textarea:focus {
4724
+ box-shadow: var(--ab-focus__box-shadow);
4725
+ outline: var(--ab-focus__outline);
4855
4726
  }
4856
4727
  .ab-Tooltip {
4857
4728
  pointer-events: none;
@@ -4860,19 +4731,19 @@
4860
4731
  white-space: nowrap;
4861
4732
  font-size: var(--ab-cmp-tooltip__font-size);
4862
4733
  color: var(--ab-cmp-tooltip__color);
4863
- &:before {
4864
- border: var(--ab-cmp-tooltip__border);
4865
- content: '';
4866
- position: absolute;
4867
- border-radius: var(--ab__border-radius);
4868
- width: 100%;
4869
- height: 100%;
4870
- left: 0;
4871
- top: 0;
4872
- opacity: var(--ab-cmp-tooltip__opacity);
4873
- background: var(--ab-cmp-tooltip__background);
4874
- z-index: -1;
4875
- }
4734
+ }
4735
+ .ab-Tooltip:before {
4736
+ border: var(--ab-cmp-tooltip__border);
4737
+ content: '';
4738
+ position: absolute;
4739
+ border-radius: var(--ab__border-radius);
4740
+ width: 100%;
4741
+ height: 100%;
4742
+ left: 0;
4743
+ top: 0;
4744
+ opacity: var(--ab-cmp-tooltip__opacity);
4745
+ background: var(--ab-cmp-tooltip__background);
4746
+ z-index: -1;
4876
4747
  }
4877
4748
  .ab-FileDroppable {
4878
4749
  --ab-cmp-file-droppable__transition: fill 0.15s ease-in-out, color 0.15s ease-in-out,
@@ -4886,31 +4757,29 @@
4886
4757
  outline: var(--ab-cmp-file-droppable__outline);
4887
4758
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
4888
4759
  background: var(--ab-cmp-file-droppable__background);
4889
- &, input, button, .ab-SimpleButton {
4890
- transition: var(--ab-cmp-file-droppable__transition);
4891
- fill: currentColor;
4892
- }
4893
- &, input, button {
4894
- color: var(--ab-cmp-file-droppable__color);
4895
- }
4896
- &.ab-FileDroppable--drag-over {
4897
- outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
4898
- outline: var(--ab-cmp-file-droppable--drag-over__outline);
4899
- background: var(--ab-cmp-file-droppable--drag-over__background);
4900
- color: var(--ab-cmp-file-droppable--drag-over__color);
4901
- * {
4902
- pointer-events: none;
4903
- }
4904
- }
4905
- &, *, *:before, *:after {
4906
- box-sizing: border-box;
4907
- }
4908
4760
  }
4909
- .ab-WizardPanel {
4910
- & > .ab-Panel__body {
4911
- display: flex;
4912
- flex-flow: column;
4913
- }
4761
+ .ab-FileDroppable,.ab-FileDroppable input,.ab-FileDroppable button,.ab-FileDroppable .ab-SimpleButton {
4762
+ transition: var(--ab-cmp-file-droppable__transition);
4763
+ fill: currentColor;
4764
+ }
4765
+ .ab-FileDroppable,.ab-FileDroppable input,.ab-FileDroppable button {
4766
+ color: var(--ab-cmp-file-droppable__color);
4767
+ }
4768
+ .ab-FileDroppable.ab-FileDroppable--drag-over {
4769
+ outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
4770
+ outline: var(--ab-cmp-file-droppable--drag-over__outline);
4771
+ background: var(--ab-cmp-file-droppable--drag-over__background);
4772
+ color: var(--ab-cmp-file-droppable--drag-over__color);
4773
+ }
4774
+ .ab-FileDroppable.ab-FileDroppable--drag-over * {
4775
+ pointer-events: none;
4776
+ }
4777
+ .ab-FileDroppable,.ab-FileDroppable *,.ab-FileDroppable *:before,.ab-FileDroppable *:after {
4778
+ box-sizing: border-box;
4779
+ }
4780
+ .ab-WizardPanel > .ab-Panel__body {
4781
+ display: flex;
4782
+ flex-flow: column;
4914
4783
  }
4915
4784
  .ab-Dashboard {
4916
4785
  z-index: 1000;
@@ -4918,15 +4787,15 @@
4918
4787
  background: var(--ab-dashboard-gap__background);
4919
4788
  color: var(--ab-dashboard__color);
4920
4789
  font-family: var(--ab-dashboard__font-family);
4921
- .ab-Input {
4922
- border: none;
4923
- }
4924
- .ab-DashboardToolbar__QuickSearch__text .ab-Input {
4925
- padding: var(--ab-base-space);
4926
- }
4927
- .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button, .ab-StateManagement__Export-Dropdown {
4928
- margin-left: var(--ab-base-space);
4929
- }
4790
+ }
4791
+ .ab-Dashboard .ab-Input {
4792
+ border: none;
4793
+ }
4794
+ .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
4795
+ padding: var(--ab-base-space);
4796
+ }
4797
+ .ab-Dashboard .ab-StateManagement__Clear-Button,.ab-Dashboard .ab-StateManagement__Load-Button,.ab-Dashboard .ab-StateManagement__Export-Dropdown {
4798
+ margin-left: var(--ab-base-space);
4930
4799
  }
4931
4800
  .ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
4932
4801
  display: flex;
@@ -5015,9 +4884,9 @@
5015
4884
  background: var(--ab-dashboard-header__background);
5016
4885
  padding-top: var(--ab-dashboard-gap-size);
5017
4886
  padding-bottom: var(--ab-dashboard-gap-size);
5018
- .ab-Dashboard__toolbar-title {
5019
- opacity: 1;
5020
- }
4887
+ }
4888
+ .ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
4889
+ opacity: 1;
5021
4890
  }
5022
4891
  .ab-TreeDropdown {
5023
4892
  position: relative;
@@ -5030,268 +4899,264 @@
5030
4899
  flex-flow: row;
5031
4900
  align-items: center;
5032
4901
  }
5033
- .ab-cmp-input-group {
5034
- > :first-child, > :first-child.ab-FieldWrap.ab-Datepicker {
5035
- --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
5036
- --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
5037
- --ab-cmp-simple-button__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
5038
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5039
- }
5040
- > :last-child {
5041
- --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5042
- --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5043
- --ab-cmp-simple-button__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5044
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5045
- }
5046
- > :not(:first-child):not(:last-child) {
5047
- --ab-cmp-input__border-radius: var(--ab__border-radius);
5048
- --ab-cmp-select__border-radius: var(--ab__border-radius);
5049
- --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
5050
- --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5051
- }
4902
+ .ab-cmp-input-group > :first-child,.ab-cmp-input-group > .ab-FieldWrap.ab-Datepicker:first-child {
4903
+ --ab-cmp-input__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4904
+ --ab-cmp-select__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4905
+ --ab-cmp-simple-button__border-radius: var(--ab__border-radius) 0 0 var(--ab__border-radius);
4906
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
5052
4907
  }
5053
- .ab-Datepicker-Overlay {
5054
- .rdp-root {
5055
- --rdp-accent-color: blue;
5056
- --rdp-accent-background-color: #f0f0ff;
5057
- --rdp-day-height: 44px;
5058
- --rdp-day-width: 44px;
5059
- --rdp-day_button-border-radius: 100%;
5060
- --rdp-day_button-border: 2px solid transparent;
5061
- --rdp-day_button-height: 42px;
5062
- --rdp-day_button-width: 42px;
5063
- --rdp-selected-border: 2px solid var(--rdp-accent-color);
5064
- --rdp-disabled-opacity: 0.5;
5065
- --rdp-outside-opacity: 0.75;
5066
- --rdp-today-color: var(--rdp-accent-color);
5067
- --rdp-dropdown-gap: 0.5rem;
5068
- --rdp-months-gap: 2rem;
5069
- --rdp-nav_button-disabled-opacity: 0.5;
5070
- --rdp-nav_button-height: 2.25rem;
5071
- --rdp-nav_button-width: 2.25rem;
5072
- --rdp-nav-height: 2.75rem;
5073
- --rdp-range_middle-background-color: var(--rdp-accent-background-color);
5074
- --rdp-range_middle-color: inherit;
5075
- --rdp-range_start-color: white;
5076
- --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
5077
- --rdp-range_start-date-background-color: var(--rdp-accent-color);
5078
- --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
5079
- --rdp-range_end-color: white;
5080
- --rdp-range_end-date-background-color: var(--rdp-accent-color);
5081
- --rdp-week_number-border-radius: 100%;
5082
- --rdp-week_number-border: 2px solid transparent;
5083
- --rdp-week_number-height: var(--rdp-day-height);
5084
- --rdp-week_number-opacity: 0.75;
5085
- --rdp-week_number-width: var(--rdp-day-width);
5086
- --rdp-weeknumber-text-align: center;
5087
- --rdp-weekday-opacity: 0.75;
5088
- --rdp-weekday-padding: 0.5rem 0rem;
5089
- --rdp-weekday-text-align: center;
5090
- --rdp-gradient-direction: 90deg;
5091
- }
5092
- .rdp-root[dir="rtl"] {
5093
- --rdp-gradient-direction: -90deg;
5094
- }
5095
- .rdp-root[data-broadcast-calendar="true"] {
5096
- --rdp-outside-opacity: unset;
5097
- }
5098
- .rdp-root {
5099
- position: relative;
5100
- box-sizing: border-box;
5101
- }
5102
- .rdp-root * {
5103
- box-sizing: border-box;
5104
- }
5105
- .rdp-day {
5106
- width: var(--rdp-day-width);
5107
- height: var(--rdp-day-height);
5108
- text-align: center;
5109
- }
5110
- .rdp-day_button {
5111
- background: none;
5112
- padding: 0;
5113
- margin: 0;
5114
- cursor: pointer;
5115
- font: inherit;
5116
- color: inherit;
5117
- justify-content: center;
5118
- align-items: center;
5119
- display: flex;
5120
- width: var(--rdp-day_button-width);
5121
- height: var(--rdp-day_button-height);
5122
- border: var(--rdp-day_button-border);
5123
- border-radius: var(--rdp-day_button-border-radius);
5124
- }
5125
- .rdp-day_button:disabled {
5126
- cursor: revert;
5127
- }
5128
- .rdp-caption_label {
5129
- z-index: 1;
5130
- position: relative;
5131
- display: inline-flex;
5132
- align-items: center;
5133
- white-space: nowrap;
5134
- border: 0;
5135
- }
5136
- .rdp-dropdown:focus-visible ~ .rdp-caption_label {
5137
- outline: 5px auto Highlight;
5138
- outline: 5px auto -webkit-focus-ring-color;
5139
- }
5140
- .rdp-button_next, .rdp-button_previous {
5141
- border: none;
5142
- background: none;
5143
- padding: 0;
5144
- margin: 0;
5145
- cursor: pointer;
5146
- font: inherit;
5147
- color: inherit;
5148
- -moz-appearance: none;
5149
- -webkit-appearance: none;
5150
- display: inline-flex;
5151
- align-items: center;
5152
- justify-content: center;
5153
- position: relative;
5154
- appearance: none;
5155
- width: var(--rdp-nav_button-width);
5156
- height: var(--rdp-nav_button-height);
5157
- }
5158
- .rdp-button_next:disabled, .rdp-button_previous:disabled {
5159
- cursor: revert;
5160
- opacity: var(--rdp-nav_button-disabled-opacity);
5161
- }
5162
- .rdp-chevron {
5163
- display: inline-block;
5164
- fill: var(--rdp-accent-color);
5165
- }
5166
- .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5167
- transform: rotate(180deg);
5168
- }
5169
- .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5170
- transform: rotate(180deg);
5171
- transform-origin: 50%;
5172
- }
5173
- .rdp-dropdowns {
5174
- position: relative;
5175
- display: inline-flex;
5176
- align-items: center;
5177
- gap: var(--rdp-dropdown-gap);
5178
- }
5179
- .rdp-dropdown {
5180
- z-index: 2;
5181
- opacity: 0;
5182
- appearance: none;
5183
- position: absolute;
5184
- inset-block-start: 0;
5185
- inset-block-end: 0;
5186
- inset-inline-start: 0;
5187
- width: 100%;
5188
- margin: 0;
5189
- padding: 0;
5190
- cursor: inherit;
5191
- border: none;
5192
- line-height: inherit;
5193
- }
5194
- .rdp-dropdown_root {
5195
- position: relative;
5196
- display: inline-flex;
5197
- align-items: center;
5198
- }
5199
- .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
5200
- opacity: var(--rdp-disabled-opacity);
5201
- }
5202
- .rdp-month_caption {
5203
- display: flex;
5204
- align-content: center;
5205
- height: var(--rdp-nav-height);
5206
- font-weight: bold;
5207
- font-size: large;
5208
- }
5209
- .rdp-months {
5210
- position: relative;
5211
- display: flex;
5212
- flex-wrap: wrap;
5213
- gap: var(--rdp-months-gap);
5214
- max-width: fit-content;
5215
- }
5216
- .rdp-month_grid {
5217
- border-collapse: collapse;
5218
- }
5219
- .rdp-nav {
5220
- position: absolute;
5221
- inset-block-start: 0;
5222
- inset-inline-end: 0;
5223
- display: flex;
5224
- align-items: center;
5225
- height: var(--rdp-nav-height);
5226
- }
5227
- .rdp-weekday {
5228
- opacity: var(--rdp-weekday-opacity);
5229
- padding: var(--rdp-weekday-padding);
5230
- font-weight: 500;
5231
- font-size: smaller;
5232
- text-align: var(--rdp-weekday-text-align);
5233
- text-transform: var(--rdp-weekday-text-transform);
5234
- }
5235
- .rdp-week_number {
5236
- opacity: var(--rdp-week_number-opacity);
5237
- font-weight: 400;
5238
- font-size: small;
5239
- height: var(--rdp-week_number-height);
5240
- width: var(--rdp-week_number-width);
5241
- border: var(--rdp-week_number-border);
5242
- border-radius: var(--rdp-week_number-border-radius);
5243
- text-align: var(--rdp-weeknumber-text-align);
5244
- }
5245
- .rdp-today:not(.rdp-outside) {
5246
- color: var(--rdp-today-color);
5247
- }
5248
- .rdp-selected {
5249
- font-weight: bold;
5250
- font-size: large;
5251
- }
5252
- .rdp-selected .rdp-day_button {
5253
- border: var(--rdp-selected-border);
5254
- }
5255
- .rdp-outside {
5256
- opacity: var(--rdp-outside-opacity);
5257
- }
5258
- .rdp-disabled {
5259
- opacity: var(--rdp-disabled-opacity);
5260
- }
5261
- .rdp-hidden {
5262
- visibility: hidden;
5263
- color: var(--rdp-range_start-color);
5264
- }
5265
- .rdp-range_start {
5266
- background: var(--rdp-range_start-background);
5267
- }
5268
- .rdp-range_start .rdp-day_button {
5269
- background-color: var(--rdp-range_start-date-background-color);
5270
- color: var(--rdp-range_start-color);
5271
- }
5272
- .rdp-range_middle {
5273
- background-color: var(--rdp-range_middle-background-color);
5274
- }
5275
- .rdp-range_middle .rdp-day_button {
5276
- border-color: transparent;
5277
- border: unset;
5278
- border-radius: unset;
5279
- color: var(--rdp-range_middle-color);
5280
- }
5281
- .rdp-range_end {
5282
- background: var(--rdp-range_end-background);
5283
- color: var(--rdp-range_end-color);
5284
- }
5285
- .rdp-range_end .rdp-day_button {
5286
- color: var(--rdp-range_start-color);
5287
- background-color: var(--rdp-range_end-date-background-color);
5288
- }
5289
- .rdp-range_start.rdp-range_end {
5290
- background: revert;
5291
- }
5292
- .rdp-focusable {
5293
- cursor: pointer;
5294
- }
4908
+ .ab-cmp-input-group > :last-child {
4909
+ --ab-cmp-input__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4910
+ --ab-cmp-select__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4911
+ --ab-cmp-simple-button__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4912
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4913
+ }
4914
+ .ab-cmp-input-group > :not(:first-child):not(:last-child) {
4915
+ --ab-cmp-input__border-radius: var(--ab__border-radius);
4916
+ --ab-cmp-select__border-radius: var(--ab__border-radius);
4917
+ --ab-cmp-simple-button__border-radius: var(--ab__border-radius);
4918
+ --ab-cmp-field-wrap__border-radius: 0 var(--ab__border-radius) var(--ab__border-radius) 0;
4919
+ }
4920
+ .ab-Datepicker-Overlay .rdp-root {
4921
+ --rdp-accent-color: blue;
4922
+ --rdp-accent-background-color: #f0f0ff;
4923
+ --rdp-day-height: 44px;
4924
+ --rdp-day-width: 44px;
4925
+ --rdp-day_button-border-radius: 100%;
4926
+ --rdp-day_button-border: 2px solid transparent;
4927
+ --rdp-day_button-height: 42px;
4928
+ --rdp-day_button-width: 42px;
4929
+ --rdp-selected-border: 2px solid var(--rdp-accent-color);
4930
+ --rdp-disabled-opacity: 0.5;
4931
+ --rdp-outside-opacity: 0.75;
4932
+ --rdp-today-color: var(--rdp-accent-color);
4933
+ --rdp-dropdown-gap: 0.5rem;
4934
+ --rdp-months-gap: 2rem;
4935
+ --rdp-nav_button-disabled-opacity: 0.5;
4936
+ --rdp-nav_button-height: 2.25rem;
4937
+ --rdp-nav_button-width: 2.25rem;
4938
+ --rdp-nav-height: 2.75rem;
4939
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color);
4940
+ --rdp-range_middle-color: inherit;
4941
+ --rdp-range_start-color: white;
4942
+ --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);
4943
+ --rdp-range_start-date-background-color: var(--rdp-accent-color);
4944
+ --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);
4945
+ --rdp-range_end-color: white;
4946
+ --rdp-range_end-date-background-color: var(--rdp-accent-color);
4947
+ --rdp-week_number-border-radius: 100%;
4948
+ --rdp-week_number-border: 2px solid transparent;
4949
+ --rdp-week_number-height: var(--rdp-day-height);
4950
+ --rdp-week_number-opacity: 0.75;
4951
+ --rdp-week_number-width: var(--rdp-day-width);
4952
+ --rdp-weeknumber-text-align: center;
4953
+ --rdp-weekday-opacity: 0.75;
4954
+ --rdp-weekday-padding: 0.5rem 0rem;
4955
+ --rdp-weekday-text-align: center;
4956
+ --rdp-gradient-direction: 90deg;
4957
+ }
4958
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] {
4959
+ --rdp-gradient-direction: -90deg;
4960
+ }
4961
+ .ab-Datepicker-Overlay .rdp-root[data-broadcast-calendar="true"] {
4962
+ --rdp-outside-opacity: unset;
4963
+ }
4964
+ .ab-Datepicker-Overlay .rdp-root {
4965
+ position: relative;
4966
+ box-sizing: border-box;
4967
+ }
4968
+ .ab-Datepicker-Overlay .rdp-root * {
4969
+ box-sizing: border-box;
4970
+ }
4971
+ .ab-Datepicker-Overlay .rdp-day {
4972
+ width: var(--rdp-day-width);
4973
+ height: var(--rdp-day-height);
4974
+ text-align: center;
4975
+ }
4976
+ .ab-Datepicker-Overlay .rdp-day_button {
4977
+ background: none;
4978
+ padding: 0;
4979
+ margin: 0;
4980
+ cursor: pointer;
4981
+ font: inherit;
4982
+ color: inherit;
4983
+ justify-content: center;
4984
+ align-items: center;
4985
+ display: flex;
4986
+ width: var(--rdp-day_button-width);
4987
+ height: var(--rdp-day_button-height);
4988
+ border: var(--rdp-day_button-border);
4989
+ border-radius: var(--rdp-day_button-border-radius);
4990
+ }
4991
+ .ab-Datepicker-Overlay .rdp-day_button:disabled {
4992
+ cursor: revert;
4993
+ }
4994
+ .ab-Datepicker-Overlay .rdp-caption_label {
4995
+ z-index: 1;
4996
+ position: relative;
4997
+ display: inline-flex;
4998
+ align-items: center;
4999
+ white-space: nowrap;
5000
+ border: 0;
5001
+ }
5002
+ .ab-Datepicker-Overlay .rdp-dropdown:focus-visible ~ .rdp-caption_label {
5003
+ outline: 5px auto Highlight;
5004
+ outline: 5px auto -webkit-focus-ring-color;
5005
+ }
5006
+ .ab-Datepicker-Overlay .rdp-button_next,.ab-Datepicker-Overlay .rdp-button_previous {
5007
+ border: none;
5008
+ background: none;
5009
+ padding: 0;
5010
+ margin: 0;
5011
+ cursor: pointer;
5012
+ font: inherit;
5013
+ color: inherit;
5014
+ -moz-appearance: none;
5015
+ -webkit-appearance: none;
5016
+ display: inline-flex;
5017
+ align-items: center;
5018
+ justify-content: center;
5019
+ position: relative;
5020
+ appearance: none;
5021
+ width: var(--rdp-nav_button-width);
5022
+ height: var(--rdp-nav_button-height);
5023
+ }
5024
+ .ab-Datepicker-Overlay .rdp-button_next:disabled,.ab-Datepicker-Overlay .rdp-button_previous:disabled {
5025
+ cursor: revert;
5026
+ opacity: var(--rdp-nav_button-disabled-opacity);
5027
+ }
5028
+ .ab-Datepicker-Overlay .rdp-chevron {
5029
+ display: inline-block;
5030
+ fill: var(--rdp-accent-color);
5031
+ }
5032
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5033
+ transform: rotate(180deg);
5034
+ }
5035
+ .ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
5036
+ transform: rotate(180deg);
5037
+ transform-origin: 50%;
5038
+ }
5039
+ .ab-Datepicker-Overlay .rdp-dropdowns {
5040
+ position: relative;
5041
+ display: inline-flex;
5042
+ align-items: center;
5043
+ gap: var(--rdp-dropdown-gap);
5044
+ }
5045
+ .ab-Datepicker-Overlay .rdp-dropdown {
5046
+ z-index: 2;
5047
+ opacity: 0;
5048
+ appearance: none;
5049
+ position: absolute;
5050
+ inset-block-start: 0;
5051
+ inset-block-end: 0;
5052
+ inset-inline-start: 0;
5053
+ width: 100%;
5054
+ margin: 0;
5055
+ padding: 0;
5056
+ cursor: inherit;
5057
+ border: none;
5058
+ line-height: inherit;
5059
+ }
5060
+ .ab-Datepicker-Overlay .rdp-dropdown_root {
5061
+ position: relative;
5062
+ display: inline-flex;
5063
+ align-items: center;
5064
+ }
5065
+ .ab-Datepicker-Overlay .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
5066
+ opacity: var(--rdp-disabled-opacity);
5067
+ }
5068
+ .ab-Datepicker-Overlay .rdp-month_caption {
5069
+ display: flex;
5070
+ align-content: center;
5071
+ height: var(--rdp-nav-height);
5072
+ font-weight: bold;
5073
+ font-size: large;
5074
+ }
5075
+ .ab-Datepicker-Overlay .rdp-months {
5076
+ position: relative;
5077
+ display: flex;
5078
+ flex-wrap: wrap;
5079
+ gap: var(--rdp-months-gap);
5080
+ max-width: fit-content;
5081
+ }
5082
+ .ab-Datepicker-Overlay .rdp-month_grid {
5083
+ border-collapse: collapse;
5084
+ }
5085
+ .ab-Datepicker-Overlay .rdp-nav {
5086
+ position: absolute;
5087
+ inset-block-start: 0;
5088
+ inset-inline-end: 0;
5089
+ display: flex;
5090
+ align-items: center;
5091
+ height: var(--rdp-nav-height);
5092
+ }
5093
+ .ab-Datepicker-Overlay .rdp-weekday {
5094
+ opacity: var(--rdp-weekday-opacity);
5095
+ padding: var(--rdp-weekday-padding);
5096
+ font-weight: 500;
5097
+ font-size: smaller;
5098
+ text-align: var(--rdp-weekday-text-align);
5099
+ text-transform: var(--rdp-weekday-text-transform);
5100
+ }
5101
+ .ab-Datepicker-Overlay .rdp-week_number {
5102
+ opacity: var(--rdp-week_number-opacity);
5103
+ font-weight: 400;
5104
+ font-size: small;
5105
+ height: var(--rdp-week_number-height);
5106
+ width: var(--rdp-week_number-width);
5107
+ border: var(--rdp-week_number-border);
5108
+ border-radius: var(--rdp-week_number-border-radius);
5109
+ text-align: var(--rdp-weeknumber-text-align);
5110
+ }
5111
+ .ab-Datepicker-Overlay .rdp-today:not(.rdp-outside) {
5112
+ color: var(--rdp-today-color);
5113
+ }
5114
+ .ab-Datepicker-Overlay .rdp-selected {
5115
+ font-weight: bold;
5116
+ font-size: large;
5117
+ }
5118
+ .ab-Datepicker-Overlay .rdp-selected .rdp-day_button {
5119
+ border: var(--rdp-selected-border);
5120
+ }
5121
+ .ab-Datepicker-Overlay .rdp-outside {
5122
+ opacity: var(--rdp-outside-opacity);
5123
+ }
5124
+ .ab-Datepicker-Overlay .rdp-disabled {
5125
+ opacity: var(--rdp-disabled-opacity);
5126
+ }
5127
+ .ab-Datepicker-Overlay .rdp-hidden {
5128
+ visibility: hidden;
5129
+ color: var(--rdp-range_start-color);
5130
+ }
5131
+ .ab-Datepicker-Overlay .rdp-range_start {
5132
+ background: var(--rdp-range_start-background);
5133
+ }
5134
+ .ab-Datepicker-Overlay .rdp-range_start .rdp-day_button {
5135
+ background-color: var(--rdp-range_start-date-background-color);
5136
+ color: var(--rdp-range_start-color);
5137
+ }
5138
+ .ab-Datepicker-Overlay .rdp-range_middle {
5139
+ background-color: var(--rdp-range_middle-background-color);
5140
+ }
5141
+ .ab-Datepicker-Overlay .rdp-range_middle .rdp-day_button {
5142
+ border-color: transparent;
5143
+ border: unset;
5144
+ border-radius: unset;
5145
+ color: var(--rdp-range_middle-color);
5146
+ }
5147
+ .ab-Datepicker-Overlay .rdp-range_end {
5148
+ background: var(--rdp-range_end-background);
5149
+ color: var(--rdp-range_end-color);
5150
+ }
5151
+ .ab-Datepicker-Overlay .rdp-range_end .rdp-day_button {
5152
+ color: var(--rdp-range_start-color);
5153
+ background-color: var(--rdp-range_end-date-background-color);
5154
+ }
5155
+ .ab-Datepicker-Overlay .rdp-range_start.rdp-range_end {
5156
+ background: revert;
5157
+ }
5158
+ .ab-Datepicker-Overlay .rdp-focusable {
5159
+ cursor: pointer;
5295
5160
  }
5296
5161
  .ab-Datepicker-Overlay {
5297
5162
  border: var(--ab-cmp-datepicker__border);
@@ -5301,68 +5166,66 @@
5301
5166
  outline: var(--ab-focus__outline);
5302
5167
  border-radius: var(--ab__border-radius);
5303
5168
  color: var(--ab-color-text-on-defaultbackground);
5304
- .rdp-root {
5305
- --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
5306
- --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
5307
- --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
5308
- --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
5309
- --rdp-day_button-height: 30px;
5310
- --rdp-day_button-width: 30px;
5311
- --rdp-day-height: auto;
5312
- margin: 1em;
5313
- font-size: var(--ab-cmp-datepicker__font-size);
5314
- font-family: var(--ab-cmp-datepicker__font-family);
5315
- .rdp-month_grid {
5316
- border-collapse: separate;
5317
- }
5318
- .rdp-weeknumber, .rdp-day {
5319
- border-radius: var(--ab-cmp-datepicker__day-border-radius);
5320
- }
5321
- .rdp-day {
5322
- border: var(--ab-cmp-datepicker__day-border-width) solid transparent;
5323
- }
5324
- .rdp-day.rdp-focused:not([disabled]), .rdp-day.rdp-focused:focus:not([disabled]), .rdp-day.rdp-focused:active:not([disabled]), .rdp-day.rdp-focused:hover:not([disabled]) {
5325
- color: var(--ab-cmp-datepicker__active-text-color);
5326
- background: var(--ab-cmp-datepicker__active-color);
5327
- border: var(--ab-cmp-datepicker__active-border);
5328
- border-radius: var(--ab-cmp-datepicker__active-border-radius);
5329
- button {
5330
- border: none;
5331
- outline: none;
5332
- }
5333
- }
5334
- .rdp-day.rdp-selected:not([disabled]), .rdp-day.rdp-selected:focus:not([disabled]), .rdp-day.rdp-selected:active:not([disabled]), .rdp-day.rdp-selected:hover:not([disabled]) {
5335
- color: var(--ab-cmp-datepicker__selected-text-color);
5336
- background: var(--ab-cmp-datepicker__selected-color);
5337
- border: var(--ab-cmp-datepicker__selected-border);
5338
- border-radius: var(--ab-cmp-datepicker__selected-border-radius);
5339
- font-size: inherit;
5340
- }
5341
- .rdp-caption_label {
5342
- font-size: 90%;
5343
- }
5344
- .rdp-nav_button {
5345
- color: var(--ab-color-text-on-primary);
5346
- }
5347
- .rdp-table {
5348
- width: 100%;
5349
- max-width: none;
5350
- }
5351
- .rdp-day.rdp-outside {
5352
- opacity: 0.4;
5353
- }
5354
- .rdp-today {
5355
- border: var(--rdp-outline);
5356
- }
5357
- .rdp-row {
5358
- td:nth-child(8), td:nth-child(9), td:nth-child(10), td:nth-child(11), td:nth-child(12), td:nth-child(13), td:nth-child(14) {
5359
- display: none;
5360
- }
5361
- }
5362
- &.rdp-with_weeknumber .rdp-row td:nth-child(8) {
5363
- display: table-cell;
5364
- }
5365
- }
5169
+ }
5170
+ .ab-Datepicker-Overlay .rdp-root {
5171
+ --rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
5172
+ --rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
5173
+ --rdp-background-color: var(--ab-cmp-datepicker__hover-color);
5174
+ --rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
5175
+ --rdp-day_button-height: 30px;
5176
+ --rdp-day_button-width: 30px;
5177
+ --rdp-day-height: auto;
5178
+ margin: 1em;
5179
+ font-size: var(--ab-cmp-datepicker__font-size);
5180
+ font-family: var(--ab-cmp-datepicker__font-family);
5181
+ }
5182
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-month_grid {
5183
+ border-collapse: separate;
5184
+ }
5185
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-weeknumber,:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day {
5186
+ border-radius: var(--ab-cmp-datepicker__day-border-radius);
5187
+ }
5188
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day {
5189
+ border: var(--ab-cmp-datepicker__day-border-width) solid transparent;
5190
+ }
5191
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:hover:not([disabled]) {
5192
+ color: var(--ab-cmp-datepicker__active-text-color);
5193
+ background: var(--ab-cmp-datepicker__active-color);
5194
+ border: var(--ab-cmp-datepicker__active-border);
5195
+ border-radius: var(--ab-cmp-datepicker__active-border-radius);
5196
+ }
5197
+ :is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-focused:hover:not([disabled])) button {
5198
+ border: none;
5199
+ outline: none;
5200
+ }
5201
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:focus:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:active:not([disabled]),:is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-selected:hover:not([disabled]) {
5202
+ color: var(--ab-cmp-datepicker__selected-text-color);
5203
+ background: var(--ab-cmp-datepicker__selected-color);
5204
+ border: var(--ab-cmp-datepicker__selected-border);
5205
+ border-radius: var(--ab-cmp-datepicker__selected-border-radius);
5206
+ font-size: inherit;
5207
+ }
5208
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-caption_label {
5209
+ font-size: 90%;
5210
+ }
5211
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-nav_button {
5212
+ color: var(--ab-color-text-on-primary);
5213
+ }
5214
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-table {
5215
+ width: 100%;
5216
+ max-width: none;
5217
+ }
5218
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-day.rdp-outside {
5219
+ opacity: 0.4;
5220
+ }
5221
+ :is(.ab-Datepicker-Overlay .rdp-root) .rdp-today {
5222
+ border: var(--rdp-outline);
5223
+ }
5224
+ :is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(8),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(9),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(10),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(11),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(12),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(13),:is(:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row) td:nth-child(14) {
5225
+ display: none;
5226
+ }
5227
+ .rdp-with_weeknumber:is(.ab-Datepicker-Overlay .rdp-root) .rdp-row td:nth-child(8) {
5228
+ display: table-cell;
5366
5229
  }
5367
5230
  .ab-ToggleButton__slider {
5368
5231
  transition: 0.1s;
@@ -5463,94 +5326,92 @@
5463
5326
  .ab-ModuleSelector__ToolbarItem {
5464
5327
  border: var(--ab-cmp-module-module-selector__toolbar-item__border);
5465
5328
  }
5466
- .ab-ColorPicker-range {
5467
- &[type='range'] {
5468
- width: 120px;
5329
+ .ab-ColorPicker-range[type='range'] {
5330
+ width: 120px;
5331
+ margin: 0;
5332
+ height: 12px !important;
5333
+ min-height: 12px !important;
5334
+ padding: 0;
5335
+ border-radius: 6px;
5336
+ -webkit-appearance: none;
5337
+ appearance: none;
5338
+ }
5339
+ .ab-ColorPicker-range[type='range']:focus {
5340
+ outline: none;
5341
+ }
5342
+ .ab-ColorPicker-range[type='range']::-webkit-slider-runnable-track {
5343
+ background: transparent;
5344
+ border: 0;
5345
+ width: 100%;
5346
+ height: 12px;
5347
+ cursor: pointer;
5348
+ }
5349
+ .ab-ColorPicker-range[type='range']::-webkit-slider-thumb {
5350
+ margin-top: -4px;
5351
+ width: 20px;
5352
+ height: 20px;
5353
+ background: #ffffff;
5354
+ border: 1px solid #000000;
5355
+ border-radius: 50%;
5356
+ cursor: pointer;
5357
+ -webkit-appearance: none;
5358
+ box-sizing: border-box;
5359
+ }
5360
+ .ab-ColorPicker-range[type='range']:focus::-webkit-slider-runnable-track {
5361
+ background: none;
5362
+ }
5363
+ .ab-ColorPicker-range[type='range']::-moz-range-track {
5364
+ background: transparent;
5365
+ border: 0;
5366
+ width: 100%;
5367
+ height: 12px;
5368
+ cursor: pointer;
5369
+ }
5370
+ .ab-ColorPicker-range[type='range']::-moz-range-thumb {
5371
+ width: 20px;
5372
+ height: 20px;
5373
+ background: #ffffff;
5374
+ border: 1px solid #000000;
5375
+ border-radius: 50%;
5376
+ cursor: pointer;
5377
+ box-sizing: border-box;
5378
+ }
5379
+ .ab-ColorPicker-range[type='range']::-ms-track {
5380
+ background: transparent;
5381
+ border-color: transparent;
5382
+ border-width: 1px 0;
5383
+ color: transparent;
5384
+ width: 100%;
5385
+ height: 12px;
5386
+ cursor: pointer;
5387
+ }
5388
+ .ab-ColorPicker-range[type='range']::-ms-fill-lower {
5389
+ background: #43429e;
5390
+ border: 0;
5391
+ }
5392
+ .ab-ColorPicker-range[type='range']::-ms-fill-upper {
5393
+ background: none;
5394
+ border: 0;
5395
+ }
5396
+ .ab-ColorPicker-range[type='range']::-ms-thumb {
5397
+ width: 20px;
5398
+ height: 20px;
5399
+ background: #ffffff;
5400
+ border: 1px solid #000000;
5401
+ border-radius: 50%;
5402
+ cursor: pointer;
5403
+ margin-top: 0px;
5404
+ box-sizing: border-box;
5405
+ }
5406
+ .ab-ColorPicker-range[type='range']:focus::-ms-fill-lower {
5407
+ background: none;
5408
+ }
5409
+ .ab-ColorPicker-range[type='range']:focus::-ms-fill-upper {
5410
+ background: none;
5411
+ }
5412
+ @supports (-ms-ime-align: auto) {
5413
+ .ab-ColorPicker-range[type='range'] {
5469
5414
  margin: 0;
5470
- height: 12px !important;
5471
- min-height: 12px !important;
5472
- padding: 0;
5473
- border-radius: 6px;
5474
- -webkit-appearance: none;
5475
- appearance: none;
5476
- }
5477
- &[type='range']:focus {
5478
- outline: none;
5479
- }
5480
- &[type='range']::-webkit-slider-runnable-track {
5481
- background: transparent;
5482
- border: 0;
5483
- width: 100%;
5484
- height: 12px;
5485
- cursor: pointer;
5486
- }
5487
- &[type='range']::-webkit-slider-thumb {
5488
- margin-top: -4px;
5489
- width: 20px;
5490
- height: 20px;
5491
- background: #ffffff;
5492
- border: 1px solid #000000;
5493
- border-radius: 50%;
5494
- cursor: pointer;
5495
- -webkit-appearance: none;
5496
- box-sizing: border-box;
5497
- }
5498
- &[type='range']:focus::-webkit-slider-runnable-track {
5499
- background: none;
5500
- }
5501
- &[type='range']::-moz-range-track {
5502
- background: transparent;
5503
- border: 0;
5504
- width: 100%;
5505
- height: 12px;
5506
- cursor: pointer;
5507
- }
5508
- &[type='range']::-moz-range-thumb {
5509
- width: 20px;
5510
- height: 20px;
5511
- background: #ffffff;
5512
- border: 1px solid #000000;
5513
- border-radius: 50%;
5514
- cursor: pointer;
5515
- box-sizing: border-box;
5516
- }
5517
- &[type='range']::-ms-track {
5518
- background: transparent;
5519
- border-color: transparent;
5520
- border-width: 1px 0;
5521
- color: transparent;
5522
- width: 100%;
5523
- height: 12px;
5524
- cursor: pointer;
5525
- }
5526
- &[type='range']::-ms-fill-lower {
5527
- background: #43429e;
5528
- border: 0;
5529
- }
5530
- &[type='range']::-ms-fill-upper {
5531
- background: none;
5532
- border: 0;
5533
- }
5534
- &[type='range']::-ms-thumb {
5535
- width: 20px;
5536
- height: 20px;
5537
- background: #ffffff;
5538
- border: 1px solid #000000;
5539
- border-radius: 50%;
5540
- cursor: pointer;
5541
- margin-top: 0px;
5542
- box-sizing: border-box;
5543
- }
5544
- &[type='range']:focus::-ms-fill-lower {
5545
- background: none;
5546
- }
5547
- &[type='range']:focus::-ms-fill-upper {
5548
- background: none;
5549
- }
5550
- @supports (-ms-ime-align: auto) {
5551
- &[type='range'] {
5552
- margin: 0;
5553
- }
5554
5415
  }
5555
5416
  }
5556
5417
  .ab-AdaptableOptions {
@@ -5578,25 +5439,23 @@
5578
5439
  .ab-DashboardToolbar__SystemStatus__further-information {
5579
5440
  white-space: normal;
5580
5441
  }
5581
- .ab-ObjectCollection__list {
5582
- & > * {
5583
- background: var(--ab-cmp-listgroupitem__background);
5584
- color: var(--ab-cmp-listgroupitem__color);
5585
- }
5586
- & > *:nth-child(2n + 1) {
5587
- background: var(--ab-cmp-listgroupitem--odd__background);
5588
- color: var(--ab-cmp-listgroupitem--odd__color);
5589
- }
5442
+ .ab-ObjectCollection__list > * {
5443
+ background: var(--ab-cmp-listgroupitem__background);
5444
+ color: var(--ab-cmp-listgroupitem__color);
5445
+ }
5446
+ .ab-ObjectCollection__list > *:nth-child(2n + 1) {
5447
+ background: var(--ab-cmp-listgroupitem--odd__background);
5448
+ color: var(--ab-cmp-listgroupitem--odd__color);
5590
5449
  }
5591
5450
  .ab-AdaptableObjectRow {
5592
5451
  align-items: center;
5593
5452
  background: var(--ab-cmp-listgroupitem__background);
5594
5453
  color: var(--ab-cmp-listgroupitem__color);
5595
5454
  border-radius: var(--ab-cmp-listgroupitem__border-radius);
5596
- &:nth-child(2n + 1) {
5597
- background: var(--ab-cmp-listgroupitem--odd__background);
5598
- color: var(--ab-cmp-listgroupitem--odd__color);
5599
- }
5455
+ }
5456
+ .ab-AdaptableObjectRow:nth-child(2n + 1) {
5457
+ background: var(--ab-cmp-listgroupitem--odd__background);
5458
+ color: var(--ab-cmp-listgroupitem--odd__color);
5600
5459
  }
5601
5460
  .ab-AdaptableObjectRow--is-suspended {
5602
5461
  text-decoration: line-through;
@@ -5617,37 +5476,31 @@
5617
5476
  font-family: var(--ab__font-family);
5618
5477
  --ab-popover-triangle-size: 10px;
5619
5478
  }
5620
- .ab-Overlay--show-triangle > .ab-Popover {
5621
- &:before {
5622
- content: '';
5623
- position: absolute;
5624
- width: 0;
5625
- height: 0;
5626
- border-style: solid;
5627
- }
5479
+ :is(.ab-Overlay--show-triangle > .ab-Popover):before {
5480
+ content: '';
5481
+ position: absolute;
5482
+ width: 0;
5483
+ height: 0;
5484
+ border-style: solid;
5628
5485
  }
5629
- .ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover {
5630
- &:before {
5631
- border-width: 0 calc(var(--ab-popover-triangle-size) / 2) var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2);
5632
- border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
5633
- left: 50%;
5634
- top: calc(var(--ab-popover-triangle-size) * -1);
5635
- transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
5636
- }
5486
+ :is(.ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover):before {
5487
+ border-width: 0 calc(var(--ab-popover-triangle-size) / 2) var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2);
5488
+ border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
5489
+ left: 50%;
5490
+ top: calc(var(--ab-popover-triangle-size) * -1);
5491
+ transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
5637
5492
  }
5638
- .ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover {
5639
- &:before {
5640
- border-width: var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2) 0 calc(var(--ab-popover-triangle-size) / 2);
5641
- border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
5642
- left: 50%;
5643
- bottom: calc(var(--ab-popover-triangle-size) * -1);
5644
- transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
5645
- }
5493
+ :is(.ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover):before {
5494
+ border-width: var(--ab-popover-triangle-size) calc(var(--ab-popover-triangle-size) / 2) 0 calc(var(--ab-popover-triangle-size) / 2);
5495
+ border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
5496
+ left: 50%;
5497
+ bottom: calc(var(--ab-popover-triangle-size) * -1);
5498
+ transform: translate3d(calc(var(--ab-popover-triangle-size) * -0.5), 0px, 0px);
5499
+ }
5500
+ .ab-NocodeWizard,.ab-NocodeWizard *,.ab-NocodeWizard *:before,.ab-NocodeWizard *:after {
5501
+ box-sizing: border-box;
5646
5502
  }
5647
5503
  .ab-NocodeWizard {
5648
- &, *, *:before, *:after {
5649
- box-sizing: border-box;
5650
- }
5651
5504
  padding: var(--ab-cmp-wizard__padding);
5652
5505
  margin: var(--ab-cmp-wizard__margin);
5653
5506
  background: var(--ab-cmp-wizard__background);
@@ -5671,15 +5524,13 @@
5671
5524
  opacity: var(--ab-cmp-button-disabled-opacity);
5672
5525
  background: var(--ab-cmp-button-disabled-background);
5673
5526
  }
5674
- .ab-DashboardPanel {
5675
- .ab-CheckBox:not(.ab-dd-checkbox), .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
5676
- fill: currentColor;
5677
- color: var(--ab-cmp-dashboardpanel_header__color);
5678
- border-color: currentColor;
5679
- }
5680
- .glyphicon.glyphicon {
5681
- color: var(--ab-cmp-dashboardpanel__fill);
5682
- }
5527
+ .ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),.ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
5528
+ fill: currentColor;
5529
+ color: var(--ab-cmp-dashboardpanel_header__color);
5530
+ border-color: currentColor;
5531
+ }
5532
+ .ab-DashboardPanel .glyphicon.glyphicon {
5533
+ color: var(--ab-cmp-dashboardpanel__fill);
5683
5534
  }
5684
5535
  .ab-ToolPanelPanel {
5685
5536
  color: var(--ab-cmp-toolpanelpanel__color);
@@ -5694,35 +5545,35 @@
5694
5545
  }
5695
5546
  .ab-Dashboard__pinned-container {
5696
5547
  border-right: var(--ab-cmp-dashboard-pinned-toolbar-border);
5697
- &:last-child {
5698
- border-right: 0;
5699
- }
5548
+ }
5549
+ .ab-Dashboard__pinned-container:last-child {
5550
+ border-right: 0;
5700
5551
  }
5701
5552
  .ab-ToolPanel {
5702
5553
  flex: 1 1 0;
5703
5554
  min-width: 0;
5704
5555
  color: var(--ab-cmp-toolpanel__color);
5705
5556
  font-family: var(--ab-cmp-toolpanel__font-family);
5706
- .ab-ToolPanel__header {
5707
- background: var(--ab-cmp-toolpanel-header__background);
5708
- color: var(--ab-cmp-toolpanel-header__color);
5709
- }
5710
- .ab-ToolPanel__header__buttons {
5711
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
5712
- }
5713
- .ab-ToolPanel__custom-content__buttons {
5714
- display: flex;
5715
- flex-direction: row;
5716
- flex-wrap: wrap;
5717
- grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
5718
- }
5719
- .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button {
5720
- justify-content: center;
5721
- flex: 1;
5722
- }
5723
- .ab-StateManagement__Clear-Button, .ab-StateManagement__Load-Button, .ab-StateManagement__Export-Dropdown {
5724
- margin-bottom: var(--ab-base-space);
5725
- }
5557
+ }
5558
+ .ab-ToolPanel .ab-ToolPanel__header {
5559
+ background: var(--ab-cmp-toolpanel-header__background);
5560
+ color: var(--ab-cmp-toolpanel-header__color);
5561
+ }
5562
+ .ab-ToolPanel .ab-ToolPanel__header__buttons {
5563
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
5564
+ }
5565
+ .ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
5566
+ display: flex;
5567
+ flex-direction: row;
5568
+ flex-wrap: wrap;
5569
+ grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
5570
+ }
5571
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,.ab-ToolPanel .ab-StateManagement__Load-Button {
5572
+ justify-content: center;
5573
+ flex: 1;
5574
+ }
5575
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,.ab-ToolPanel .ab-StateManagement__Load-Button,.ab-ToolPanel .ab-StateManagement__Export-Dropdown {
5576
+ margin-bottom: var(--ab-base-space);
5726
5577
  }
5727
5578
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
5728
5579
  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
@@ -5760,9 +5611,9 @@
5760
5611
  }
5761
5612
  .ab-Adaptable-Popup--settings-popup {
5762
5613
  height: var(--ab-cmp-adaptable-popup--settings__height);
5763
- .ab-Dialog__close-button {
5764
- top: 9px;
5765
- }
5614
+ }
5615
+ .ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
5616
+ top: 9px;
5766
5617
  }
5767
5618
  .ab-Adaptable-Popup__Panel {
5768
5619
  width: 100%;
@@ -5785,12 +5636,12 @@
5785
5636
  .ab-Window-Modal {
5786
5637
  max-height: 100%;
5787
5638
  box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
5788
- .ab-Dialog__close-button {
5789
- top: 3px;
5790
- }
5791
- .ab-Panel {
5792
- max-height: initial;
5793
- }
5639
+ }
5640
+ .ab-Window-Modal .ab-Dialog__close-button {
5641
+ top: 3px;
5642
+ }
5643
+ .ab-Window-Modal .ab-Panel {
5644
+ max-height: initial;
5794
5645
  }
5795
5646
  .ab-Adaptable-Object-List__Item {
5796
5647
  background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
@@ -5801,25 +5652,25 @@
5801
5652
  padding: var(--ab-cmp-adaptable-object-compact-list__padding);
5802
5653
  background: var(--ab-cmp-adaptable-object-compact-list__background);
5803
5654
  max-height: 70vh;
5804
- .ab-Adaptable-Object-Compact-List__Header {
5805
- padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
5806
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
5807
- }
5808
- .ab-Adaptable-Object-Compact-List__Title {
5809
- font-size: var(--ab-font-size-4);
5810
- }
5811
- .ab-Adaptable-Object-Compact-List__Body {
5812
- overflow: auto;
5813
- height: 100%;
5814
- }
5815
- .ab-Adaptable-Object-Compact-List__Item {
5816
- padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
5817
- margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
5818
- background: var(--ab-cmp-adaptable-object-compact-list-item__background);
5819
- &:last-child {
5820
- margin-bottom: 0;
5821
- }
5822
- }
5655
+ }
5656
+ .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
5657
+ padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
5658
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
5659
+ }
5660
+ .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
5661
+ font-size: var(--ab-font-size-4);
5662
+ }
5663
+ .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
5664
+ overflow: auto;
5665
+ height: 100%;
5666
+ }
5667
+ .ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
5668
+ padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
5669
+ margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
5670
+ background: var(--ab-cmp-adaptable-object-compact-list-item__background);
5671
+ }
5672
+ :is(.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item):last-child {
5673
+ margin-bottom: 0;
5823
5674
  }
5824
5675
  .ab-Adaptable-Object-List__Item__edit-property {
5825
5676
  visibility: hidden;
@@ -5830,11 +5681,9 @@
5830
5681
  }
5831
5682
  .ab-Adaptable-Object-List__Item__label {
5832
5683
  width: var(--ab-cmp-adaptable-object-list-item-label__width);
5833
- &:hover {
5834
- .ab-Adaptable-Object-List__Item__edit-property {
5835
- visibility: visible;
5836
- }
5837
- }
5684
+ }
5685
+ .ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
5686
+ visibility: visible;
5838
5687
  }
5839
5688
  .ab-Adaptable-Object-Compact-List__Item__Name {
5840
5689
  width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
@@ -5881,18 +5730,16 @@
5881
5730
  background: none;
5882
5731
  font-weight: 400;
5883
5732
  border-right: var(--ab-cmp-adaptable-statusbar__border);
5884
- &:last-child {
5885
- border-right: 0;
5886
- }
5887
- &, .ab-SimpleButton {
5888
- color: var(--ab-cmp-adaptable-statusbar__color);
5889
- }
5890
5733
  }
5891
- button.ab-StatusBar__SubPanel {
5892
- &:hover {
5893
- background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
5894
- cursor: pointer;
5895
- }
5734
+ .ab-StatusBar__SubPanel:last-child {
5735
+ border-right: 0;
5736
+ }
5737
+ .ab-StatusBar__SubPanel,.ab-StatusBar__SubPanel .ab-SimpleButton {
5738
+ color: var(--ab-cmp-adaptable-statusbar__color);
5739
+ }
5740
+ button.ab-StatusBar__SubPanel:hover {
5741
+ background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
5742
+ cursor: pointer;
5896
5743
  }
5897
5744
  .ab-Shared-Entity-Shared-Object {
5898
5745
  border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
@@ -5927,18 +5774,16 @@
5927
5774
  border: var(--ab-note-popup-border);
5928
5775
  min-width: var(--ab-note-popup-min-width);
5929
5776
  }
5930
- .ab-Cell-Note {
5931
- &:before {
5932
- content: '';
5933
- position: absolute;
5934
- top: 0;
5935
- right: 0;
5936
- width: 0;
5937
- height: 0;
5938
- border-style: solid;
5939
- border-width: 0 8px 8px 0;
5940
- border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
5941
- }
5777
+ .ab-Cell-Note:before {
5778
+ content: '';
5779
+ position: absolute;
5780
+ top: 0;
5781
+ right: 0;
5782
+ width: 0;
5783
+ height: 0;
5784
+ border-style: solid;
5785
+ border-width: 0 8px 8px 0;
5786
+ border-color: transparent var(--ab-CellNote-triangle-color) transparent transparent;
5942
5787
  }
5943
5788
  :root {
5944
5789
  --ab-Dataimport-validation-error__border: 1px dashed var(--ab-color-error);
@@ -6616,9 +6461,9 @@
6616
6461
  height: 100%;
6617
6462
  display: flex;
6618
6463
  column-gap: var(--ab-base-space);
6619
- & > button.ab-SimpleButton {
6620
- height: 100%;
6621
- }
6464
+ }
6465
+ .ab-ActionColumn > button.ab-SimpleButton {
6466
+ height: 100%;
6622
6467
  }
6623
6468
  .Toastify__toast-container {
6624
6469
  border-style: none;
@@ -6656,50 +6501,44 @@
6656
6501
  .Toastify__toast--error {
6657
6502
  --ab-toast-cmp__shadow-color: var(--ab-color-error);
6658
6503
  }
6659
- .ab--custom-mac-like-scrollbars {
6660
- .ab-Grid *, .ag-root *, .ab-Dashboard, .ab-Dashboard *, .ab-Panel, .ab-Panel *, .ab-Modal, .ab-Modal * {
6661
- &::-webkit-scrollbar {
6662
- background-color: rgba(0, 0, 0, 0);
6663
- border-radius: 100px;
6664
- }
6665
- &::-webkit-scrollbar:vertical {
6666
- width: var(--ab-custom-scrollbar-size);
6667
- }
6668
- &::-webkit-scrollbar:horizontal {
6669
- height: var(--ab-custom-scrollbar-size);
6670
- }
6671
- &::-webkit-scrollbar:hover {
6672
- background-color: rgba(0, 0, 0, 0.09);
6673
- }
6674
- &::-webkit-scrollbar-thumb {
6675
- background: rgba(0, 0, 0, 0.5);
6676
- border-radius: 100px;
6677
- background-clip: padding-box;
6678
- border: 2px solid rgba(0, 0, 0, 0);
6679
- }
6680
- &::-webkit-scrollbar-thumb:vertical {
6681
- min-height: var(--ab-custom-scrollbar-size);
6682
- }
6683
- &::-webkit-scrollbar-thumb:horizontal {
6684
- min-width: var(--ab-custom-scrollbar-size);
6685
- }
6686
- &::-webkit-scrollbar-thumb:active {
6687
- background: rgba(0, 0, 0, 0.61);
6688
- border-radius: 100px;
6689
- }
6690
- }
6504
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar {
6505
+ background-color: rgba(0, 0, 0, 0);
6506
+ border-radius: 100px;
6507
+ }
6508
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar:vertical {
6509
+ width: var(--ab-custom-scrollbar-size);
6510
+ }
6511
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar:horizontal {
6512
+ height: var(--ab-custom-scrollbar-size);
6513
+ }
6514
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar:hover {
6515
+ background-color: rgba(0, 0, 0, 0.09);
6516
+ }
6517
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar-thumb {
6518
+ background: rgba(0, 0, 0, 0.5);
6519
+ border-radius: 100px;
6520
+ background-clip: padding-box;
6521
+ border: 2px solid rgba(0, 0, 0, 0);
6522
+ }
6523
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar-thumb:vertical {
6524
+ min-height: var(--ab-custom-scrollbar-size);
6525
+ }
6526
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar-thumb:horizontal {
6527
+ min-width: var(--ab-custom-scrollbar-size);
6528
+ }
6529
+ :is(.ab--custom-mac-like-scrollbars .ab-Grid *,.ab--custom-mac-like-scrollbars .ag-root *,.ab--custom-mac-like-scrollbars .ab-Dashboard,.ab--custom-mac-like-scrollbars .ab-Dashboard *,.ab--custom-mac-like-scrollbars .ab-Panel,.ab--custom-mac-like-scrollbars .ab-Panel *,.ab--custom-mac-like-scrollbars .ab-Modal,.ab--custom-mac-like-scrollbars .ab-Modal *)::-webkit-scrollbar-thumb:active {
6530
+ background: rgba(0, 0, 0, 0.61);
6531
+ border-radius: 100px;
6691
6532
  }
6692
6533
  .ag-details-row {
6693
6534
  display: flex;
6694
6535
  flex-flow: column;
6695
- .ag-details-grid {
6696
- flex: 1;
6697
- }
6698
6536
  }
6699
- .ab-wait-for-progress-indicator {
6700
- &.ab-Grid {
6701
- pointer-events: none;
6702
- }
6537
+ .ag-details-row .ag-details-grid {
6538
+ flex: 1;
6539
+ }
6540
+ .ab-wait-for-progress-indicator.ab-Grid {
6541
+ pointer-events: none;
6703
6542
  }
6704
6543
  .ab__ng-wrapper {
6705
6544
  display: flex;
@@ -6708,13 +6547,14 @@
6708
6547
  .ag-header-cell:has(.ab-FloatingFilter) {
6709
6548
  padding: var(--ab-base-space) !important;
6710
6549
  }
6550
+ .ag-floating-filter .ab-FloatingFilter {
6551
+ --ab-input-height: 100%;
6552
+ }
6711
6553
  .ag-group-floating-filter:has(.ab-FloatingFilter) {
6712
6554
  height: 100% !important;
6713
6555
  }
6714
- .ag-group-floating-filter {
6715
- .ag-react-container {
6716
- width: 100% !important;
6717
- }
6556
+ .ag-group-floating-filter .ag-react-container {
6557
+ width: 100% !important;
6718
6558
  }
6719
6559
  .ab-header__align-center .ag-header-cell-label {
6720
6560
  justify-content: center;
@@ -6725,13 +6565,11 @@
6725
6565
  .ab-header__align-left .ag-header-cell-label {
6726
6566
  justify-content: flex-start;
6727
6567
  }
6728
- .ag-side-bar {
6729
- .ag-react-container {
6730
- width: 100%;
6731
- }
6568
+ .ag-side-bar .ag-react-container {
6569
+ width: 100%;
6732
6570
  }
6733
6571
  }
6734
- @layer adaptable.theme {
6572
+ @layer adaptable.theming {
6735
6573
  html.ab--theme-light {
6736
6574
  --ab-theme-loaded: light;
6737
6575
  }