@adaptabletools/adaptable-react-aggrid 23.0.0-canary.7 → 23.0.0-canary.9

package/index.css

@@ -552,9 +552,6 @@
   .twa\:ml-6 {
     margin-left: calc(var(--ab-base-space) * 6);
   }
-  .twa\:ml-\[2px\] {
-    margin-left: 2px;
-  }
   .twa\:ml-auto {
     margin-left: auto;
   }
@@ -687,9 +684,6 @@
   .twa\:h-\[90vh\] {
     height: 90vh;
   }
-  .twa\:h-\[400px\] {
-    height: 400px;
-  }
   .twa\:h-\[calc\(--spacing\(5\.5\)\)\] {
     height: calc(calc(var(--ab-base-space) * 5.5));
   }
@@ -768,9 +762,6 @@
   .twa\:min-h-\[15px\] {
     min-height: 15px;
   }
-  .twa\:min-h-\[20px\] {
-    min-height: 20px;
-  }
   .twa\:min-h-\[32px\] {
     min-height: 32px;
   }
@@ -5855,7 +5846,18 @@
     --ab-icon-fill: currentColor;
     --ab-custom-scrollbar-size: 10px;
     --ab-grid-row-height: 35px;
-    --ab-cmp-column-tag__background: #d8e0e8;
+    --ab-cmp-column-tag__background: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    :root {
+      --ab-cmp-column-tag__background: color-mix(
+    in srgb,
+    var(--ab-color-primary) 80%,
+    var(--ab-color-accent)
+  );
+    }
+  }
+  :root {
     --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
     --ab-loaded: 777;
     --ab_flex-direction: column;
@@ -7491,7 +7493,7 @@
   .ab-Tag {
     max-width: 100%;
   }
-  .ab-Tag.ab-Tag--column {
+  .ab-Tag--column {
     background: var(--ab-cmp-column-tag__background);
     color: var(--ab-cmp-column-tag__foreground, inherit);
   }
@@ -8001,6 +8003,75 @@
     min-width: 0;
     word-break: break-all;
   }
+  .ab-ObjectListActionButton {
+    border-radius: var(--ab-base-border-radius, 4px);
+    min-width: 30px;
+    min-height: 30px;
+    box-shadow: inset 0 0 0 1px currentColor;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-ObjectListActionButton {
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--edit {
+    background-color: var(--ab-color-action-edit) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton--edit {
+      background-color: color-mix(in srgb, var(--ab-color-action-edit) 14%, var(--ab-color-muted)) !important;
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--edit {
+    color: var(--ab-color-action-edit);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--suspend {
+    background-color: var(--ab-color-primary-foreground) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton--suspend {
+      background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--suspend {
+    color: var(--ab-color-primary-foreground);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--delete {
+    background-color: var(--ab-color-action-delete) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton--delete {
+      background-color: color-mix(in srgb, var(--ab-color-action-delete) 14%, var(--ab-color-muted)) !important;
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--delete {
+    color: var(--ab-color-action-delete);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--share {
+    background-color: var(--ab-color-action-share) !important;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton--share {
+      background-color: color-mix(in srgb, var(--ab-color-action-share) 14%, var(--ab-color-muted)) !important;
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton--share {
+    color: var(--ab-color-action-share);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+    box-shadow: inset 0 0 0 1px currentColor;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+      box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 38%, transparent);
+    }
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
+    filter: brightness(1.03);
+  }
+  .ab-SimpleButton.ab-ObjectListActionButton:disabled {
+    opacity: 0.5;
+  }
   .ab-Adaptable-Object-List__Item__label {
     width: var(--ab-cmp-adaptable-object-list-item-label__width);
   }
@@ -8941,11 +9012,16 @@
   .ab--theme-dark {
     --ab-color-secondary: oklch(0.269 0 0);
     --ab-color-secondary-foreground: oklch(0.985 0 0);
-    --ab-color-destructive: oklch(0.396 0.141 25.723);
-    --ab-color-destructive-foreground: oklch(0.637 0.237 25.331);
     --ab-color-border: oklch(0.269 0 0);
     --ab-theme-loaded: dark;
-    --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
+    --ab-color-input-background: var(--ab-color-background);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab--theme-dark {
+      --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
+    }
+  }
+  .ab--theme-dark {
     --ab-cmp-input--disabled__background: #232323;
     --ab-color-background: var(--ab-color-defaultbackground, #474c52);
     --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
@@ -8955,13 +9031,18 @@
     --ab-color-primarydark: #1c2021;
     --ab-color-card: #51555a;
     --ab-color-card-foreground: var(--ab-color-foreground);
-    --ab-cmp-draggable-list-item__background: color-mix(
+    --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .ab--theme-dark {
+      --ab-cmp-draggable-list-item__background: color-mix(
       in srgb,
       var(--ab-color-primary) 72%,
       var(--ab-color-primarylight)
     );
-    --ab-cmp-column-tag__background: #6f7882;
-    --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
+    }
+  }
+  .ab--theme-dark {
     --ab-color-palette-1: #5c1a1a;
     --ab-color-palette-2: #ffb4b4;
     --ab-color-palette-3: #4a3b00;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-react-aggrid",
-  "version": "23.0.0-canary.7",
+  "version": "23.0.0-canary.9",
   "description": "React version of AdapTable - the powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [],
   "license": "contact sales@adaptabletools.com for details",
@@ -8,7 +8,7 @@
   "dependencies": {
     "tslib": "^2.8.1",
     "react-redux": "9.2.0",
-    "@adaptabletools/adaptable": "23.0.0-canary.7"
+    "@adaptabletools/adaptable": "23.0.0-canary.9"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">=35.3.0",