react-autoql 7.2.2 → 7.2.3
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/dist/autoql.cjs.js +1 -1
- package/dist/autoql.cjs.js.gz +0 -0
- package/dist/autoql.esm.css +157 -64
- package/dist/autoql.esm.css.gz +0 -0
- package/dist/autoql.esm.js +1 -1
- package/dist/autoql.esm.js.gz +0 -0
- package/package.json +2 -1
package/dist/autoql.cjs.js.gz
CHANGED
|
Binary file
|
package/dist/autoql.esm.css
CHANGED
|
@@ -967,28 +967,57 @@ span.react-autoql-icon {
|
|
|
967
967
|
opacity: 0.2; }
|
|
968
968
|
|
|
969
969
|
.react-autoql-select {
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
margin: 0 3px;
|
|
978
|
-
padding: 0 11px;
|
|
979
|
-
color: var(--react-autoql-accent-color, #26a7df);
|
|
980
|
-
transition: all 0.2s ease;
|
|
970
|
+
display: inline-flex;
|
|
971
|
+
justify-content: space-between;
|
|
972
|
+
line-height: 36px;
|
|
973
|
+
height: 38px;
|
|
974
|
+
transition: color 0.2s ease, border-color 0.2s ease;
|
|
975
|
+
white-space: nowrap;
|
|
976
|
+
font-size: inherit;
|
|
981
977
|
cursor: pointer; }
|
|
982
978
|
.react-autoql-select:hover {
|
|
983
|
-
|
|
979
|
+
color: var(--react-autoql-accent-color, #26a7df); }
|
|
980
|
+
.react-autoql-select:hover .react-autoql-select-arrow {
|
|
981
|
+
color: var(--react-autoql-accent-color, #26a7df); }
|
|
982
|
+
.react-autoql-select:not(.outlined) {
|
|
983
|
+
font-weight: 600;
|
|
984
|
+
padding: 0 10px;
|
|
985
|
+
margin: 0; }
|
|
986
|
+
.react-autoql-select.outlined {
|
|
987
|
+
margin: 0 3px;
|
|
988
|
+
padding: 0px 16px;
|
|
989
|
+
color: var(--react-autoql-text-color-primary);
|
|
990
|
+
border: 1px solid var(--react-autoql-border-color);
|
|
991
|
+
border-radius: 4px;
|
|
992
|
+
background: var(--react-autoql-background-color-secondary, white); }
|
|
993
|
+
.react-autoql-select.outlined:hover {
|
|
994
|
+
color: var(--react-autoql-accent-color);
|
|
995
|
+
border-color: var(--react-autoql-accent-color); }
|
|
996
|
+
.react-autoql-select .react-autoql-select-text {
|
|
997
|
+
display: block;
|
|
998
|
+
height: 100%; }
|
|
999
|
+
.react-autoql-select .react-autoql-select-text .react-autoql-select-text-placeholder {
|
|
1000
|
+
color: var(--react-autoql-text-color-placeholder);
|
|
1001
|
+
font-style: italic; }
|
|
1002
|
+
.react-autoql-select .react-autoql-select-arrow {
|
|
1003
|
+
display: flex;
|
|
1004
|
+
align-items: center;
|
|
1005
|
+
padding-left: 8px;
|
|
1006
|
+
font-size: 0.875em;
|
|
1007
|
+
color: var(--react-autoql-text-color-placeholder); }
|
|
984
1008
|
|
|
985
1009
|
.react-autoql-select-popup-container {
|
|
986
|
-
background: var(--react-autoql-background-color-secondary
|
|
1010
|
+
background: var(--react-autoql-background-color-secondary);
|
|
987
1011
|
padding: 10px 0;
|
|
988
1012
|
max-height: 300px;
|
|
989
1013
|
overflow-y: auto; }
|
|
1014
|
+
.react-autoql-select-popup-container .react-autoql-select-option > span {
|
|
1015
|
+
display: flex;
|
|
1016
|
+
flex-direction: row;
|
|
1017
|
+
align-items: center;
|
|
1018
|
+
justify-content: flex-start; }
|
|
990
1019
|
.react-autoql-select-popup-container .react-autoql-select-option.active {
|
|
991
|
-
background: var(--react-autoql-hover-color
|
|
1020
|
+
background: var(--react-autoql-hover-color); }
|
|
992
1021
|
.react-autoql-select-popup-container .react-autoql-select-popup {
|
|
993
1022
|
list-style-type: none;
|
|
994
1023
|
width: 100%;
|
|
@@ -1002,7 +1031,7 @@ span.react-autoql-icon {
|
|
|
1002
1031
|
padding: 0 20px;
|
|
1003
1032
|
cursor: pointer; }
|
|
1004
1033
|
.react-autoql-select-popup-container .react-autoql-select-popup li:hover {
|
|
1005
|
-
background: var(--react-autoql-hover-color
|
|
1034
|
+
background: var(--react-autoql-hover-color); }
|
|
1006
1035
|
|
|
1007
1036
|
g.legendOrdinal,
|
|
1008
1037
|
g.legendOrdinal tspan {
|
|
@@ -3683,55 +3712,119 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3683
3712
|
outline: none !important; }
|
|
3684
3713
|
.react-autoql-drawer .react-autoql-notification-list-container {
|
|
3685
3714
|
height: calc(100% - 60px); }
|
|
3715
|
+
.react-autoql-drawer .data-messenger-header-select {
|
|
3716
|
+
background-color: var(--react-autoql-accent-color) !important;
|
|
3717
|
+
color: var(--react-autoql-text-color-accent) !important;
|
|
3718
|
+
border-color: var(--react-autoql-border-color) !important;
|
|
3719
|
+
border-radius: 2px;
|
|
3720
|
+
border-width: 1px;
|
|
3721
|
+
border-style: solid;
|
|
3722
|
+
font-weight: bold;
|
|
3723
|
+
box-shadow: none;
|
|
3724
|
+
touch-action: manipulation;
|
|
3725
|
+
-webkit-tap-highlight-color: transparent;
|
|
3726
|
+
width: 100%;
|
|
3727
|
+
margin: 0;
|
|
3728
|
+
height: 40px;
|
|
3729
|
+
overflow: hidden;
|
|
3730
|
+
white-space: nowrap;
|
|
3731
|
+
text-overflow: ellipsis;
|
|
3732
|
+
cursor: pointer; }
|
|
3733
|
+
.react-autoql-drawer .data-messenger-header-select .react-autoql-select-arrow {
|
|
3734
|
+
color: var(--react-autoql-text-color-accent); }
|
|
3735
|
+
.react-autoql-drawer .data-messenger-header-select .react-autoql-select-text {
|
|
3736
|
+
flex: 1;
|
|
3737
|
+
display: flex;
|
|
3738
|
+
justify-content: center;
|
|
3739
|
+
align-items: center; }
|
|
3740
|
+
.react-autoql-drawer .data-messenger-header-select .react-autoql-select-text .react-autoql-icon {
|
|
3741
|
+
display: none; }
|
|
3742
|
+
.react-autoql-drawer .data-messenger-header-select .react-autoql-select-text-placeholder {
|
|
3743
|
+
display: flex;
|
|
3744
|
+
align-items: center;
|
|
3745
|
+
justify-content: center;
|
|
3746
|
+
color: var(--react-autoql-text-color-accent);
|
|
3747
|
+
font-size: 20px;
|
|
3748
|
+
position: relative;
|
|
3749
|
+
letter-spacing: 0.05em;
|
|
3750
|
+
font-weight: 600;
|
|
3751
|
+
font-style: normal;
|
|
3752
|
+
overflow: hidden;
|
|
3753
|
+
text-overflow: ellipsis;
|
|
3754
|
+
white-space: nowrap; }
|
|
3755
|
+
.react-autoql-drawer .data-messenger-header-select .react-autoql-select-text-placeholder .react-autoql-icon {
|
|
3756
|
+
display: none; }
|
|
3757
|
+
.react-autoql-drawer .react-autoql-drawer-content-container {
|
|
3758
|
+
width: 100%;
|
|
3759
|
+
height: 100%;
|
|
3760
|
+
background: var(--react-autoql-background-color-primary);
|
|
3761
|
+
overflow: hidden;
|
|
3762
|
+
border-radius: 4px; }
|
|
3763
|
+
.react-autoql-drawer .chat-header-container {
|
|
3764
|
+
display: flex;
|
|
3765
|
+
justify-content: space-between;
|
|
3766
|
+
width: 100%;
|
|
3767
|
+
height: 60px;
|
|
3768
|
+
background: var(--react-autoql-accent-color);
|
|
3769
|
+
color: var(--react-autoql-text-color-accent);
|
|
3770
|
+
box-shadow: 0 0 12px 1px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
|
|
3771
|
+
flex: 0 0 auto;
|
|
3772
|
+
z-index: 1; }
|
|
3773
|
+
.react-autoql-drawer .react-autoql-header-left-container {
|
|
3774
|
+
display: flex;
|
|
3775
|
+
justify-content: left;
|
|
3776
|
+
width: 100px;
|
|
3777
|
+
margin-left: 10px; }
|
|
3778
|
+
.react-autoql-drawer .react-autoql-header-right-container {
|
|
3779
|
+
display: flex;
|
|
3780
|
+
justify-content: right;
|
|
3781
|
+
width: 100px;
|
|
3782
|
+
margin-right: 10px; }
|
|
3783
|
+
.react-autoql-drawer .react-autoql-header-center-container {
|
|
3784
|
+
display: flex;
|
|
3785
|
+
justify-content: center;
|
|
3786
|
+
align-items: center;
|
|
3787
|
+
position: relative;
|
|
3788
|
+
font-weight: 600; }
|
|
3789
|
+
|
|
3790
|
+
.data-messenger-header-select-popover {
|
|
3791
|
+
width: 100vw; }
|
|
3792
|
+
.data-messenger-header-select-popover .react-autoql-notifications-button-container {
|
|
3793
|
+
display: flex;
|
|
3794
|
+
margin-right: 10px; }
|
|
3795
|
+
.data-messenger-header-select-popover .react-autoql-select-popup li {
|
|
3796
|
+
display: flex;
|
|
3797
|
+
justify-content: center;
|
|
3798
|
+
height: unset; }
|
|
3799
|
+
.data-messenger-header-select-popover .react-autoql-select-popup li .react-autoql-icon {
|
|
3800
|
+
margin-right: 10px; }
|
|
3801
|
+
.data-messenger-header-select-popover .react-autoql-select-popup li > span > span {
|
|
3802
|
+
display: flex;
|
|
3803
|
+
justify-content: center;
|
|
3804
|
+
align-items: center;
|
|
3805
|
+
font-size: 20px;
|
|
3806
|
+
min-height: 60px; }
|
|
3686
3807
|
|
|
3687
3808
|
.react-autoql-drawer.disable-selection {
|
|
3688
3809
|
-webkit-user-select: none;
|
|
3689
3810
|
-moz-user-select: none;
|
|
3690
3811
|
user-select: none; }
|
|
3691
3812
|
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3696
|
-
overflow: hidden;
|
|
3697
|
-
border-radius: 4px; }
|
|
3698
|
-
|
|
3699
|
-
.react-autoql-drawer .chat-header-container {
|
|
3700
|
-
display: flex;
|
|
3701
|
-
justify-content: space-between;
|
|
3702
|
-
width: 100%;
|
|
3703
|
-
height: 60px;
|
|
3704
|
-
background: var(--react-autoql-accent-color);
|
|
3705
|
-
color: var(--react-autoql-text-color-accent);
|
|
3706
|
-
box-shadow: 0 0 12px 1px var(--react-autoql-box-shadow-color, rgba(0, 0, 0, 0.15));
|
|
3707
|
-
flex: 0 0 auto;
|
|
3708
|
-
z-index: 1; }
|
|
3709
|
-
|
|
3710
|
-
.react-autoql-drawer .react-autoql-header-left-container {
|
|
3711
|
-
display: flex;
|
|
3712
|
-
justify-content: left;
|
|
3713
|
-
width: 100px;
|
|
3714
|
-
margin-left: 10px; }
|
|
3715
|
-
|
|
3716
|
-
.react-autoql-drawer .react-autoql-header-right-container {
|
|
3717
|
-
display: flex;
|
|
3718
|
-
justify-content: right;
|
|
3719
|
-
width: 100px;
|
|
3720
|
-
margin-right: 10px; }
|
|
3813
|
+
@media (max-width: 479px) {
|
|
3814
|
+
.react-autoql-drawer .react-autoql-header-center-container {
|
|
3815
|
+
font-size: 18px;
|
|
3816
|
+
letter-spacing: 0.05em; } }
|
|
3721
3817
|
|
|
3722
|
-
|
|
3723
|
-
|
|
3724
|
-
|
|
3725
|
-
|
|
3726
|
-
|
|
3727
|
-
letter-spacing: 0.05em;
|
|
3728
|
-
font-weight: 600;
|
|
3729
|
-
overflow: hidden;
|
|
3730
|
-
text-overflow: ellipsis;
|
|
3731
|
-
white-space: nowrap; }
|
|
3818
|
+
@media (min-width: 480px) {
|
|
3819
|
+
.react-autoql-drawer .react-autoql-header-center-container {
|
|
3820
|
+
font-size: 18px;
|
|
3821
|
+
letter-spacing: 0.05em;
|
|
3822
|
+
justify-content: center; } }
|
|
3732
3823
|
|
|
3733
3824
|
.react-autoql-drawer .header-title {
|
|
3734
|
-
|
|
3825
|
+
width: 100%;
|
|
3826
|
+
animation: fadeIn 0.3s;
|
|
3827
|
+
text-align: center; }
|
|
3735
3828
|
|
|
3736
3829
|
.react-autoql-drawer .react-autoql-drawer-header-btn {
|
|
3737
3830
|
line-height: 1em;
|
|
@@ -3853,15 +3946,15 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3853
3946
|
.react-autoql-drawer .drawer-content-wrapper {
|
|
3854
3947
|
background: transparent; }
|
|
3855
3948
|
|
|
3856
|
-
|
|
3857
|
-
.react-autoql-drawer.drawer-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3861
|
-
.react-autoql-drawer.drawer-top .drawer-content-wrapper,
|
|
3862
|
-
.react-autoql-drawer.drawer-bottom .drawer-content-wrapper {
|
|
3863
|
-
|
|
3864
|
-
|
|
3949
|
+
@media (min-width: 1281px) {
|
|
3950
|
+
.react-autoql-drawer.drawer-right .drawer-content-wrapper,
|
|
3951
|
+
.react-autoql-drawer.drawer-left .drawer-content-wrapper {
|
|
3952
|
+
max-width: calc(100vw - 45px) !important;
|
|
3953
|
+
min-width: 400px !important; }
|
|
3954
|
+
.react-autoql-drawer.drawer-top .drawer-content-wrapper,
|
|
3955
|
+
.react-autoql-drawer.drawer-bottom .drawer-content-wrapper {
|
|
3956
|
+
max-height: calc(100vh - 45px) !important;
|
|
3957
|
+
min-height: 400px !important; } }
|
|
3865
3958
|
|
|
3866
3959
|
.react-autoql-drawer-resize-handle {
|
|
3867
3960
|
position: absolute;
|
package/dist/autoql.esm.css.gz
CHANGED
|
Binary file
|