@adaptabletools/adaptable-vue3-aggrid 23.0.0-canary.7 → 23.0.0-canary.8

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;
   }
@@ -585,6 +582,9 @@
   .twa\:inline-flex {
     display: inline-flex;
   }
+  .twa\:inline-grid {
+    display: inline-grid;
+  }
   .twa\:field-sizing-content {
     field-sizing: content;
   }
@@ -687,9 +687,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 +765,6 @@
   .twa\:min-h-\[15px\] {
     min-height: 15px;
   }
-  .twa\:min-h-\[20px\] {
-    min-height: 20px;
-  }
   .twa\:min-h-\[32px\] {
     min-height: 32px;
   }
@@ -1280,6 +1274,9 @@
   .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;
   }
@@ -8001,6 +7998,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);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-vue3-aggrid",
-  "version": "23.0.0-canary.7",
+  "version": "23.0.0-canary.8",
   "type": "module",
   "typings": "lib/index.d.ts",
   "peerDependencies": {
@@ -9,7 +9,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@adaptabletools/adaptable": "23.0.0-canary.7"
+    "@adaptabletools/adaptable": "23.0.0-canary.8"
   },
   "module": "lib/index.js"
 }