@oliasoft-open-source/react-ui-library 3.1.4 → 3.1.6
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/global.css +73 -73
- package/dist/index.js +18 -18
- package/package.json +1 -1
package/dist/global.css
CHANGED
|
@@ -3778,11 +3778,11 @@ html[data-theme='dark'] {
|
|
|
3778
3778
|
--color-background-button-error: var(--color-error-muted-500);
|
|
3779
3779
|
--color-background-button-error-hover: var(--color-error-muted-550);
|
|
3780
3780
|
--color-background-button-error-active: var(--color-error-muted-600);
|
|
3781
|
-
--color-border-button:
|
|
3782
|
-
--color-border-button-hover:
|
|
3781
|
+
--color-border-button: var(--color-border);
|
|
3782
|
+
--color-border-button-hover: var(--color-border);
|
|
3783
3783
|
--color-text-button-muted: rgba(255, 255, 255, 0.4);
|
|
3784
3784
|
}
|
|
3785
|
-
.
|
|
3785
|
+
._button_16560_360 {
|
|
3786
3786
|
cursor: pointer;
|
|
3787
3787
|
display: inline-flex;
|
|
3788
3788
|
align-items: center;
|
|
@@ -3808,79 +3808,79 @@ html[data-theme='dark'] {
|
|
|
3808
3808
|
min-height: 38px;
|
|
3809
3809
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
3810
3810
|
}
|
|
3811
|
-
.
|
|
3811
|
+
._button_16560_360:hover {
|
|
3812
3812
|
background: var(--color-background-button-default-hover);
|
|
3813
3813
|
border-color: var(--color-border-button-hover);
|
|
3814
3814
|
}
|
|
3815
|
-
.
|
|
3815
|
+
._button_16560_360:active {
|
|
3816
3816
|
background: var(--color-background-button-default-active);
|
|
3817
3817
|
box-shadow: none;
|
|
3818
3818
|
}
|
|
3819
|
-
.
|
|
3819
|
+
._button_16560_360._active_16560_394 {
|
|
3820
3820
|
border-color: var(--color-background-button-primary);
|
|
3821
3821
|
color: var(--color-text-primary);
|
|
3822
3822
|
position: relative;
|
|
3823
3823
|
z-index: 2;
|
|
3824
3824
|
}
|
|
3825
|
-
.
|
|
3826
|
-
.
|
|
3827
|
-
.
|
|
3825
|
+
._button_16560_360:hover,
|
|
3826
|
+
._button_16560_360:focus,
|
|
3827
|
+
._button_16560_360:active {
|
|
3828
3828
|
position: relative;
|
|
3829
3829
|
z-index: 1;
|
|
3830
3830
|
}
|
|
3831
|
-
.
|
|
3831
|
+
._button_16560_360 ._icon_16560_406 {
|
|
3832
3832
|
margin: 0 8px 0 -4px;
|
|
3833
3833
|
}
|
|
3834
|
-
.
|
|
3834
|
+
._button_16560_360 ._icon_16560_406 svg {
|
|
3835
3835
|
height: 14px;
|
|
3836
3836
|
width: 14px;
|
|
3837
3837
|
}
|
|
3838
|
-
.
|
|
3838
|
+
._iconOnly_16560_413 {
|
|
3839
3839
|
padding: 0.78571429em 0.78571429em 0.78571429em;
|
|
3840
3840
|
display: inline-flex;
|
|
3841
3841
|
align-items: center;
|
|
3842
3842
|
justify-content: center;
|
|
3843
3843
|
}
|
|
3844
|
-
.
|
|
3844
|
+
._iconOnly_16560_413 ._icon_16560_406 {
|
|
3845
3845
|
margin: 0;
|
|
3846
3846
|
line-height: 0;
|
|
3847
3847
|
}
|
|
3848
|
-
.
|
|
3848
|
+
._basic_16560_423 {
|
|
3849
3849
|
color: var(--color-text-primary);
|
|
3850
3850
|
background: transparent;
|
|
3851
3851
|
box-shadow: none !important;
|
|
3852
3852
|
border: none !important;
|
|
3853
3853
|
}
|
|
3854
|
-
.
|
|
3854
|
+
._basic_16560_423._muted_16560_429 {
|
|
3855
3855
|
color: var(--color-text-button-muted);
|
|
3856
3856
|
}
|
|
3857
|
-
.
|
|
3858
|
-
.
|
|
3857
|
+
._basic_16560_423:hover,
|
|
3858
|
+
._basic_16560_423:focus {
|
|
3859
3859
|
color: var(--color-text-primary-hover);
|
|
3860
3860
|
background: rgba(0, 0, 0, 0.05);
|
|
3861
3861
|
}
|
|
3862
|
-
.
|
|
3863
|
-
.
|
|
3862
|
+
._basic_16560_423:active,
|
|
3863
|
+
._basic_16560_423._active_16560_394 {
|
|
3864
3864
|
color: var(--color-text-primary-active);
|
|
3865
3865
|
background: rgba(0, 0, 0, 0.1);
|
|
3866
3866
|
}
|
|
3867
|
-
.
|
|
3867
|
+
._disabled_16560_442 {
|
|
3868
3868
|
cursor: default;
|
|
3869
3869
|
pointer-events: none !important;
|
|
3870
3870
|
color: var(--color-text-faint) !important;
|
|
3871
3871
|
box-shadow: none !important;
|
|
3872
3872
|
}
|
|
3873
|
-
.
|
|
3873
|
+
._disabled_16560_442:not(._active_16560_394):not(._basic_16560_423) {
|
|
3874
3874
|
background: var(--color-background-disabled) !important;
|
|
3875
3875
|
border: 1px solid var(--color-border) !important;
|
|
3876
3876
|
}
|
|
3877
|
-
.
|
|
3877
|
+
._small_16560_452 {
|
|
3878
3878
|
font-size: 12px;
|
|
3879
3879
|
min-height: 24px;
|
|
3880
3880
|
padding: 0 0.75rem;
|
|
3881
3881
|
}
|
|
3882
|
-
.
|
|
3883
|
-
.
|
|
3882
|
+
._pill_16560_457,
|
|
3883
|
+
._round_16560_458 {
|
|
3884
3884
|
text-transform: uppercase;
|
|
3885
3885
|
letter-spacing: 0.1em;
|
|
3886
3886
|
font-size: 13px;
|
|
@@ -3889,108 +3889,108 @@ html[data-theme='dark'] {
|
|
|
3889
3889
|
display: inline-flex;
|
|
3890
3890
|
align-items: center;
|
|
3891
3891
|
}
|
|
3892
|
-
.
|
|
3892
|
+
._round_16560_458 {
|
|
3893
3893
|
padding: 0;
|
|
3894
3894
|
width: 38px;
|
|
3895
3895
|
line-height: 1;
|
|
3896
3896
|
}
|
|
3897
|
-
.
|
|
3897
|
+
._round_16560_458._small_16560_452 {
|
|
3898
3898
|
width: 24px;
|
|
3899
3899
|
}
|
|
3900
|
-
.
|
|
3900
|
+
._orange_16560_475 {
|
|
3901
3901
|
background-color: var(--color-background-button-primary);
|
|
3902
3902
|
}
|
|
3903
|
-
.
|
|
3904
|
-
.
|
|
3903
|
+
._orange_16560_475:hover,
|
|
3904
|
+
._orange_16560_475:focus {
|
|
3905
3905
|
background-color: var(--color-background-button-primary-hover);
|
|
3906
3906
|
}
|
|
3907
|
-
.
|
|
3907
|
+
._orange_16560_475:active {
|
|
3908
3908
|
background-color: var(--color-background-button-primary-active);
|
|
3909
3909
|
}
|
|
3910
|
-
.
|
|
3910
|
+
._red_16560_485 {
|
|
3911
3911
|
background-color: var(--color-background-button-error);
|
|
3912
3912
|
}
|
|
3913
|
-
.
|
|
3914
|
-
.
|
|
3913
|
+
._red_16560_485:hover,
|
|
3914
|
+
._red_16560_485:focus {
|
|
3915
3915
|
background-color: var(--color-background-button-error-hover);
|
|
3916
3916
|
}
|
|
3917
|
-
.
|
|
3917
|
+
._red_16560_485:active {
|
|
3918
3918
|
background-color: var(--color-background-button-error-active);
|
|
3919
3919
|
}
|
|
3920
|
-
.
|
|
3920
|
+
._green_16560_495 {
|
|
3921
3921
|
background-color: var(--color-background-button-success);
|
|
3922
3922
|
}
|
|
3923
|
-
.
|
|
3924
|
-
.
|
|
3923
|
+
._green_16560_495:hover,
|
|
3924
|
+
._green_16560_495:focus {
|
|
3925
3925
|
background-color: var(--color-background-button-success-hover);
|
|
3926
3926
|
}
|
|
3927
|
-
.
|
|
3927
|
+
._green_16560_495:active {
|
|
3928
3928
|
background-color: var(--color-background-button-success-active);
|
|
3929
3929
|
}
|
|
3930
|
-
.
|
|
3931
|
-
.
|
|
3932
|
-
.
|
|
3930
|
+
._orange_16560_475,
|
|
3931
|
+
._red_16560_485,
|
|
3932
|
+
._green_16560_495 {
|
|
3933
3933
|
color: #fff;
|
|
3934
3934
|
}
|
|
3935
|
-
.
|
|
3936
|
-
.
|
|
3937
|
-
.
|
|
3938
|
-
.
|
|
3939
|
-
.
|
|
3940
|
-
.
|
|
3935
|
+
._orange_16560_475:hover,
|
|
3936
|
+
._red_16560_485:hover,
|
|
3937
|
+
._green_16560_495:hover,
|
|
3938
|
+
._orange_16560_475:focus,
|
|
3939
|
+
._red_16560_485:focus,
|
|
3940
|
+
._green_16560_495:focus {
|
|
3941
3941
|
color: #fff;
|
|
3942
3942
|
}
|
|
3943
|
-
.
|
|
3944
|
-
.
|
|
3945
|
-
.
|
|
3943
|
+
._orange_16560_475:active,
|
|
3944
|
+
._red_16560_485:active,
|
|
3945
|
+
._green_16560_495:active {
|
|
3946
3946
|
color: #fff;
|
|
3947
3947
|
}
|
|
3948
|
-
.
|
|
3948
|
+
._inverted_16560_523 {
|
|
3949
3949
|
background-color: transparent;
|
|
3950
3950
|
border-color: var(--color-text);
|
|
3951
3951
|
box-shadow: none;
|
|
3952
3952
|
}
|
|
3953
|
-
.
|
|
3954
|
-
.
|
|
3955
|
-
.
|
|
3953
|
+
._inverted_16560_523:hover,
|
|
3954
|
+
._inverted_16560_523:focus,
|
|
3955
|
+
._inverted_16560_523:active {
|
|
3956
3956
|
box-shadow: none;
|
|
3957
3957
|
}
|
|
3958
|
-
.
|
|
3958
|
+
._inverted_16560_523._orange_16560_475 {
|
|
3959
3959
|
color: var(--color-background-button-primary);
|
|
3960
3960
|
border-color: var(--color-background-button-primary);
|
|
3961
3961
|
}
|
|
3962
|
-
.
|
|
3962
|
+
._inverted_16560_523._red_16560_485 {
|
|
3963
3963
|
color: var(--color-background-button-error);
|
|
3964
3964
|
border-color: var(--color-background-button-error);
|
|
3965
3965
|
}
|
|
3966
|
-
.
|
|
3966
|
+
._inverted_16560_523._green_16560_495 {
|
|
3967
3967
|
color: var(--color-background-button-success);
|
|
3968
3968
|
border-color: var(--color-background-button-success);
|
|
3969
3969
|
}
|
|
3970
|
-
.
|
|
3971
|
-
.
|
|
3972
|
-
.
|
|
3973
|
-
.
|
|
3974
|
-
.
|
|
3975
|
-
.
|
|
3976
|
-
.
|
|
3977
|
-
.
|
|
3978
|
-
.
|
|
3970
|
+
._inverted_16560_523._orange_16560_475:hover,
|
|
3971
|
+
._inverted_16560_523._red_16560_485:hover,
|
|
3972
|
+
._inverted_16560_523._green_16560_495:hover,
|
|
3973
|
+
._inverted_16560_523._orange_16560_475:focus,
|
|
3974
|
+
._inverted_16560_523._red_16560_485:focus,
|
|
3975
|
+
._inverted_16560_523._green_16560_495:focus,
|
|
3976
|
+
._inverted_16560_523._orange_16560_475:active,
|
|
3977
|
+
._inverted_16560_523._red_16560_485:active,
|
|
3978
|
+
._inverted_16560_523._green_16560_495:active {
|
|
3979
3979
|
color: white;
|
|
3980
3980
|
box-shadow: none;
|
|
3981
3981
|
}
|
|
3982
|
-
.
|
|
3983
|
-
.
|
|
3984
|
-
.
|
|
3982
|
+
._groupOrderFirst_16560_557,
|
|
3983
|
+
._groupOrderMiddle_16560_558,
|
|
3984
|
+
._groupOrderLast_16560_559 {
|
|
3985
3985
|
margin-right: 0;
|
|
3986
3986
|
}
|
|
3987
|
-
.
|
|
3988
|
-
.
|
|
3987
|
+
._groupOrderFirst_16560_557,
|
|
3988
|
+
._groupOrderMiddle_16560_558 {
|
|
3989
3989
|
border-top-right-radius: 0 !important;
|
|
3990
3990
|
border-bottom-right-radius: 0 !important;
|
|
3991
3991
|
}
|
|
3992
|
-
.
|
|
3993
|
-
.
|
|
3992
|
+
._groupOrderLast_16560_559,
|
|
3993
|
+
._groupOrderMiddle_16560_558 {
|
|
3994
3994
|
border-top-left-radius: 0 !important;
|
|
3995
3995
|
border-bottom-left-radius: 0 !important;
|
|
3996
3996
|
}
|
package/dist/index.js
CHANGED
|
@@ -10016,23 +10016,23 @@ Badge.propTypes = {
|
|
|
10016
10016
|
margin: propTypes$1.exports.string,
|
|
10017
10017
|
small: propTypes$1.exports.bool
|
|
10018
10018
|
};
|
|
10019
|
-
const button$3 = "
|
|
10020
|
-
const active$8 = "
|
|
10021
|
-
const icon$6 = "
|
|
10022
|
-
const iconOnly = "
|
|
10023
|
-
const basic = "
|
|
10024
|
-
const muted$1 = "
|
|
10025
|
-
const disabled$7 = "
|
|
10026
|
-
const small$a = "
|
|
10027
|
-
const pill = "
|
|
10028
|
-
const round = "
|
|
10029
|
-
const orange$1 = "
|
|
10030
|
-
const red$1 = "
|
|
10031
|
-
const green$1 = "
|
|
10032
|
-
const inverted$1 = "
|
|
10033
|
-
const groupOrderFirst$4 = "
|
|
10034
|
-
const groupOrderMiddle$4 = "
|
|
10035
|
-
const groupOrderLast$4 = "
|
|
10019
|
+
const button$3 = "_button_16560_360";
|
|
10020
|
+
const active$8 = "_active_16560_394";
|
|
10021
|
+
const icon$6 = "_icon_16560_406";
|
|
10022
|
+
const iconOnly = "_iconOnly_16560_413";
|
|
10023
|
+
const basic = "_basic_16560_423";
|
|
10024
|
+
const muted$1 = "_muted_16560_429";
|
|
10025
|
+
const disabled$7 = "_disabled_16560_442";
|
|
10026
|
+
const small$a = "_small_16560_452";
|
|
10027
|
+
const pill = "_pill_16560_457";
|
|
10028
|
+
const round = "_round_16560_458";
|
|
10029
|
+
const orange$1 = "_orange_16560_475";
|
|
10030
|
+
const red$1 = "_red_16560_485";
|
|
10031
|
+
const green$1 = "_green_16560_495";
|
|
10032
|
+
const inverted$1 = "_inverted_16560_523";
|
|
10033
|
+
const groupOrderFirst$4 = "_groupOrderFirst_16560_557";
|
|
10034
|
+
const groupOrderMiddle$4 = "_groupOrderMiddle_16560_558";
|
|
10035
|
+
const groupOrderLast$4 = "_groupOrderLast_16560_559";
|
|
10036
10036
|
const buttonStyles = {
|
|
10037
10037
|
button: button$3,
|
|
10038
10038
|
active: active$8,
|
|
@@ -35700,7 +35700,7 @@ const Row = (props) => {
|
|
|
35700
35700
|
onMouseEnter: onRowMouseEnter,
|
|
35701
35701
|
onMouseLeave: onRowMouseLeave,
|
|
35702
35702
|
onFocus: onRowFocus,
|
|
35703
|
-
className: cx(onRowClick ? styles$6.clickableRow : null, onRowMouseEnter ? styles$6.hoverableRow : null, active2 ? styles$6.rowActive : null),
|
|
35703
|
+
className: cx(onRowClick && !onRowClick.noStyle ? styles$6.clickableRow : null, onRowMouseEnter && !onRowMouseEnter.noStyle ? styles$6.hoverableRow : null, active2 ? styles$6.rowActive : null),
|
|
35704
35704
|
ref: (provided == null ? void 0 : provided.innerRef) || null,
|
|
35705
35705
|
...(provided == null ? void 0 : provided.draggableProps) || null,
|
|
35706
35706
|
style: snapshot && provided ? getItemStyle2(snapshot.isDragging, provided.draggableProps.style) : null,
|