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

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 (2) hide show
  1. package/index.css +42 -53
  2. package/package.json +2 -2
package/index.css CHANGED
@@ -582,9 +582,6 @@
582
582
  .twa\:inline-flex {
583
583
  display: inline-flex;
584
584
  }
585
- .twa\:inline-grid {
586
- display: inline-grid;
587
- }
588
585
  .twa\:field-sizing-content {
589
586
  field-sizing: content;
590
587
  }
@@ -801,15 +798,15 @@
801
798
  .twa\:min-h-\[300px\] {
802
799
  min-height: 300px;
803
800
  }
801
+ .twa\:min-h-\[500px\] {
802
+ min-height: 500px;
803
+ }
804
804
  .twa\:min-h-auto {
805
805
  min-height: auto;
806
806
  }
807
807
  .twa\:min-h-auto\! {
808
808
  min-height: auto !important;
809
809
  }
810
- .twa\:min-h-full {
811
- min-height: 100%;
812
- }
813
810
  .twa\:min-h-input {
814
811
  min-height: var(--ab-input-height);
815
812
  }
@@ -1274,9 +1271,6 @@
1274
1271
  .twa\:grid-cols-\[4\.5rem_1fr\] {
1275
1272
  grid-template-columns: 4.5rem 1fr;
1276
1273
  }
1277
- .twa\:grid-cols-\[160px_140px_140px\] {
1278
- grid-template-columns: 160px 140px 140px;
1279
- }
1280
1274
  .twa\:grid-cols-\[auto_1fr\] {
1281
1275
  grid-template-columns: auto 1fr;
1282
1276
  }
@@ -1915,6 +1909,9 @@
1915
1909
  .twa\:pt-0 {
1916
1910
  padding-top: 0;
1917
1911
  }
1912
+ .twa\:pt-0\! {
1913
+ padding-top: 0 !important;
1914
+ }
1918
1915
  .twa\:pt-0\.5 {
1919
1916
  padding-top: calc(var(--ab-base-space) * 0.5);
1920
1917
  }
@@ -5852,7 +5849,18 @@
5852
5849
  --ab-icon-fill: currentColor;
5853
5850
  --ab-custom-scrollbar-size: 10px;
5854
5851
  --ab-grid-row-height: 35px;
5855
- --ab-cmp-column-tag__background: #d8e0e8;
5852
+ --ab-cmp-column-tag__background: var(--ab-color-primary);
5853
+ }
5854
+ @supports (color: color-mix(in lab, red, red)) {
5855
+ :root {
5856
+ --ab-cmp-column-tag__background: color-mix(
5857
+ in srgb,
5858
+ var(--ab-color-primary) 80%,
5859
+ var(--ab-color-accent)
5860
+ );
5861
+ }
5862
+ }
5863
+ :root {
5856
5864
  --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
5857
5865
  --ab-loaded: 777;
5858
5866
  --ab_flex-direction: column;
@@ -7488,7 +7496,7 @@
7488
7496
  .ab-Tag {
7489
7497
  max-width: 100%;
7490
7498
  }
7491
- .ab-Tag.ab-Tag--column {
7499
+ .ab-Tag--column {
7492
7500
  background: var(--ab-cmp-column-tag__background);
7493
7501
  color: var(--ab-cmp-column-tag__foreground, inherit);
7494
7502
  }
@@ -8009,50 +8017,17 @@
8009
8017
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 24%, transparent);
8010
8018
  }
8011
8019
  }
8012
- .ab-SimpleButton.ab-ObjectListActionButton--edit {
8013
- background-color: var(--ab-color-action-edit) !important;
8014
- }
8015
- @supports (color: color-mix(in lab, red, red)) {
8016
- .ab-SimpleButton.ab-ObjectListActionButton--edit {
8017
- background-color: color-mix(in srgb, var(--ab-color-action-edit) 14%, var(--ab-color-muted)) !important;
8018
- }
8019
- }
8020
- .ab-SimpleButton.ab-ObjectListActionButton--edit {
8021
- color: var(--ab-color-action-edit);
8022
- }
8023
- .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8020
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8024
8021
  background-color: var(--ab-color-primary-foreground) !important;
8025
8022
  }
8026
8023
  @supports (color: color-mix(in lab, red, red)) {
8027
- .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8024
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8028
8025
  background-color: color-mix( in srgb, var(--ab-color-primary-foreground) 10%, var(--ab-color-muted) ) !important;
8029
8026
  }
8030
8027
  }
8031
- .ab-SimpleButton.ab-ObjectListActionButton--suspend {
8028
+ .ab-SimpleButton.ab-ObjectListActionButton--edit, .ab-SimpleButton.ab-ObjectListActionButton--suspend, .ab-SimpleButton.ab-ObjectListActionButton--delete, .ab-SimpleButton.ab-ObjectListActionButton--share, .ab-SimpleButton.ab-ObjectListActionButton--clone {
8032
8029
  color: var(--ab-color-primary-foreground);
8033
8030
  }
8034
- .ab-SimpleButton.ab-ObjectListActionButton--delete {
8035
- background-color: var(--ab-color-action-delete) !important;
8036
- }
8037
- @supports (color: color-mix(in lab, red, red)) {
8038
- .ab-SimpleButton.ab-ObjectListActionButton--delete {
8039
- background-color: color-mix(in srgb, var(--ab-color-action-delete) 14%, var(--ab-color-muted)) !important;
8040
- }
8041
- }
8042
- .ab-SimpleButton.ab-ObjectListActionButton--delete {
8043
- color: var(--ab-color-action-delete);
8044
- }
8045
- .ab-SimpleButton.ab-ObjectListActionButton--share {
8046
- background-color: var(--ab-color-action-share) !important;
8047
- }
8048
- @supports (color: color-mix(in lab, red, red)) {
8049
- .ab-SimpleButton.ab-ObjectListActionButton--share {
8050
- background-color: color-mix(in srgb, var(--ab-color-action-share) 14%, var(--ab-color-muted)) !important;
8051
- }
8052
- }
8053
- .ab-SimpleButton.ab-ObjectListActionButton--share {
8054
- color: var(--ab-color-action-share);
8055
- }
8056
8031
  .ab-SimpleButton.ab-ObjectListActionButton:hover:not(:disabled) {
8057
8032
  box-shadow: inset 0 0 0 1px currentColor;
8058
8033
  }
@@ -9007,11 +8982,16 @@
9007
8982
  .ab--theme-dark {
9008
8983
  --ab-color-secondary: oklch(0.269 0 0);
9009
8984
  --ab-color-secondary-foreground: oklch(0.985 0 0);
9010
- --ab-color-destructive: oklch(0.396 0.141 25.723);
9011
- --ab-color-destructive-foreground: oklch(0.637 0.237 25.331);
9012
8985
  --ab-color-border: oklch(0.269 0 0);
9013
8986
  --ab-theme-loaded: dark;
9014
- --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8987
+ --ab-color-input-background: var(--ab-color-background);
8988
+ }
8989
+ @supports (color: color-mix(in lab, red, red)) {
8990
+ .ab--theme-dark {
8991
+ --ab-color-input-background: color-mix(in srgb, var(--ab-color-background) 95%, black);
8992
+ }
8993
+ }
8994
+ .ab--theme-dark {
9015
8995
  --ab-cmp-input--disabled__background: #232323;
9016
8996
  --ab-color-background: var(--ab-color-defaultbackground, #474c52);
9017
8997
  --ab-color-foreground: var(--ab-color-text-on-defaultbackground, #e2e2e2);
@@ -9021,13 +9001,18 @@
9021
9001
  --ab-color-primarydark: #1c2021;
9022
9002
  --ab-color-card: #51555a;
9023
9003
  --ab-color-card-foreground: var(--ab-color-foreground);
9024
- --ab-cmp-draggable-list-item__background: color-mix(
9004
+ --ab-cmp-draggable-list-item__background: var(--ab-color-primary);
9005
+ }
9006
+ @supports (color: color-mix(in lab, red, red)) {
9007
+ .ab--theme-dark {
9008
+ --ab-cmp-draggable-list-item__background: color-mix(
9025
9009
  in srgb,
9026
9010
  var(--ab-color-primary) 72%,
9027
9011
  var(--ab-color-primarylight)
9028
9012
  );
9029
- --ab-cmp-column-tag__background: #6f7882;
9030
- --ab-cmp-column-tag__foreground: var(--ab-color-primary-foreground);
9013
+ }
9014
+ }
9015
+ .ab--theme-dark {
9031
9016
  --ab-color-palette-1: #5c1a1a;
9032
9017
  --ab-color-palette-2: #ffb4b4;
9033
9018
  --ab-color-palette-3: #4a3b00;
@@ -9052,6 +9037,10 @@
9052
9037
  .ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
9053
9038
  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;
9054
9039
  }
9040
+ .ab--theme-dark input.ab-Input[type='time']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='date']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='datetime-local']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='month']::-webkit-calendar-picker-indicator,.ab--theme-dark input.ab-Input[type='week']::-webkit-calendar-picker-indicator {
9041
+ filter: invert(1);
9042
+ opacity: 0.85;
9043
+ }
9055
9044
  }
9056
9045
  @property --tw-translate-x {
9057
9046
  syntax: "*";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adaptabletools/adaptable-react-aggrid",
3
- "version": "23.0.0-canary.8",
3
+ "version": "23.0.0",
4
4
  "description": "React version of AdapTable - the powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
5
5
  "keywords": [],
6
6
  "license": "contact sales@adaptabletools.com for details",
@@ -8,7 +8,7 @@
8
8
  "dependencies": {
9
9
  "tslib": "^2.8.1",
10
10
  "react-redux": "9.2.0",
11
- "@adaptabletools/adaptable": "23.0.0-canary.8"
11
+ "@adaptabletools/adaptable": "23.0.0"
12
12
  },
13
13
  "peerDependencies": {
14
14
  "ag-grid-enterprise": ">=35.3.0",