@adaptabletools/adaptable-react-aggrid 11.0.0-canary.3 → 11.0.0-canary.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/base.css +135 -69
  2. package/index.css +136 -69
  3. package/package.json +4 -4
  4. package/themes/dark.css +4 -4
package/base.css CHANGED
@@ -1255,7 +1255,7 @@
1255
1255
  --ab-color-text-on-error: white;
1256
1256
  --ab-color-text-on-info: white;
1257
1257
  --ab-color-text-on-warn: white;
1258
- --ab-color-action-add: #2966A8;
1258
+ --ab-color-action-add: #2966a8;
1259
1259
  --ab-color-action-edit: #17a2b8;
1260
1260
  --ab-color-action-share: #eb9316;
1261
1261
  --ab-color-action-delete: #dc3545;
@@ -1272,12 +1272,12 @@
1272
1272
  --ab-color-primarylight: #f5f5f5;
1273
1273
  --ab-color-text-on-primary: #656565;
1274
1274
  --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
1275
- --ab-color-secondary: #2966A8;
1275
+ --ab-color-secondary: #2966a8;
1276
1276
  --ab-color-secondarydark: #015a9a;
1277
1277
  --ab-color-secondarylight: #a9ddff;
1278
- --ab-color-text-on-secondary: #E2E2E2;
1278
+ --ab-color-text-on-secondary: #e2e2e2;
1279
1279
  --ab-color-text-on-secondarylight: #000000;
1280
- --ab-color-blue: #419641;
1280
+ --ab-color-blue: #419641;
1281
1281
  --ab-color-focus: var(--ab-color-accent);
1282
1282
  --ab-gridheader--filtered__background: var(--ab-color-primary);
1283
1283
  --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1288,16 +1288,16 @@
1288
1288
  --ab-grid-row-height: 40px;
1289
1289
  --ab-loaded: 777; }
1290
1290
  :root {
1291
- --ITableHeader__color:var(--ab-color-text-on-primary);
1291
+ --ITableHeader__color: var(--ab-color-text-on-primary);
1292
1292
  --ITableHeaderCell__background: var(--ab-color-primary);
1293
1293
  --ITableHeader__background: var(--ITableHeaderCell__background);
1294
- --ITableRow__color:var(--ab-color-text-on-primary);
1294
+ --ITableRow__color: var(--ab-color-text-on-primary);
1295
1295
  --ITable__background: var(--ab-color-primarylight);
1296
1296
  --ITableRow__background: var(--ab-color-defaultbackground);
1297
1297
  --ITableRow--odd__background: var(--ab-color-primarylight); }
1298
- .ab-style__list-group-item:nth-child(2n+1) {
1298
+ .ab-style__list-group-item:nth-child(2n + 1) {
1299
1299
  background: var(--ab-color-primarylight); }
1300
- .ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
1300
+ .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
1301
1301
  margin-inline-start: 0px; }
1302
1302
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
1303
1303
  font-weight: bolder;
@@ -1311,12 +1311,18 @@
1311
1311
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
1312
1312
  --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
1313
1313
  .ab-CheckBox--variant-agGrid {
1314
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
1314
+ --ab-cmp-checkbox--check__color: var(
1315
+ --ag-checkbox-checked-color,
1316
+ var(--ag-balham-active-color, #0091ea)
1317
+ );
1315
1318
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
1316
1319
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
1317
1320
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
1318
1321
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
1319
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
1322
+ --ab-cmp-checkbox--check__color: var(
1323
+ --ag-checkbox-checked-color,
1324
+ var(--ag-balham-active-color, #0091ea)
1325
+ ); }
1320
1326
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
1321
1327
  --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
1322
1328
  :root {
@@ -1343,7 +1349,8 @@
1343
1349
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
1344
1350
  --ab-cmp-dropdownbutton-list__z-index: 1000;
1345
1351
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
1346
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
1352
+ --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
1353
+ -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
1347
1354
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
1348
1355
  :root {
1349
1356
  --ab-cmp-error-box__padding: var(--ab-space-3);
@@ -1389,7 +1396,7 @@
1389
1396
  background: var(--ab-cmp-listgroupitem__background);
1390
1397
  color: var(--ab-cmp-listgroupitem__color);
1391
1398
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
1392
- .ab-ListGroupItem:nth-child(2n+1) {
1399
+ .ab-ListGroupItem:nth-child(2n + 1) {
1393
1400
  background: var(--ab-cmp-listgroupitem--odd__background);
1394
1401
  color: var(--ab-cmp-listgroupitem--odd__color); }
1395
1402
  .ab-ListGroupItem.ab-ListGroupItem--no-zebra {
@@ -1458,7 +1465,8 @@
1458
1465
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
1459
1466
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
1460
1467
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
1461
- --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
1468
+ --ab-cmp-file-droppable--drag-over__outline: 2px dashed
1469
+ var(--ab-cmp-file-droppable--drag-over__color); }
1462
1470
  :root {
1463
1471
  --ab-dashboard__background: var(--ab-color-primary);
1464
1472
  --ab-dashboard__font-family: var(--ab__font-family);
@@ -1506,7 +1514,7 @@
1506
1514
  --ab-cmp-button-border-radius: 0px;
1507
1515
  --ab-cmp-button-disabled-opacity: 0.5;
1508
1516
  --ab-cmp-button-background: var(--ab-color-primary);
1509
- --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
1517
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
1510
1518
  :root {
1511
1519
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
1512
1520
  --ab-cmp-dashboardpanel_header__background: var(--ab-color-primary);
@@ -1531,12 +1539,13 @@
1531
1539
  overflow: auto;
1532
1540
  display: grid;
1533
1541
  padding: var(--ab-space-2);
1534
- grid-template-rows: 1fr 1fr;
1542
+ grid-template-rows: 1fr 1fr;
1535
1543
  grid-template-columns: 28rem 1fr 1fr;
1536
1544
  row-gap: var(--ab-space-2);
1537
1545
  column-gap: var(--ab-space-2);
1538
1546
  grid-gap: var(--ab-space-2); }
1539
- .ab-LayoutEditor, .ab-LayoutEditor * {
1547
+ .ab-LayoutEditor,
1548
+ .ab-LayoutEditor * {
1540
1549
  box-sizing: border-box; }
1541
1550
  .ab-LayoutEditor__ColumnList {
1542
1551
  overflow: auto; }
@@ -1614,18 +1623,24 @@
1614
1623
  --ab-cmp-adaptable-popup--settings__height: 90vh;
1615
1624
  --ab-cmp-adaptable-popup__height: 90vh;
1616
1625
  --ab-cmp-adaptable-popup__max-height: 1200px;
1626
+ --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
1617
1627
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
1618
- --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
1628
+ --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
1629
+ var(--ab-color-defaultbackground);
1619
1630
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
1620
1631
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
1621
1632
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
1622
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
1623
- --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
1633
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
1634
+ var(--ab-color-primarydark);
1635
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
1636
+ var(--ab-space-2);
1624
1637
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
1625
1638
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
1626
1639
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
1627
1640
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
1628
- --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
1641
+ --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
1642
+ --ab-color-accentlight
1643
+ );
1629
1644
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
1630
1645
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
1631
1646
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -1681,7 +1696,10 @@
1681
1696
  border-bottom: 2px solid var(--ab-color-primarydark); }
1682
1697
  .ab-Table tr:not(last-child) td {
1683
1698
  border-bottom: 1px solid var(--ab-color-primarylight); }
1684
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
1699
+ .ab-CheckBox,
1700
+ .ab-CheckBox *,
1701
+ .ab-CheckBox *:before,
1702
+ .ab-CheckBox *:after {
1685
1703
  box-sizing: border-box; }
1686
1704
  .ab-CheckBox--checked {
1687
1705
  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
@@ -1856,10 +1874,14 @@
1856
1874
  fill: var(--ab-cmp-field-wrap__fill); }
1857
1875
  .ab-FieldWrap:focus-within {
1858
1876
  box-shadow: var(--ab-focus__box-shadow); }
1859
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
1877
+ .ab-FieldWrap input,
1878
+ .ab-FieldWrap select,
1879
+ .ab-FieldWrap > * {
1860
1880
  border: none;
1861
1881
  flex: 1; }
1862
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
1882
+ .ab-FieldWrap input,
1883
+ .ab-FieldWrap select,
1884
+ .ab-FieldWrap .ab-Dropdown {
1863
1885
  outline: none !important;
1864
1886
  box-shadow: none !important; }
1865
1887
  .ab-FormLayout {
@@ -1917,8 +1939,8 @@ input.ab-Input[disabled] {
1917
1939
  color: var(--ab-cmp-input--placeholder__color);
1918
1940
  opacity: var(--ab-cmp-input--placeholder__opacity); }
1919
1941
  /* Spin Buttons modified */
1920
- input[type="number"].ab-Input::-webkit-outer-spin-button,
1921
- input[type="number"].ab-Input::-webkit-inner-spin-button {
1942
+ input[type='number'].ab-Input::-webkit-outer-spin-button,
1943
+ input[type='number'].ab-Input::-webkit-inner-spin-button {
1922
1944
  -webkit-appearance: none;
1923
1945
  width: 1em;
1924
1946
  opacity: 0;
@@ -1927,9 +1949,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
1927
1949
  right: 0;
1928
1950
  bottom: 0;
1929
1951
  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; }
1930
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
1931
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
1932
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
1952
+ input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
1953
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
1954
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
1933
1955
  opacity: 1; }
1934
1956
  .ab-ListGroup {
1935
1957
  display: flex;
@@ -1965,7 +1987,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
1965
1987
  .ab-Tabs {
1966
1988
  display: flex;
1967
1989
  flex-direction: column; }
1968
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
1990
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
1969
1991
  .ab-Tabs__Tab--before-active {
1970
1992
  border-bottom-right-radius: var(--ab__border-radius); }
1971
1993
  .ab-Tabs__Strip {
@@ -2018,7 +2040,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2018
2040
  overflow: auto;
2019
2041
  display: flex;
2020
2042
  flex-flow: column; }
2021
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2043
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2022
2044
  border-top-left-radius: 0; }
2023
2045
  .ab-Panel {
2024
2046
  display: flex;
@@ -2030,8 +2052,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2030
2052
  -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2031
2053
  fill: var(--ab-cmp-panel-icon__fill); }
2032
2054
  .ab-Panel--variant-modern {
2033
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2034
- ; }
2055
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2035
2056
  .ab-Panel__header {
2036
2057
  flex: none;
2037
2058
  background: var(--ab-cmp-panel_header__background);
@@ -2225,10 +2246,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2225
2246
  outline: var(--ab-cmp-file-droppable__outline);
2226
2247
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2227
2248
  background: var(--ab-cmp-file-droppable__background); }
2228
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
2249
+ .ab-FileDroppable,
2250
+ .ab-FileDroppable input,
2251
+ .ab-FileDroppable button,
2252
+ .ab-FileDroppable .ab-SimpleButton {
2229
2253
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
2230
2254
  fill: currentColor; }
2231
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
2255
+ .ab-FileDroppable,
2256
+ .ab-FileDroppable input,
2257
+ .ab-FileDroppable button {
2232
2258
  color: var(--ab-cmp-file-droppable__color); }
2233
2259
  .ab-FileDroppable.ab-FileDroppable--drag-over {
2234
2260
  outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
@@ -2237,7 +2263,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2237
2263
  color: var(--ab-cmp-file-droppable--drag-over__color); }
2238
2264
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
2239
2265
  pointer-events: none; }
2240
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
2266
+ .ab-FileDroppable,
2267
+ .ab-FileDroppable *,
2268
+ .ab-FileDroppable *:before,
2269
+ .ab-FileDroppable *:after {
2241
2270
  box-sizing: border-box; }
2242
2271
  .ab-WizardPanel > .ab-Panel__body {
2243
2272
  display: flex;
@@ -2333,11 +2362,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2333
2362
  white-space: nowrap; }
2334
2363
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
2335
2364
  padding: var(--ab-space-1); }
2336
- .ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2365
+ .ab-Dashboard .ab-StateManagement__Clear-Button,
2366
+ .ab-Dashboard .ab-StateManagement__Load-Button,
2367
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
2337
2368
  margin-left: var(--ab-space-1); }
2338
2369
  .ab-GridList {
2339
2370
  --at-grid__background: transparent; }
2340
- .ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
2371
+ .ab-GridList .AT-GridCell_content,
2372
+ .ab-GridList .ab-ListGroupItem,
2373
+ .ab-GridList .AT-GridColumnCell {
2341
2374
  width: 100%; }
2342
2375
  .ab-GridList .AT-GridHeader {
2343
2376
  display: none; }
@@ -2408,7 +2441,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2408
2441
  position: relative;
2409
2442
  display: inline-block;
2410
2443
  min-width: 40px;
2411
- width: 87px;
2444
+ width: 77px;
2412
2445
  height: 32px; }
2413
2446
  .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
2414
2447
  cursor: pointer;
@@ -2428,7 +2461,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2428
2461
  border-radius: var(--ab__border-radius); }
2429
2462
  .ab-ToggleButton__slider:before {
2430
2463
  position: absolute;
2431
- content: "";
2464
+ content: '';
2432
2465
  width: 24px;
2433
2466
  height: 24px;
2434
2467
  left: 4px;
@@ -2440,7 +2473,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2440
2473
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
2441
2474
  background-color: var(--ab-cmp-toggle-button--active__background); }
2442
2475
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
2443
- transform: translateX(54px); }
2476
+ transform: translateX(45px); }
2444
2477
  .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
2445
2478
  box-shadow: var(--ab-focus__box-shadow); }
2446
2479
  .ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
@@ -2457,7 +2490,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2457
2490
  font-size: var(--ab-cmp-loader__font-size);
2458
2491
  margin-top: 8px;
2459
2492
  font-style: italic; }
2460
- .ab-Loader__text, .ab-Loader__Spinner {
2493
+ .ab-Loader__text,
2494
+ .ab-Loader__Spinner {
2461
2495
  vertical-align: middle; }
2462
2496
  .ab-Loader .ab-Loader__Spinner {
2463
2497
  margin-right: 5px; }
@@ -2535,7 +2569,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2535
2569
  overflow-y: auto;
2536
2570
  overflow-x: hidden;
2537
2571
  --ab-grid-row-height: 26px;
2538
- margin-Bottom: 0; }
2572
+ margin-bottom: 0; }
2539
2573
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
2540
2574
  overflow-x: hidden; }
2541
2575
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
@@ -2583,7 +2617,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2583
2617
  background: var(--ab-cmp-wizard__background);
2584
2618
  color: var(--ab-cmp-wizard__color);
2585
2619
  height: 100%; }
2586
- .ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
2620
+ .ab-nocode-wizard,
2621
+ .ab-nocode-wizard *,
2622
+ .ab-nocode-wizard *:before,
2623
+ .ab-nocode-wizard *:after {
2587
2624
  box-sizing: border-box; }
2588
2625
  .ab-AvailableDropZone .placeholder,
2589
2626
  .ab-SelectedDropZone .placeholder {
@@ -2628,16 +2665,21 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2628
2665
  flex-direction: row;
2629
2666
  flex-wrap: wrap;
2630
2667
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
2631
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
2668
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
2669
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
2632
2670
  justify-content: center;
2633
2671
  flex: 1; }
2634
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
2672
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
2673
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
2674
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
2635
2675
  margin-bottom: var(--ab-space-1); }
2636
2676
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
2637
2677
  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
2638
2678
  .ab-Adaptable-Popup {
2639
2679
  background: var(--ab-cmp-adaptable-popup__background);
2640
2680
  max-height: var(--ab-cmp-adaptable-popup__max-height); }
2681
+ .ab-Adaptable-Popup--window {
2682
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
2641
2683
  .ab-Adaptable-Popup__Navigation {
2642
2684
  padding-top: 10px;
2643
2685
  overflow: auto;
@@ -2802,55 +2844,79 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2802
2844
  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
2803
2845
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
2804
2846
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
2805
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
2806
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
2807
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
2847
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
2848
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
2849
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
2850
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
2851
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
2852
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
2808
2853
  background-color: rgba(0, 0, 0, 0);
2809
2854
  border-radius: 100px; }
2810
2855
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
2811
2856
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
2812
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
2813
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
2814
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
2857
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
2858
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
2859
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
2860
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
2861
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
2862
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
2815
2863
  width: var(--ab-custom-scrollbar-size); }
2816
2864
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
2817
2865
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
2818
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
2819
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
2820
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
2866
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
2867
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
2868
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
2869
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
2870
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
2871
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
2821
2872
  height: var(--ab-custom-scrollbar-size); }
2822
2873
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
2823
2874
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
2824
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
2825
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
2826
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
2875
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
2876
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
2877
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
2878
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
2879
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
2880
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
2827
2881
  background-color: rgba(0, 0, 0, 0.09); }
2828
2882
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
2829
2883
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
2830
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
2831
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
2832
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
2884
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
2885
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
2886
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
2887
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
2888
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
2889
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
2833
2890
  background: rgba(0, 0, 0, 0.5);
2834
2891
  border-radius: 100px;
2835
2892
  background-clip: padding-box;
2836
2893
  border: 2px solid rgba(0, 0, 0, 0); }
2837
2894
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
2838
2895
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
2839
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
2840
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
2841
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
2896
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
2897
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
2898
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
2899
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
2900
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
2901
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
2842
2902
  min-height: var(--ab-custom-scrollbar-size); }
2843
2903
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
2844
2904
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
2845
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
2846
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
2847
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
2905
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
2906
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
2907
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
2908
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
2909
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
2910
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
2848
2911
  min-width: var(--ab-custom-scrollbar-size); }
2849
2912
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
2850
2913
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
2851
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
2852
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
2853
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
2914
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
2915
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
2916
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
2917
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
2918
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
2919
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
2854
2920
  background: rgba(0, 0, 0, 0.61);
2855
2921
  border-radius: 100px; }
2856
2922
  .ag-details-row {
package/index.css CHANGED
@@ -1816,7 +1816,7 @@ template {
1816
1816
  --ab-color-text-on-error: white;
1817
1817
  --ab-color-text-on-info: white;
1818
1818
  --ab-color-text-on-warn: white;
1819
- --ab-color-action-add: #2966A8;
1819
+ --ab-color-action-add: #2966a8;
1820
1820
  --ab-color-action-edit: #17a2b8;
1821
1821
  --ab-color-action-share: #eb9316;
1822
1822
  --ab-color-action-delete: #dc3545;
@@ -1833,12 +1833,12 @@ template {
1833
1833
  --ab-color-primarylight: #f5f5f5;
1834
1834
  --ab-color-text-on-primary: #656565;
1835
1835
  --ab-color-text-on-primarydark: var(--ab-color-text-on-primary);
1836
- --ab-color-secondary: #2966A8;
1836
+ --ab-color-secondary: #2966a8;
1837
1837
  --ab-color-secondarydark: #015a9a;
1838
1838
  --ab-color-secondarylight: #a9ddff;
1839
- --ab-color-text-on-secondary: #E2E2E2;
1839
+ --ab-color-text-on-secondary: #e2e2e2;
1840
1840
  --ab-color-text-on-secondarylight: #000000;
1841
- --ab-color-blue: #419641;
1841
+ --ab-color-blue: #419641;
1842
1842
  --ab-color-focus: var(--ab-color-accent);
1843
1843
  --ab-gridheader--filtered__background: var(--ab-color-primary);
1844
1844
  --ab-focus__box-shadow: 0 0 5px 1px var(--ab-color-accent);
@@ -1850,18 +1850,18 @@ template {
1850
1850
  --ab-loaded: 777; }
1851
1851
 
1852
1852
  :root {
1853
- --ITableHeader__color:var(--ab-color-text-on-primary);
1853
+ --ITableHeader__color: var(--ab-color-text-on-primary);
1854
1854
  --ITableHeaderCell__background: var(--ab-color-primary);
1855
1855
  --ITableHeader__background: var(--ITableHeaderCell__background);
1856
- --ITableRow__color:var(--ab-color-text-on-primary);
1856
+ --ITableRow__color: var(--ab-color-text-on-primary);
1857
1857
  --ITable__background: var(--ab-color-primarylight);
1858
1858
  --ITableRow__background: var(--ab-color-defaultbackground);
1859
1859
  --ITableRow--odd__background: var(--ab-color-primarylight); }
1860
1860
 
1861
- .ab-style__list-group-item:nth-child(2n+1) {
1861
+ .ab-style__list-group-item:nth-child(2n + 1) {
1862
1862
  background: var(--ab-color-primarylight); }
1863
1863
 
1864
- .ab-Grid .ag-header-cell input[type="date" i]::-webkit-calendar-picker-indicator {
1864
+ .ab-Grid .ag-header-cell input[type='date' i]::-webkit-calendar-picker-indicator {
1865
1865
  margin-inline-start: 0px; }
1866
1866
 
1867
1867
  .ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
@@ -1878,13 +1878,19 @@ template {
1878
1878
  --ab-cmp-checkbox--check-indeterminate-radius: 2px; }
1879
1879
 
1880
1880
  .ab-CheckBox--variant-agGrid {
1881
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
1881
+ --ab-cmp-checkbox--check__color: var(
1882
+ --ag-checkbox-checked-color,
1883
+ var(--ag-balham-active-color, #0091ea)
1884
+ );
1882
1885
  --ab-cmp-checkbox--checked__background: var(--ag-background-color);
1883
1886
  --ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
1884
1887
  --ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color); }
1885
1888
 
1886
1889
  .ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
1887
- --ab-cmp-checkbox--check__color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)); }
1890
+ --ab-cmp-checkbox--check__color: var(
1891
+ --ag-checkbox-checked-color,
1892
+ var(--ag-balham-active-color, #0091ea)
1893
+ ); }
1888
1894
 
1889
1895
  .ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
1890
1896
  --ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color); }
@@ -1915,7 +1921,8 @@ template {
1915
1921
  --ab-cmp-dropdownbutton-list-item__color: var(--ab-color-text-on-primary);
1916
1922
  --ab-cmp-dropdownbutton-list__z-index: 1000;
1917
1923
  --ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
1918
- --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, .2), -4px 6px 5px 0 rgba(0, 0, 0, .14), 5px 3px 5px 0 rgba(0, 0, 0, .12);
1924
+ --ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
1925
+ -4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
1919
1926
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark); }
1920
1927
 
1921
1928
  :root {
@@ -1969,7 +1976,7 @@ template {
1969
1976
  color: var(--ab-cmp-listgroupitem__color);
1970
1977
  border-radius: var(--ab-cmp-listgroupitem__border-radius); }
1971
1978
 
1972
- .ab-ListGroupItem:nth-child(2n+1) {
1979
+ .ab-ListGroupItem:nth-child(2n + 1) {
1973
1980
  background: var(--ab-cmp-listgroupitem--odd__background);
1974
1981
  color: var(--ab-cmp-listgroupitem--odd__color); }
1975
1982
 
@@ -2048,7 +2055,8 @@ template {
2048
2055
  --ab-cmp-file-droppable--drag-over__background: var(--ab-color-secondary);
2049
2056
  --ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
2050
2057
  --ab-cmp-file-droppable--drag-over__outline-offset: -20px;
2051
- --ab-cmp-file-droppable--drag-over__outline: 2px dashed var(--ab-cmp-file-droppable--drag-over__color); }
2058
+ --ab-cmp-file-droppable--drag-over__outline: 2px dashed
2059
+ var(--ab-cmp-file-droppable--drag-over__color); }
2052
2060
 
2053
2061
  :root {
2054
2062
  --ab-dashboard__background: var(--ab-color-primary);
@@ -2103,7 +2111,7 @@ template {
2103
2111
  --ab-cmp-button-border-radius: 0px;
2104
2112
  --ab-cmp-button-disabled-opacity: 0.5;
2105
2113
  --ab-cmp-button-background: var(--ab-color-primary);
2106
- --ab-cmp-button-disabled-background:var(--ab-color-primarydark); }
2114
+ --ab-cmp-button-disabled-background: var(--ab-color-primarydark); }
2107
2115
 
2108
2116
  :root {
2109
2117
  --ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
@@ -2131,13 +2139,14 @@ template {
2131
2139
  overflow: auto;
2132
2140
  display: grid;
2133
2141
  padding: var(--ab-space-2);
2134
- grid-template-rows: 1fr 1fr;
2142
+ grid-template-rows: 1fr 1fr;
2135
2143
  grid-template-columns: 28rem 1fr 1fr;
2136
2144
  row-gap: var(--ab-space-2);
2137
2145
  column-gap: var(--ab-space-2);
2138
2146
  grid-gap: var(--ab-space-2); }
2139
2147
 
2140
- .ab-LayoutEditor, .ab-LayoutEditor * {
2148
+ .ab-LayoutEditor,
2149
+ .ab-LayoutEditor * {
2141
2150
  box-sizing: border-box; }
2142
2151
 
2143
2152
  .ab-LayoutEditor__ColumnList {
@@ -2233,18 +2242,24 @@ template {
2233
2242
  --ab-cmp-adaptable-popup--settings__height: 90vh;
2234
2243
  --ab-cmp-adaptable-popup__height: 90vh;
2235
2244
  --ab-cmp-adaptable-popup__max-height: 1200px;
2245
+ --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
2236
2246
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
2237
- --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid var(--ab-color-defaultbackground);
2247
+ --ab-cmp-adaptable-popup-navigation-list__border-right: 2px solid
2248
+ var(--ab-color-defaultbackground);
2238
2249
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
2239
2250
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
2240
2251
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
2241
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
2242
- --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2) var(--ab-space-2);
2252
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid
2253
+ var(--ab-color-primarydark);
2254
+ --ab-cmp-adaptable-popup-navigation-list-item-separator__margin: var(--ab-space-2)
2255
+ var(--ab-space-2);
2243
2256
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
2244
2257
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
2245
2258
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
2246
2259
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
2247
- --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(--ab-color-accentlight);
2260
+ --ab-cmp-adaptable-popup-navigation-list-item-button__background--color: var(
2261
+ --ab-color-accentlight
2262
+ );
2248
2263
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
2249
2264
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
2250
2265
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -2314,7 +2329,10 @@ template {
2314
2329
  .ab-Table tr:not(last-child) td {
2315
2330
  border-bottom: 1px solid var(--ab-color-primarylight); }
2316
2331
 
2317
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
2332
+ .ab-CheckBox,
2333
+ .ab-CheckBox *,
2334
+ .ab-CheckBox *:before,
2335
+ .ab-CheckBox *:after {
2318
2336
  box-sizing: border-box; }
2319
2337
 
2320
2338
  .ab-CheckBox--checked {
@@ -2525,11 +2543,15 @@ template {
2525
2543
  .ab-FieldWrap:focus-within {
2526
2544
  box-shadow: var(--ab-focus__box-shadow); }
2527
2545
 
2528
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
2546
+ .ab-FieldWrap input,
2547
+ .ab-FieldWrap select,
2548
+ .ab-FieldWrap > * {
2529
2549
  border: none;
2530
2550
  flex: 1; }
2531
2551
 
2532
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
2552
+ .ab-FieldWrap input,
2553
+ .ab-FieldWrap select,
2554
+ .ab-FieldWrap .ab-Dropdown {
2533
2555
  outline: none !important;
2534
2556
  box-shadow: none !important; }
2535
2557
 
@@ -2603,8 +2625,8 @@ input.ab-Input[disabled] {
2603
2625
 
2604
2626
  /* Spin Buttons modified */
2605
2627
 
2606
- input[type="number"].ab-Input::-webkit-outer-spin-button,
2607
- input[type="number"].ab-Input::-webkit-inner-spin-button {
2628
+ input[type='number'].ab-Input::-webkit-outer-spin-button,
2629
+ input[type='number'].ab-Input::-webkit-inner-spin-button {
2608
2630
  -webkit-appearance: none;
2609
2631
  width: 1em;
2610
2632
  opacity: 0;
@@ -2614,9 +2636,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
2614
2636
  bottom: 0;
2615
2637
  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; }
2616
2638
 
2617
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
2618
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
2619
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2639
+ input[type='number'].ab-Input:focus::-webkit-inner-spin-button, input[type='number'].ab-Input:focus::-webkit-inner-spin-button:active,
2640
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button,
2641
+ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
2620
2642
  opacity: 1; }
2621
2643
 
2622
2644
  .ab-ListGroup {
@@ -2659,7 +2681,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2659
2681
  display: flex;
2660
2682
  flex-direction: column; }
2661
2683
 
2662
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
2684
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
2663
2685
  .ab-Tabs__Tab--before-active {
2664
2686
  border-bottom-right-radius: var(--ab__border-radius); }
2665
2687
 
@@ -2724,7 +2746,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2724
2746
  display: flex;
2725
2747
  flex-flow: column; }
2726
2748
 
2727
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2749
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2728
2750
  border-top-left-radius: 0; }
2729
2751
 
2730
2752
  .ab-Panel {
@@ -2739,8 +2761,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2739
2761
  fill: var(--ab-cmp-panel-icon__fill); }
2740
2762
 
2741
2763
  .ab-Panel--variant-modern {
2742
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2743
- ; }
2764
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2744
2765
 
2745
2766
  .ab-Panel__header {
2746
2767
  flex: none;
@@ -2990,11 +3011,16 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2990
3011
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2991
3012
  background: var(--ab-cmp-file-droppable__background); }
2992
3013
 
2993
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button, .ab-FileDroppable .ab-SimpleButton {
3014
+ .ab-FileDroppable,
3015
+ .ab-FileDroppable input,
3016
+ .ab-FileDroppable button,
3017
+ .ab-FileDroppable .ab-SimpleButton {
2994
3018
  transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
2995
3019
  fill: currentColor; }
2996
3020
 
2997
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
3021
+ .ab-FileDroppable,
3022
+ .ab-FileDroppable input,
3023
+ .ab-FileDroppable button {
2998
3024
  color: var(--ab-cmp-file-droppable__color); }
2999
3025
 
3000
3026
  .ab-FileDroppable.ab-FileDroppable--drag-over {
@@ -3006,7 +3032,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3006
3032
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
3007
3033
  pointer-events: none; }
3008
3034
 
3009
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
3035
+ .ab-FileDroppable,
3036
+ .ab-FileDroppable *,
3037
+ .ab-FileDroppable *:before,
3038
+ .ab-FileDroppable *:after {
3010
3039
  box-sizing: border-box; }
3011
3040
 
3012
3041
  .ab-WizardPanel > .ab-Panel__body {
@@ -3125,13 +3154,17 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3125
3154
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
3126
3155
  padding: var(--ab-space-1); }
3127
3156
 
3128
- .ab-Dashboard .ab-StateManagement__Clear-Button, .ab-Dashboard .ab-StateManagement__Load-Button, .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3157
+ .ab-Dashboard .ab-StateManagement__Clear-Button,
3158
+ .ab-Dashboard .ab-StateManagement__Load-Button,
3159
+ .ab-Dashboard .ab-StateManagement__Export-Dropdown {
3129
3160
  margin-left: var(--ab-space-1); }
3130
3161
 
3131
3162
  .ab-GridList {
3132
3163
  --at-grid__background: transparent; }
3133
3164
 
3134
- .ab-GridList .AT-GridCell_content, .ab-GridList .ab-ListGroupItem, .ab-GridList .AT-GridColumnCell {
3165
+ .ab-GridList .AT-GridCell_content,
3166
+ .ab-GridList .ab-ListGroupItem,
3167
+ .ab-GridList .AT-GridColumnCell {
3135
3168
  width: 100%; }
3136
3169
 
3137
3170
  .ab-GridList .AT-GridHeader {
@@ -3221,7 +3254,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3221
3254
  position: relative;
3222
3255
  display: inline-block;
3223
3256
  min-width: 40px;
3224
- width: 87px;
3257
+ width: 77px;
3225
3258
  height: 32px; }
3226
3259
 
3227
3260
  .ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
@@ -3245,7 +3278,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3245
3278
 
3246
3279
  .ab-ToggleButton__slider:before {
3247
3280
  position: absolute;
3248
- content: "";
3281
+ content: '';
3249
3282
  width: 24px;
3250
3283
  height: 24px;
3251
3284
  left: 4px;
@@ -3259,7 +3292,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3259
3292
  background-color: var(--ab-cmp-toggle-button--active__background); }
3260
3293
 
3261
3294
  .ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
3262
- transform: translateX(54px); }
3295
+ transform: translateX(45px); }
3263
3296
 
3264
3297
  .ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
3265
3298
  box-shadow: var(--ab-focus__box-shadow); }
@@ -3282,7 +3315,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3282
3315
  margin-top: 8px;
3283
3316
  font-style: italic; }
3284
3317
 
3285
- .ab-Loader__text, .ab-Loader__Spinner {
3318
+ .ab-Loader__text,
3319
+ .ab-Loader__Spinner {
3286
3320
  vertical-align: middle; }
3287
3321
 
3288
3322
  .ab-Loader .ab-Loader__Spinner {
@@ -3378,7 +3412,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3378
3412
  overflow-y: auto;
3379
3413
  overflow-x: hidden;
3380
3414
  --ab-grid-row-height: 26px;
3381
- margin-Bottom: 0; }
3415
+ margin-bottom: 0; }
3382
3416
 
3383
3417
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3384
3418
  overflow-x: hidden; }
@@ -3436,7 +3470,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3436
3470
  color: var(--ab-cmp-wizard__color);
3437
3471
  height: 100%; }
3438
3472
 
3439
- .ab-nocode-wizard, .ab-nocode-wizard *, .ab-nocode-wizard *:before, .ab-nocode-wizard *:after {
3473
+ .ab-nocode-wizard,
3474
+ .ab-nocode-wizard *,
3475
+ .ab-nocode-wizard *:before,
3476
+ .ab-nocode-wizard *:after {
3440
3477
  box-sizing: border-box; }
3441
3478
 
3442
3479
  .ab-AvailableDropZone .placeholder,
@@ -3496,11 +3533,14 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3496
3533
  flex-wrap: wrap;
3497
3534
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3498
3535
 
3499
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button {
3536
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
3537
+ .ab-ToolPanel .ab-StateManagement__Load-Button {
3500
3538
  justify-content: center;
3501
3539
  flex: 1; }
3502
3540
 
3503
- .ab-ToolPanel .ab-StateManagement__Clear-Button, .ab-ToolPanel .ab-StateManagement__Load-Button, .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3541
+ .ab-ToolPanel .ab-StateManagement__Clear-Button,
3542
+ .ab-ToolPanel .ab-StateManagement__Load-Button,
3543
+ .ab-ToolPanel .ab-StateManagement__Export-Dropdown {
3504
3544
  margin-bottom: var(--ab-space-1); }
3505
3545
 
3506
3546
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
@@ -3510,6 +3550,9 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3510
3550
  background: var(--ab-cmp-adaptable-popup__background);
3511
3551
  max-height: var(--ab-cmp-adaptable-popup__max-height); }
3512
3552
 
3553
+ .ab-Adaptable-Popup--window {
3554
+ box-shadow: var(--ab-cmp-adaptable-popup__box-shadow); }
3555
+
3513
3556
  .ab-Adaptable-Popup__Navigation {
3514
3557
  padding-top: 10px;
3515
3558
  overflow: auto;
@@ -3721,38 +3764,53 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3721
3764
 
3722
3765
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
3723
3766
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
3724
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
3725
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
3726
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3767
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar,
3768
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
3769
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar,
3770
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
3771
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
3772
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
3727
3773
  background-color: rgba(0, 0, 0, 0);
3728
3774
  border-radius: 100px; }
3729
3775
 
3730
3776
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
3731
3777
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
3732
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
3733
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3734
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3778
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical,
3779
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
3780
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical,
3781
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3782
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
3783
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
3735
3784
  width: var(--ab-custom-scrollbar-size); }
3736
3785
 
3737
3786
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
3738
3787
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
3739
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
3740
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3741
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3788
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal,
3789
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
3790
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal,
3791
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3792
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
3793
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
3742
3794
  height: var(--ab-custom-scrollbar-size); }
3743
3795
 
3744
3796
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
3745
3797
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
3746
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
3747
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3748
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3798
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover,
3799
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
3800
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover,
3801
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3802
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
3803
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
3749
3804
  background-color: rgba(0, 0, 0, 0.09); }
3750
3805
 
3751
3806
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
3752
3807
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
3753
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
3754
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
3755
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
3808
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb,
3809
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
3810
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb,
3811
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
3812
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb,
3813
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb {
3756
3814
  background: rgba(0, 0, 0, 0.5);
3757
3815
  border-radius: 100px;
3758
3816
  background-clip: padding-box;
@@ -3760,23 +3818,32 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3760
3818
 
3761
3819
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
3762
3820
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
3763
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
3764
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3765
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3821
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical,
3822
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
3823
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical,
3824
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3825
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
3826
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
3766
3827
  min-height: var(--ab-custom-scrollbar-size); }
3767
3828
 
3768
3829
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
3769
3830
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
3770
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
3771
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3772
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3831
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal,
3832
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
3833
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal,
3834
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3835
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
3836
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
3773
3837
  min-width: var(--ab-custom-scrollbar-size); }
3774
3838
 
3775
3839
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
3776
3840
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
3777
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
3778
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
3779
- .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3841
+ .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active,
3842
+ .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
3843
+ .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active,
3844
+ .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
3845
+ .ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
3846
+ .ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
3780
3847
  background: rgba(0, 0, 0, 0.61);
3781
3848
  border-radius: 100px; }
3782
3849
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adaptabletools/adaptable-react-aggrid",
3
- "version": "11.0.0-canary.3",
3
+ "version": "11.0.0-canary.7",
4
4
  "description": "React version of the powerful data-agnostic HTML5 datagrid add-on that sits on top of the agGrid component and provides all the rich functionality that advanced users expect from their DataGrids and Data Tables",
5
5
  "keywords": [],
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
19
19
  },
20
20
  "dependencies": {
21
21
  "tslib": "^2.0.0",
22
- "@adaptabletools/adaptable": "11.0.0-canary.3"
22
+ "@adaptabletools/adaptable": "11.0.0-canary.7"
23
23
  },
24
24
  "peerDependencies": {
25
- "@ag-grid-community/all-modules": ">=26.2.0",
26
- "@ag-grid-community/react": ">=26.2.0",
25
+ "@ag-grid-community/all-modules": ">=27.0.0",
26
+ "@ag-grid-community/react": ">=27.0.0",
27
27
  "react": ">=16.8.0",
28
28
  "react-dom": ">=16.8.0"
29
29
  },
package/themes/dark.css CHANGED
@@ -3,14 +3,14 @@ html.ab--theme-dark {
3
3
  --ab-theme-loaded: dark;
4
4
  --ab-cmp-input--disabled__background: #232323;
5
5
  --ab-color-defaultbackground: #3e444c;
6
- --ab-color-text-on-defaultbackground: #E2E2E2;
6
+ --ab-color-text-on-defaultbackground: #e2e2e2;
7
7
  --ab-color-primary: #262d2f;
8
8
  --ab-color-primarylight: #2d3537;
9
9
  --ab-color-primarydark: #1c2021;
10
- --ab-color-text-on-primary: #E2E2E2 ;
10
+ --ab-color-text-on-primary: #e2e2e2;
11
11
  --ab-dashboard__border: #555;
12
12
  --ab-cmp-dropdownbutton-list-separator__border: 1px solid #555;
13
13
  --ab-gridheader--filtered__background: var(--ab-color-defaultbackground); }
14
- html.ab--theme-dark input[type="number"].ab-Input::-webkit-outer-spin-button,
15
- html.ab--theme-dark input[type="number"].ab-Input::-webkit-inner-spin-button {
14
+ html.ab--theme-dark input[type='number'].ab-Input::-webkit-outer-spin-button,
15
+ html.ab--theme-dark input[type='number'].ab-Input::-webkit-inner-spin-button {
16
16
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23f7f7f7" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23f7f7f7" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center; }