@oliasoft-open-source/react-ui-library 3.1.4 → 3.1.5

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 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: transparent;
3782
- --color-border-button-hover: transparent;
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
- ._button_1p9zn_360 {
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
- ._button_1p9zn_360:hover {
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
- ._button_1p9zn_360:active {
3815
+ ._button_16560_360:active {
3816
3816
  background: var(--color-background-button-default-active);
3817
3817
  box-shadow: none;
3818
3818
  }
3819
- ._button_1p9zn_360._active_1p9zn_394 {
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
- ._button_1p9zn_360:hover,
3826
- ._button_1p9zn_360:focus,
3827
- ._button_1p9zn_360:active {
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
- ._button_1p9zn_360 ._icon_1p9zn_406 {
3831
+ ._button_16560_360 ._icon_16560_406 {
3832
3832
  margin: 0 8px 0 -4px;
3833
3833
  }
3834
- ._button_1p9zn_360 ._icon_1p9zn_406 svg {
3834
+ ._button_16560_360 ._icon_16560_406 svg {
3835
3835
  height: 14px;
3836
3836
  width: 14px;
3837
3837
  }
3838
- ._iconOnly_1p9zn_413 {
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
- ._iconOnly_1p9zn_413 ._icon_1p9zn_406 {
3844
+ ._iconOnly_16560_413 ._icon_16560_406 {
3845
3845
  margin: 0;
3846
3846
  line-height: 0;
3847
3847
  }
3848
- ._basic_1p9zn_423 {
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
- ._basic_1p9zn_423._muted_1p9zn_429 {
3854
+ ._basic_16560_423._muted_16560_429 {
3855
3855
  color: var(--color-text-button-muted);
3856
3856
  }
3857
- ._basic_1p9zn_423:hover,
3858
- ._basic_1p9zn_423:focus {
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
- ._basic_1p9zn_423:active,
3863
- ._basic_1p9zn_423._active_1p9zn_394 {
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
- ._disabled_1p9zn_442 {
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
- ._disabled_1p9zn_442:not(._active_1p9zn_394):not(._basic_1p9zn_423) {
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
- ._small_1p9zn_452 {
3877
+ ._small_16560_452 {
3878
3878
  font-size: 12px;
3879
3879
  min-height: 24px;
3880
3880
  padding: 0 0.75rem;
3881
3881
  }
3882
- ._pill_1p9zn_457,
3883
- ._round_1p9zn_458 {
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
- ._round_1p9zn_458 {
3892
+ ._round_16560_458 {
3893
3893
  padding: 0;
3894
3894
  width: 38px;
3895
3895
  line-height: 1;
3896
3896
  }
3897
- ._round_1p9zn_458._small_1p9zn_452 {
3897
+ ._round_16560_458._small_16560_452 {
3898
3898
  width: 24px;
3899
3899
  }
3900
- ._orange_1p9zn_475 {
3900
+ ._orange_16560_475 {
3901
3901
  background-color: var(--color-background-button-primary);
3902
3902
  }
3903
- ._orange_1p9zn_475:hover,
3904
- ._orange_1p9zn_475:focus {
3903
+ ._orange_16560_475:hover,
3904
+ ._orange_16560_475:focus {
3905
3905
  background-color: var(--color-background-button-primary-hover);
3906
3906
  }
3907
- ._orange_1p9zn_475:active {
3907
+ ._orange_16560_475:active {
3908
3908
  background-color: var(--color-background-button-primary-active);
3909
3909
  }
3910
- ._red_1p9zn_485 {
3910
+ ._red_16560_485 {
3911
3911
  background-color: var(--color-background-button-error);
3912
3912
  }
3913
- ._red_1p9zn_485:hover,
3914
- ._red_1p9zn_485:focus {
3913
+ ._red_16560_485:hover,
3914
+ ._red_16560_485:focus {
3915
3915
  background-color: var(--color-background-button-error-hover);
3916
3916
  }
3917
- ._red_1p9zn_485:active {
3917
+ ._red_16560_485:active {
3918
3918
  background-color: var(--color-background-button-error-active);
3919
3919
  }
3920
- ._green_1p9zn_495 {
3920
+ ._green_16560_495 {
3921
3921
  background-color: var(--color-background-button-success);
3922
3922
  }
3923
- ._green_1p9zn_495:hover,
3924
- ._green_1p9zn_495:focus {
3923
+ ._green_16560_495:hover,
3924
+ ._green_16560_495:focus {
3925
3925
  background-color: var(--color-background-button-success-hover);
3926
3926
  }
3927
- ._green_1p9zn_495:active {
3927
+ ._green_16560_495:active {
3928
3928
  background-color: var(--color-background-button-success-active);
3929
3929
  }
3930
- ._orange_1p9zn_475,
3931
- ._red_1p9zn_485,
3932
- ._green_1p9zn_495 {
3930
+ ._orange_16560_475,
3931
+ ._red_16560_485,
3932
+ ._green_16560_495 {
3933
3933
  color: #fff;
3934
3934
  }
3935
- ._orange_1p9zn_475:hover,
3936
- ._red_1p9zn_485:hover,
3937
- ._green_1p9zn_495:hover,
3938
- ._orange_1p9zn_475:focus,
3939
- ._red_1p9zn_485:focus,
3940
- ._green_1p9zn_495:focus {
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
- ._orange_1p9zn_475:active,
3944
- ._red_1p9zn_485:active,
3945
- ._green_1p9zn_495:active {
3943
+ ._orange_16560_475:active,
3944
+ ._red_16560_485:active,
3945
+ ._green_16560_495:active {
3946
3946
  color: #fff;
3947
3947
  }
3948
- ._inverted_1p9zn_523 {
3948
+ ._inverted_16560_523 {
3949
3949
  background-color: transparent;
3950
3950
  border-color: var(--color-text);
3951
3951
  box-shadow: none;
3952
3952
  }
3953
- ._inverted_1p9zn_523:hover,
3954
- ._inverted_1p9zn_523:focus,
3955
- ._inverted_1p9zn_523:active {
3953
+ ._inverted_16560_523:hover,
3954
+ ._inverted_16560_523:focus,
3955
+ ._inverted_16560_523:active {
3956
3956
  box-shadow: none;
3957
3957
  }
3958
- ._inverted_1p9zn_523._orange_1p9zn_475 {
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
- ._inverted_1p9zn_523._red_1p9zn_485 {
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
- ._inverted_1p9zn_523._green_1p9zn_495 {
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
- ._inverted_1p9zn_523._orange_1p9zn_475:hover,
3971
- ._inverted_1p9zn_523._red_1p9zn_485:hover,
3972
- ._inverted_1p9zn_523._green_1p9zn_495:hover,
3973
- ._inverted_1p9zn_523._orange_1p9zn_475:focus,
3974
- ._inverted_1p9zn_523._red_1p9zn_485:focus,
3975
- ._inverted_1p9zn_523._green_1p9zn_495:focus,
3976
- ._inverted_1p9zn_523._orange_1p9zn_475:active,
3977
- ._inverted_1p9zn_523._red_1p9zn_485:active,
3978
- ._inverted_1p9zn_523._green_1p9zn_495:active {
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
- ._groupOrderFirst_1p9zn_557,
3983
- ._groupOrderMiddle_1p9zn_558,
3984
- ._groupOrderLast_1p9zn_559 {
3982
+ ._groupOrderFirst_16560_557,
3983
+ ._groupOrderMiddle_16560_558,
3984
+ ._groupOrderLast_16560_559 {
3985
3985
  margin-right: 0;
3986
3986
  }
3987
- ._groupOrderFirst_1p9zn_557,
3988
- ._groupOrderMiddle_1p9zn_558 {
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
- ._groupOrderLast_1p9zn_559,
3993
- ._groupOrderMiddle_1p9zn_558 {
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 = "_button_1p9zn_360";
10020
- const active$8 = "_active_1p9zn_394";
10021
- const icon$6 = "_icon_1p9zn_406";
10022
- const iconOnly = "_iconOnly_1p9zn_413";
10023
- const basic = "_basic_1p9zn_423";
10024
- const muted$1 = "_muted_1p9zn_429";
10025
- const disabled$7 = "_disabled_1p9zn_442";
10026
- const small$a = "_small_1p9zn_452";
10027
- const pill = "_pill_1p9zn_457";
10028
- const round = "_round_1p9zn_458";
10029
- const orange$1 = "_orange_1p9zn_475";
10030
- const red$1 = "_red_1p9zn_485";
10031
- const green$1 = "_green_1p9zn_495";
10032
- const inverted$1 = "_inverted_1p9zn_523";
10033
- const groupOrderFirst$4 = "_groupOrderFirst_1p9zn_557";
10034
- const groupOrderMiddle$4 = "_groupOrderMiddle_1p9zn_558";
10035
- const groupOrderLast$4 = "_groupOrderLast_1p9zn_559";
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,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "3.1.4",
3
+ "version": "3.1.5",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "module": "./dist/index.js",
6
6
  "main": "./dist/index.js",