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

package/index.css

@@ -582,9 +582,6 @@
   .twa\:inline-flex {
     display: inline-flex;
   }
-  .twa\:inline-grid {
-    display: inline-grid;
-  }
   .twa\:field-sizing-content {
     field-sizing: content;
   }
@@ -1274,9 +1271,6 @@
   .twa\:grid-cols-\[4\.5rem_1fr\] {
     grid-template-columns: 4.5rem 1fr;
   }
-  .twa\:grid-cols-\[160px_140px_140px\] {
-    grid-template-columns: 160px 140px 140px;
-  }
   .twa\:grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -5852,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;
@@ -7488,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);
   }
@@ -9007,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);
@@ -9021,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.8",
+  "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.8"
+    "@adaptabletools/adaptable": "23.0.0-canary.9"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">=35.3.0",