@adaptabletools/adaptable-react-aggrid-cjs 23.0.0-canary.0 → 23.0.0-canary.2
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.
- package/index.css +88 -67
- package/package.json +2 -2
- package/themes/dark.css +10 -2
package/index.css
CHANGED
|
@@ -1443,6 +1443,14 @@
|
|
|
1443
1443
|
border-bottom-color: color-mix(in oklab, var(--ab-color-foreground) 20%, transparent);
|
|
1444
1444
|
}
|
|
1445
1445
|
}
|
|
1446
|
+
.twa\:border-b-text-on-defaultbackground\/20 {
|
|
1447
|
+
border-bottom-color: var(--ab-color-text-on-defaultbackground);
|
|
1448
|
+
}
|
|
1449
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1450
|
+
.twa\:border-b-text-on-defaultbackground\/20 {
|
|
1451
|
+
border-bottom-color: color-mix(in oklab, var(--ab-color-text-on-defaultbackground) 20%, transparent);
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1446
1454
|
.twa\:bg-\(--ab-cmp-input--disabled__background\) {
|
|
1447
1455
|
background-color: var(--ab-cmp-input--disabled__background);
|
|
1448
1456
|
}
|
|
@@ -1509,7 +1517,7 @@
|
|
|
1509
1517
|
background-color: currentcolor;
|
|
1510
1518
|
}
|
|
1511
1519
|
.twa\:bg-defaultbackground {
|
|
1512
|
-
background-color: var(--ab-color-
|
|
1520
|
+
background-color: var(--ab-color-defaultbackground);
|
|
1513
1521
|
}
|
|
1514
1522
|
.twa\:bg-destructive\/10 {
|
|
1515
1523
|
background-color: var(--ab-color-destructive);
|
|
@@ -5497,8 +5505,8 @@
|
|
|
5497
5505
|
--ab-focus__outline: none;
|
|
5498
5506
|
--ab-color-background: var(--ab-color-defaultbackground, oklch(1 0 0));
|
|
5499
5507
|
--ab-color-foreground: var(--ab-color-text-on-defaultbackground);
|
|
5500
|
-
--ab-color-popover: var(--ab-color-
|
|
5501
|
-
--ab-color-popover-foreground: var(--ab-color-
|
|
5508
|
+
--ab-color-popover: var(--ab-color-defaultbackground);
|
|
5509
|
+
--ab-color-popover-foreground: var(--ab-color-text-on-defaultbackground);
|
|
5502
5510
|
--ab-color-secondary: oklch(0.97 0 0);
|
|
5503
5511
|
--ab-color-secondary-foreground: oklch(0.205 0 0);
|
|
5504
5512
|
--ab-color-muted: var(--ab-color-primarylight);
|
|
@@ -5704,6 +5712,10 @@
|
|
|
5704
5712
|
--ab-cmp-tabs__padding: calc(var(--ab-base-space) * 2);
|
|
5705
5713
|
--ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
|
|
5706
5714
|
--ab-cmp-tabs-active__background: var(--ab-color-primarylight);
|
|
5715
|
+
--ab-cmp-tabs__font-weight: 400;
|
|
5716
|
+
--ab-cmp-tabs__color: inherit;
|
|
5717
|
+
--ab-cmp-tabs-inactive__opacity: 0.72;
|
|
5718
|
+
--ab-cmp-tabs-inactive-separator__color: var(--ab-color-primarydark);
|
|
5707
5719
|
}
|
|
5708
5720
|
:root {
|
|
5709
5721
|
--ab-cmp-panel_header__background: var(--ab-color-primary);
|
|
@@ -6392,18 +6404,29 @@
|
|
|
6392
6404
|
z-index: 10;
|
|
6393
6405
|
overflow: visible;
|
|
6394
6406
|
}
|
|
6407
|
+
.ab-Tabs__Tab {
|
|
6408
|
+
font-weight: var(--ab-cmp-tabs__font-weight);
|
|
6409
|
+
color: var(--ab-cmp-tabs__color);
|
|
6410
|
+
}
|
|
6395
6411
|
.ab-Tabs__Tab:focus:after {
|
|
6396
6412
|
box-shadow: var(--ab-focus__box-shadow);
|
|
6397
6413
|
}
|
|
6398
6414
|
.ab-Tabs__Tab:focus {
|
|
6399
6415
|
outline: none;
|
|
6400
6416
|
}
|
|
6417
|
+
.ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
|
|
6418
|
+
opacity: var(--ab-cmp-tabs-inactive__opacity);
|
|
6419
|
+
}
|
|
6420
|
+
.ab-Tabs__Tab:not(.ab-Tabs__Tab--active) + .ab-Tabs__Tab:not(.ab-Tabs__Tab--active) {
|
|
6421
|
+
box-shadow: inset 1px 0 0 var(--ab-cmp-tabs-inactive-separator__color);
|
|
6422
|
+
}
|
|
6401
6423
|
.ab-Tabs__Tab--active + .ab-Tabs__Filler, .ab-Tabs__Tab--active + .ab-Tabs__Tab {
|
|
6402
6424
|
border-bottom-left-radius: var(--ab-border-radius);
|
|
6403
6425
|
}
|
|
6404
6426
|
.ab-Tabs__Tab--active {
|
|
6405
6427
|
position: relative;
|
|
6406
6428
|
z-index: 30;
|
|
6429
|
+
opacity: 1;
|
|
6407
6430
|
}
|
|
6408
6431
|
.ab-Tabs__Tab--active:after {
|
|
6409
6432
|
content: '';
|
|
@@ -6952,93 +6975,43 @@
|
|
|
6952
6975
|
.ab-Datepicker-Overlay .rdp-focusable {
|
|
6953
6976
|
cursor: pointer;
|
|
6954
6977
|
}
|
|
6955
|
-
.ab-Datepicker-Overlay {
|
|
6956
|
-
@keyframes rdp-slide_in_left {
|
|
6957
|
-
0% {
|
|
6958
|
-
transform: translateX(-100%);
|
|
6959
|
-
}
|
|
6960
|
-
100% {
|
|
6961
|
-
transform: translateX(0);
|
|
6962
|
-
}
|
|
6963
|
-
}
|
|
6964
|
-
@keyframes rdp-slide_in_right {
|
|
6965
|
-
0% {
|
|
6966
|
-
transform: translateX(100%);
|
|
6967
|
-
}
|
|
6968
|
-
100% {
|
|
6969
|
-
transform: translateX(0);
|
|
6970
|
-
}
|
|
6971
|
-
}
|
|
6972
|
-
@keyframes rdp-slide_out_left {
|
|
6973
|
-
0% {
|
|
6974
|
-
transform: translateX(0);
|
|
6975
|
-
}
|
|
6976
|
-
100% {
|
|
6977
|
-
transform: translateX(-100%);
|
|
6978
|
-
}
|
|
6979
|
-
}
|
|
6980
|
-
@keyframes rdp-slide_out_right {
|
|
6981
|
-
0% {
|
|
6982
|
-
transform: translateX(0);
|
|
6983
|
-
}
|
|
6984
|
-
100% {
|
|
6985
|
-
transform: translateX(100%);
|
|
6986
|
-
}
|
|
6987
|
-
}
|
|
6988
|
-
}
|
|
6978
|
+
.ab-Datepicker-Overlay {}
|
|
6989
6979
|
.ab-Datepicker-Overlay .rdp-weeks_before_enter {
|
|
6990
|
-
animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6980
|
+
animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6991
6981
|
}
|
|
6992
6982
|
.ab-Datepicker-Overlay .rdp-weeks_before_exit {
|
|
6993
|
-
animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6983
|
+
animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6994
6984
|
}
|
|
6995
6985
|
.ab-Datepicker-Overlay .rdp-weeks_after_enter {
|
|
6996
|
-
animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6986
|
+
animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6997
6987
|
}
|
|
6998
6988
|
.ab-Datepicker-Overlay .rdp-weeks_after_exit {
|
|
6999
|
-
animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6989
|
+
animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7000
6990
|
}
|
|
7001
6991
|
.ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_enter {
|
|
7002
|
-
animation: rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6992
|
+
animation: ab-rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7003
6993
|
}
|
|
7004
6994
|
.ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_exit {
|
|
7005
|
-
animation: rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6995
|
+
animation: ab-rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7006
6996
|
}
|
|
7007
6997
|
.ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_before_enter {
|
|
7008
|
-
animation: rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
6998
|
+
animation: ab-rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7009
6999
|
}
|
|
7010
7000
|
.ab-Datepicker-Overlay .rdp-root[dir="rtl"] .rdp-weeks_after_exit {
|
|
7011
|
-
animation: rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7012
|
-
}
|
|
7013
|
-
.ab-Datepicker-Overlay {
|
|
7014
|
-
@keyframes rdp-fade_in {
|
|
7015
|
-
from {
|
|
7016
|
-
opacity: 0;
|
|
7017
|
-
}
|
|
7018
|
-
to {
|
|
7019
|
-
opacity: 1;
|
|
7020
|
-
}
|
|
7021
|
-
}
|
|
7022
|
-
@keyframes rdp-fade_out {
|
|
7023
|
-
from {
|
|
7024
|
-
opacity: 1;
|
|
7025
|
-
}
|
|
7026
|
-
to {
|
|
7027
|
-
opacity: 0;
|
|
7028
|
-
}
|
|
7029
|
-
}
|
|
7001
|
+
animation: ab-rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7030
7002
|
}
|
|
7003
|
+
.ab-Datepicker-Overlay {}
|
|
7031
7004
|
.ab-Datepicker-Overlay .rdp-caption_after_enter {
|
|
7032
|
-
animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7005
|
+
animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7033
7006
|
}
|
|
7034
7007
|
.ab-Datepicker-Overlay .rdp-caption_after_exit {
|
|
7035
|
-
animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7008
|
+
animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7036
7009
|
}
|
|
7037
7010
|
.ab-Datepicker-Overlay .rdp-caption_before_enter {
|
|
7038
|
-
animation: rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7011
|
+
animation: ab-rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7039
7012
|
}
|
|
7040
7013
|
.ab-Datepicker-Overlay .rdp-caption_before_exit {
|
|
7041
|
-
animation: rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7014
|
+
animation: ab-rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
|
|
7042
7015
|
}
|
|
7043
7016
|
.ab-Datepicker-Overlay {
|
|
7044
7017
|
border: var(--ab-cmp-datepicker__border);
|
|
@@ -8678,3 +8651,51 @@
|
|
|
8678
8651
|
}
|
|
8679
8652
|
}
|
|
8680
8653
|
}
|
|
8654
|
+
@keyframes ab-rdp-slide_in_left {
|
|
8655
|
+
0% {
|
|
8656
|
+
transform: translateX(-100%);
|
|
8657
|
+
}
|
|
8658
|
+
100% {
|
|
8659
|
+
transform: translateX(0);
|
|
8660
|
+
}
|
|
8661
|
+
}
|
|
8662
|
+
@keyframes ab-rdp-slide_in_right {
|
|
8663
|
+
0% {
|
|
8664
|
+
transform: translateX(100%);
|
|
8665
|
+
}
|
|
8666
|
+
100% {
|
|
8667
|
+
transform: translateX(0);
|
|
8668
|
+
}
|
|
8669
|
+
}
|
|
8670
|
+
@keyframes ab-rdp-slide_out_left {
|
|
8671
|
+
0% {
|
|
8672
|
+
transform: translateX(0);
|
|
8673
|
+
}
|
|
8674
|
+
100% {
|
|
8675
|
+
transform: translateX(-100%);
|
|
8676
|
+
}
|
|
8677
|
+
}
|
|
8678
|
+
@keyframes ab-rdp-slide_out_right {
|
|
8679
|
+
0% {
|
|
8680
|
+
transform: translateX(0);
|
|
8681
|
+
}
|
|
8682
|
+
100% {
|
|
8683
|
+
transform: translateX(100%);
|
|
8684
|
+
}
|
|
8685
|
+
}
|
|
8686
|
+
@keyframes ab-rdp-fade_in {
|
|
8687
|
+
from {
|
|
8688
|
+
opacity: 0;
|
|
8689
|
+
}
|
|
8690
|
+
to {
|
|
8691
|
+
opacity: 1;
|
|
8692
|
+
}
|
|
8693
|
+
}
|
|
8694
|
+
@keyframes ab-rdp-fade_out {
|
|
8695
|
+
from {
|
|
8696
|
+
opacity: 1;
|
|
8697
|
+
}
|
|
8698
|
+
to {
|
|
8699
|
+
opacity: 0;
|
|
8700
|
+
}
|
|
8701
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adaptabletools/adaptable-react-aggrid-cjs",
|
|
3
|
-
"version": "23.0.0-canary.
|
|
3
|
+
"version": "23.0.0-canary.2",
|
|
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",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"tslib": "^2.8.1",
|
|
11
11
|
"react-redux": "9.2.0",
|
|
12
|
-
"@adaptabletools/adaptable-cjs": "23.0.0-canary.
|
|
12
|
+
"@adaptabletools/adaptable-cjs": "23.0.0-canary.2"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"ag-grid-enterprise": ">=35.3.0",
|
package/themes/dark.css
CHANGED
|
@@ -15,10 +15,12 @@
|
|
|
15
15
|
--ab-cmp-input--disabled__background: #232323; /* #b6b7b8 */
|
|
16
16
|
|
|
17
17
|
--ab-color-defaultbackground: #3e444c;
|
|
18
|
-
--ab-color-background: var(--ab-color-defaultbackground, #3e444c);
|
|
19
18
|
--ab-color-text-on-defaultbackground: #e2e2e2;
|
|
19
|
+
/* Inputs/comboboxes: panel gray, not app chrome black */
|
|
20
|
+
--ab-color-input-background: var(--ab-color-defaultbackground);
|
|
20
21
|
|
|
21
22
|
--ab-color-primary: #262d2f;
|
|
23
|
+
--ab-color-primary-foreground: var(--ab-color-text-on-primary);
|
|
22
24
|
--ab-color-primarylight: #3d3e3f;
|
|
23
25
|
--ab-color-primarydark: #1c2021;
|
|
24
26
|
--ab-color-text-on-primary: #e2e2e2; /* F2F2F2 */
|
|
@@ -44,6 +46,12 @@
|
|
|
44
46
|
|
|
45
47
|
--ab-cmp-checkbox__border-color: var(--ab-color-text-on-primary);
|
|
46
48
|
--ab-cmp-checkbox--checked__border-color: var(--ab-color-accent);
|
|
49
|
+
|
|
50
|
+
/* Tabs: darker strip, lighter active tab + panel (inactive vs active was too similar) */
|
|
51
|
+
--ab-cmp-tabs-strip__background: var(--ab-color-primary);
|
|
52
|
+
--ab-cmp-tabs-active__background: var(--ab-color-defaultbackground);
|
|
53
|
+
--ab-cmp-tabs-inactive__opacity: 0.78;
|
|
54
|
+
--ab-cmp-tabs-inactive-separator__color: #555;
|
|
47
55
|
}
|
|
48
56
|
|
|
49
57
|
.ab--theme-dark input.ab-Input[type='number']::-webkit-outer-spin-button,.ab--theme-dark input.ab-Input[type='number']::-webkit-inner-spin-button {
|
|
@@ -63,7 +71,7 @@ as our dark theme is anyways applied on the document element.
|
|
|
63
71
|
.ab--theme-dark {
|
|
64
72
|
--ab-color-input-foreground: var(--ab-color-text-on-primary);
|
|
65
73
|
--ab-cmp-input__color: var(--ab-color-input-foreground);
|
|
66
|
-
--ab-cmp-input__background: var(--ab-color-
|
|
74
|
+
--ab-cmp-input__background: var(--ab-color-defaultbackground);
|
|
67
75
|
--ab-cmp-input--disabled__background: var(--ab-color-primarylight);
|
|
68
76
|
--ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
|
|
69
77
|
}
|