@adaptabletools/adaptable-react-aggrid 11.0.0-canary.4 → 11.0.0-canary.5

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 +130 -67
  2. package/index.css +130 -67
  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; }
@@ -1616,17 +1625,22 @@
1616
1625
  --ab-cmp-adaptable-popup__max-height: 1200px;
1617
1626
  --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
1618
1627
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
1619
- --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);
1620
1630
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
1621
1631
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
1622
1632
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
1623
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
1624
- --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);
1625
1637
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
1626
1638
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
1627
1639
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
1628
1640
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
1629
- --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
+ );
1630
1644
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
1631
1645
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
1632
1646
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -1682,7 +1696,10 @@
1682
1696
  border-bottom: 2px solid var(--ab-color-primarydark); }
1683
1697
  .ab-Table tr:not(last-child) td {
1684
1698
  border-bottom: 1px solid var(--ab-color-primarylight); }
1685
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
1699
+ .ab-CheckBox,
1700
+ .ab-CheckBox *,
1701
+ .ab-CheckBox *:before,
1702
+ .ab-CheckBox *:after {
1686
1703
  box-sizing: border-box; }
1687
1704
  .ab-CheckBox--checked {
1688
1705
  --ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background); }
@@ -1857,10 +1874,14 @@
1857
1874
  fill: var(--ab-cmp-field-wrap__fill); }
1858
1875
  .ab-FieldWrap:focus-within {
1859
1876
  box-shadow: var(--ab-focus__box-shadow); }
1860
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
1877
+ .ab-FieldWrap input,
1878
+ .ab-FieldWrap select,
1879
+ .ab-FieldWrap > * {
1861
1880
  border: none;
1862
1881
  flex: 1; }
1863
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
1882
+ .ab-FieldWrap input,
1883
+ .ab-FieldWrap select,
1884
+ .ab-FieldWrap .ab-Dropdown {
1864
1885
  outline: none !important;
1865
1886
  box-shadow: none !important; }
1866
1887
  .ab-FormLayout {
@@ -1918,8 +1939,8 @@ input.ab-Input[disabled] {
1918
1939
  color: var(--ab-cmp-input--placeholder__color);
1919
1940
  opacity: var(--ab-cmp-input--placeholder__opacity); }
1920
1941
  /* Spin Buttons modified */
1921
- input[type="number"].ab-Input::-webkit-outer-spin-button,
1922
- 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 {
1923
1944
  -webkit-appearance: none;
1924
1945
  width: 1em;
1925
1946
  opacity: 0;
@@ -1928,9 +1949,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
1928
1949
  right: 0;
1929
1950
  bottom: 0;
1930
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; }
1931
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
1932
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
1933
- 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 {
1934
1955
  opacity: 1; }
1935
1956
  .ab-ListGroup {
1936
1957
  display: flex;
@@ -1966,7 +1987,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
1966
1987
  .ab-Tabs {
1967
1988
  display: flex;
1968
1989
  flex-direction: column; }
1969
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
1990
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
1970
1991
  .ab-Tabs__Tab--before-active {
1971
1992
  border-bottom-right-radius: var(--ab__border-radius); }
1972
1993
  .ab-Tabs__Strip {
@@ -2019,7 +2040,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2019
2040
  overflow: auto;
2020
2041
  display: flex;
2021
2042
  flex-flow: column; }
2022
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2043
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2023
2044
  border-top-left-radius: 0; }
2024
2045
  .ab-Panel {
2025
2046
  display: flex;
@@ -2031,8 +2052,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2031
2052
  -webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
2032
2053
  fill: var(--ab-cmp-panel-icon__fill); }
2033
2054
  .ab-Panel--variant-modern {
2034
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2035
- ; }
2055
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2036
2056
  .ab-Panel__header {
2037
2057
  flex: none;
2038
2058
  background: var(--ab-cmp-panel_header__background);
@@ -2226,10 +2246,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2226
2246
  outline: var(--ab-cmp-file-droppable__outline);
2227
2247
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2228
2248
  background: var(--ab-cmp-file-droppable__background); }
2229
- .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 {
2230
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;
2231
2254
  fill: currentColor; }
2232
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
2255
+ .ab-FileDroppable,
2256
+ .ab-FileDroppable input,
2257
+ .ab-FileDroppable button {
2233
2258
  color: var(--ab-cmp-file-droppable__color); }
2234
2259
  .ab-FileDroppable.ab-FileDroppable--drag-over {
2235
2260
  outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
@@ -2238,7 +2263,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2238
2263
  color: var(--ab-cmp-file-droppable--drag-over__color); }
2239
2264
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
2240
2265
  pointer-events: none; }
2241
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
2266
+ .ab-FileDroppable,
2267
+ .ab-FileDroppable *,
2268
+ .ab-FileDroppable *:before,
2269
+ .ab-FileDroppable *:after {
2242
2270
  box-sizing: border-box; }
2243
2271
  .ab-WizardPanel > .ab-Panel__body {
2244
2272
  display: flex;
@@ -2334,11 +2362,15 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2334
2362
  white-space: nowrap; }
2335
2363
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
2336
2364
  padding: var(--ab-space-1); }
2337
- .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 {
2338
2368
  margin-left: var(--ab-space-1); }
2339
2369
  .ab-GridList {
2340
2370
  --at-grid__background: transparent; }
2341
- .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 {
2342
2374
  width: 100%; }
2343
2375
  .ab-GridList .AT-GridHeader {
2344
2376
  display: none; }
@@ -2429,7 +2461,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2429
2461
  border-radius: var(--ab__border-radius); }
2430
2462
  .ab-ToggleButton__slider:before {
2431
2463
  position: absolute;
2432
- content: "";
2464
+ content: '';
2433
2465
  width: 24px;
2434
2466
  height: 24px;
2435
2467
  left: 4px;
@@ -2458,7 +2490,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2458
2490
  font-size: var(--ab-cmp-loader__font-size);
2459
2491
  margin-top: 8px;
2460
2492
  font-style: italic; }
2461
- .ab-Loader__text, .ab-Loader__Spinner {
2493
+ .ab-Loader__text,
2494
+ .ab-Loader__Spinner {
2462
2495
  vertical-align: middle; }
2463
2496
  .ab-Loader .ab-Loader__Spinner {
2464
2497
  margin-right: 5px; }
@@ -2536,7 +2569,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2536
2569
  overflow-y: auto;
2537
2570
  overflow-x: hidden;
2538
2571
  --ab-grid-row-height: 26px;
2539
- margin-Bottom: 0; }
2572
+ margin-bottom: 0; }
2540
2573
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
2541
2574
  overflow-x: hidden; }
2542
2575
  .ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
@@ -2584,7 +2617,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2584
2617
  background: var(--ab-cmp-wizard__background);
2585
2618
  color: var(--ab-cmp-wizard__color);
2586
2619
  height: 100%; }
2587
- .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 {
2588
2624
  box-sizing: border-box; }
2589
2625
  .ab-AvailableDropZone .placeholder,
2590
2626
  .ab-SelectedDropZone .placeholder {
@@ -2629,10 +2665,13 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2629
2665
  flex-direction: row;
2630
2666
  flex-wrap: wrap;
2631
2667
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
2632
- .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 {
2633
2670
  justify-content: center;
2634
2671
  flex: 1; }
2635
- .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 {
2636
2675
  margin-bottom: var(--ab-space-1); }
2637
2676
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
2638
2677
  font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size); }
@@ -2805,55 +2844,79 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
2805
2844
  --ab-toast-cmp__shadow-color: var(--ab-color-error); }
2806
2845
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
2807
2846
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
2808
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
2809
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
2810
- .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 {
2811
2853
  background-color: rgba(0, 0, 0, 0);
2812
2854
  border-radius: 100px; }
2813
2855
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
2814
2856
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
2815
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
2816
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
2817
- .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 {
2818
2863
  width: var(--ab-custom-scrollbar-size); }
2819
2864
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
2820
2865
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
2821
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
2822
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
2823
- .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 {
2824
2872
  height: var(--ab-custom-scrollbar-size); }
2825
2873
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
2826
2874
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
2827
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
2828
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
2829
- .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 {
2830
2881
  background-color: rgba(0, 0, 0, 0.09); }
2831
2882
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
2832
2883
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
2833
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
2834
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
2835
- .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 {
2836
2890
  background: rgba(0, 0, 0, 0.5);
2837
2891
  border-radius: 100px;
2838
2892
  background-clip: padding-box;
2839
2893
  border: 2px solid rgba(0, 0, 0, 0); }
2840
2894
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
2841
2895
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
2842
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
2843
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
2844
- .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 {
2845
2902
  min-height: var(--ab-custom-scrollbar-size); }
2846
2903
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
2847
2904
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
2848
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
2849
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
2850
- .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 {
2851
2911
  min-width: var(--ab-custom-scrollbar-size); }
2852
2912
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
2853
2913
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
2854
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
2855
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
2856
- .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 {
2857
2920
  background: rgba(0, 0, 0, 0.61);
2858
2921
  border-radius: 100px; }
2859
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 {
@@ -2235,17 +2244,22 @@ template {
2235
2244
  --ab-cmp-adaptable-popup__max-height: 1200px;
2236
2245
  --ab-cmp-adaptable-popup__box-shadow: 2px 2px 14px 0px rgb(0 0 0 / 26%);
2237
2246
  --ab-cmp-adaptable-popup-navigation-list__padding: var(--ab-space-1) var(--ab-space-2);
2238
- --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);
2239
2249
  --ab-cmp-adaptable-popup-navigation-list__font-size: var(--ab-font-size-3);
2240
2250
  --ab-cmp-adaptable-popup-navigation-list-item__padding: var(--ab-space-0) var(--ab-space-1);
2241
2251
  --ab-cmp-adaptable-popup-navigation-list-item__margin-bottom: var(--ab-space-2) var(--ab-space-2);
2242
- --ab-cmp-adaptable-popup-navigation-list-item-separator__border: 1px solid var(--ab-color-primarydark);
2243
- --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);
2244
2256
  --ab-cmp-adaptable-popup-navigation-list-item-button__padding: var(--ab-space-2) var(--ab-space-2);
2245
2257
  --ab-cmp-adaptable-popup-navigation-list-item-button__border-radius: var(--ab__border-radius);
2246
2258
  --ab-cmp-adaptable-popup-navigation-list-item-button__color: var(--ab-color-text-on-primary);
2247
2259
  --ab-cmp-adaptable-popup-navigation-list-item-button__background--active: var(--ab-color-focus);
2248
- --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
+ );
2249
2263
  --ab-cmp-adaptable-popup-navigation-list-item-icon__margin-right: var(--ab-space-2);
2250
2264
  --ab-cmp-adaptable-popup-topbar__background: var(--ab-color-secondary);
2251
2265
  --ab-cmp-adaptable-popup-topbar__height: 45px;
@@ -2315,7 +2329,10 @@ template {
2315
2329
  .ab-Table tr:not(last-child) td {
2316
2330
  border-bottom: 1px solid var(--ab-color-primarylight); }
2317
2331
 
2318
- .ab-CheckBox, .ab-CheckBox *, .ab-CheckBox *:before, .ab-CheckBox *:after {
2332
+ .ab-CheckBox,
2333
+ .ab-CheckBox *,
2334
+ .ab-CheckBox *:before,
2335
+ .ab-CheckBox *:after {
2319
2336
  box-sizing: border-box; }
2320
2337
 
2321
2338
  .ab-CheckBox--checked {
@@ -2526,11 +2543,15 @@ template {
2526
2543
  .ab-FieldWrap:focus-within {
2527
2544
  box-shadow: var(--ab-focus__box-shadow); }
2528
2545
 
2529
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
2546
+ .ab-FieldWrap input,
2547
+ .ab-FieldWrap select,
2548
+ .ab-FieldWrap > * {
2530
2549
  border: none;
2531
2550
  flex: 1; }
2532
2551
 
2533
- .ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
2552
+ .ab-FieldWrap input,
2553
+ .ab-FieldWrap select,
2554
+ .ab-FieldWrap .ab-Dropdown {
2534
2555
  outline: none !important;
2535
2556
  box-shadow: none !important; }
2536
2557
 
@@ -2604,8 +2625,8 @@ input.ab-Input[disabled] {
2604
2625
 
2605
2626
  /* Spin Buttons modified */
2606
2627
 
2607
- input[type="number"].ab-Input::-webkit-outer-spin-button,
2608
- 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 {
2609
2630
  -webkit-appearance: none;
2610
2631
  width: 1em;
2611
2632
  opacity: 0;
@@ -2615,9 +2636,9 @@ input[type="number"].ab-Input::-webkit-inner-spin-button {
2615
2636
  bottom: 0;
2616
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; }
2617
2638
 
2618
- input[type="number"].ab-Input:focus::-webkit-inner-spin-button, input[type="number"].ab-Input:focus::-webkit-inner-spin-button:active,
2619
- input[type="number"].ab-Input:hover::-webkit-inner-spin-button,
2620
- 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 {
2621
2642
  opacity: 1; }
2622
2643
 
2623
2644
  .ab-ListGroup {
@@ -2660,7 +2681,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2660
2681
  display: flex;
2661
2682
  flex-direction: column; }
2662
2683
 
2663
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
2684
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Filler:first-child,
2664
2685
  .ab-Tabs__Tab--before-active {
2665
2686
  border-bottom-right-radius: var(--ab__border-radius); }
2666
2687
 
@@ -2725,7 +2746,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2725
2746
  display: flex;
2726
2747
  flex-flow: column; }
2727
2748
 
2728
- .ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
2749
+ .ab-Tabs[data-selected-index='0'] .ab-Tabs__Body {
2729
2750
  border-top-left-radius: 0; }
2730
2751
 
2731
2752
  .ab-Panel {
@@ -2740,8 +2761,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2740
2761
  fill: var(--ab-cmp-panel-icon__fill); }
2741
2762
 
2742
2763
  .ab-Panel--variant-modern {
2743
- --ab-cmp-panel__border-radius: var(--ab-space-1)
2744
- ; }
2764
+ --ab-cmp-panel__border-radius: var(--ab-space-1); }
2745
2765
 
2746
2766
  .ab-Panel__header {
2747
2767
  flex: none;
@@ -2991,11 +3011,16 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
2991
3011
  outline-offset: var(--ab-cmp-file-droppable__outline-offset);
2992
3012
  background: var(--ab-cmp-file-droppable__background); }
2993
3013
 
2994
- .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 {
2995
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;
2996
3019
  fill: currentColor; }
2997
3020
 
2998
- .ab-FileDroppable, .ab-FileDroppable input, .ab-FileDroppable button {
3021
+ .ab-FileDroppable,
3022
+ .ab-FileDroppable input,
3023
+ .ab-FileDroppable button {
2999
3024
  color: var(--ab-cmp-file-droppable__color); }
3000
3025
 
3001
3026
  .ab-FileDroppable.ab-FileDroppable--drag-over {
@@ -3007,7 +3032,10 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3007
3032
  .ab-FileDroppable.ab-FileDroppable--drag-over * {
3008
3033
  pointer-events: none; }
3009
3034
 
3010
- .ab-FileDroppable, .ab-FileDroppable *, .ab-FileDroppable *:before, .ab-FileDroppable *:after {
3035
+ .ab-FileDroppable,
3036
+ .ab-FileDroppable *,
3037
+ .ab-FileDroppable *:before,
3038
+ .ab-FileDroppable *:after {
3011
3039
  box-sizing: border-box; }
3012
3040
 
3013
3041
  .ab-WizardPanel > .ab-Panel__body {
@@ -3126,13 +3154,17 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3126
3154
  .ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
3127
3155
  padding: var(--ab-space-1); }
3128
3156
 
3129
- .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 {
3130
3160
  margin-left: var(--ab-space-1); }
3131
3161
 
3132
3162
  .ab-GridList {
3133
3163
  --at-grid__background: transparent; }
3134
3164
 
3135
- .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 {
3136
3168
  width: 100%; }
3137
3169
 
3138
3170
  .ab-GridList .AT-GridHeader {
@@ -3246,7 +3278,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3246
3278
 
3247
3279
  .ab-ToggleButton__slider:before {
3248
3280
  position: absolute;
3249
- content: "";
3281
+ content: '';
3250
3282
  width: 24px;
3251
3283
  height: 24px;
3252
3284
  left: 4px;
@@ -3283,7 +3315,8 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3283
3315
  margin-top: 8px;
3284
3316
  font-style: italic; }
3285
3317
 
3286
- .ab-Loader__text, .ab-Loader__Spinner {
3318
+ .ab-Loader__text,
3319
+ .ab-Loader__Spinner {
3287
3320
  vertical-align: middle; }
3288
3321
 
3289
3322
  .ab-Loader .ab-Loader__Spinner {
@@ -3379,7 +3412,7 @@ input[type="number"].ab-Input:hover::-webkit-inner-spin-button:active {
3379
3412
  overflow-y: auto;
3380
3413
  overflow-x: hidden;
3381
3414
  --ab-grid-row-height: 26px;
3382
- margin-Bottom: 0; }
3415
+ margin-bottom: 0; }
3383
3416
 
3384
3417
  .ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
3385
3418
  overflow-x: hidden; }
@@ -3437,7 +3470,10 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3437
3470
  color: var(--ab-cmp-wizard__color);
3438
3471
  height: 100%; }
3439
3472
 
3440
- .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 {
3441
3477
  box-sizing: border-box; }
3442
3478
 
3443
3479
  .ab-AvailableDropZone .placeholder,
@@ -3497,11 +3533,14 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3497
3533
  flex-wrap: wrap;
3498
3534
  grid-gap: var(--ab-cmp-toolpanel-header__grid-gap); }
3499
3535
 
3500
- .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 {
3501
3538
  justify-content: center;
3502
3539
  flex: 1; }
3503
3540
 
3504
- .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 {
3505
3544
  margin-bottom: var(--ab-space-1); }
3506
3545
 
3507
3546
  .ab-CustomSortWizard__SortOrder .ab-Loader__text {
@@ -3725,38 +3764,53 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3725
3764
 
3726
3765
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
3727
3766
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
3728
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar,
3729
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar,
3730
- .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 {
3731
3773
  background-color: rgba(0, 0, 0, 0);
3732
3774
  border-radius: 100px; }
3733
3775
 
3734
3776
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
3735
3777
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
3736
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:vertical,
3737
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
3738
- .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 {
3739
3784
  width: var(--ab-custom-scrollbar-size); }
3740
3785
 
3741
3786
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
3742
3787
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
3743
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:horizontal,
3744
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
3745
- .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 {
3746
3794
  height: var(--ab-custom-scrollbar-size); }
3747
3795
 
3748
3796
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
3749
3797
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
3750
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar:hover,
3751
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar:hover, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
3752
- .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 {
3753
3804
  background-color: rgba(0, 0, 0, 0.09); }
3754
3805
 
3755
3806
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
3756
3807
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
3757
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb,
3758
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb,
3759
- .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 {
3760
3814
  background: rgba(0, 0, 0, 0.5);
3761
3815
  border-radius: 100px;
3762
3816
  background-clip: padding-box;
@@ -3764,23 +3818,32 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
3764
3818
 
3765
3819
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
3766
3820
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
3767
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:vertical,
3768
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:vertical, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
3769
- .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 {
3770
3827
  min-height: var(--ab-custom-scrollbar-size); }
3771
3828
 
3772
3829
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
3773
3830
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
3774
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:horizontal,
3775
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:horizontal, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
3776
- .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 {
3777
3837
  min-width: var(--ab-custom-scrollbar-size); }
3778
3838
 
3779
3839
  .ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
3780
3840
  .ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
3781
- .ab--custom-mac-like-scrollbars .ab-Dashboard ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Dashboard * ::-webkit-scrollbar-thumb:active,
3782
- .ab--custom-mac-like-scrollbars .ab-Panel ::-webkit-scrollbar-thumb:active, .ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:active,
3783
- .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 {
3784
3847
  background: rgba(0, 0, 0, 0.61);
3785
3848
  border-radius: 100px; }
3786
3849
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adaptabletools/adaptable-react-aggrid",
3
- "version": "11.0.0-canary.4",
3
+ "version": "11.0.0-canary.5",
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.4"
22
+ "@adaptabletools/adaptable": "11.0.0-canary.5"
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; }