rsuite 5.36.0 → 5.37.1

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.
@@ -12694,219 +12694,36 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12694
12694
  border: 1px solid #e5e5ea;
12695
12695
  border: 1px solid var(--rs-border-primary);
12696
12696
  border-radius: 6px;
12697
- margin-left: 0;
12698
12697
  }
12699
12698
  .rs-radio-group-picker .rs-radio-inline {
12700
- margin-left: 0;
12699
+ padding: 0 10px;
12700
+ margin: 0;
12701
+ }
12702
+ .rs-radio-group-picker .rs-radio-inline:first-child {
12703
+ padding-left: 12px;
12704
+ }
12705
+ .rs-radio-group-picker .rs-radio-inline:last-child {
12706
+ padding-right: 12px;
12701
12707
  }
12702
12708
  .rs-radio-group-picker .rs-radio-checker {
12703
12709
  padding: 0;
12704
12710
  min-height: auto;
12705
- border-bottom: 1px solid transparent;
12706
- margin: 0 10px;
12707
12711
  }
12708
12712
  .rs-radio-group-picker .rs-radio-wrapper {
12709
12713
  display: none;
12710
12714
  }
12711
12715
  .rs-radio-group-picker .rs-radio-checker > label {
12712
- display: -webkit-inline-box;
12713
- display: -ms-inline-flexbox;
12714
- display: inline-flex;
12715
- -webkit-box-align: center;
12716
- -ms-flex-align: center;
12717
- align-items: center;
12718
- -webkit-box-pack: center;
12719
- -ms-flex-pack: center;
12720
- justify-content: center;
12721
- margin-bottom: 0;
12722
- font-weight: normal;
12723
- text-align: center;
12724
- vertical-align: middle;
12725
- cursor: pointer;
12726
- white-space: nowrap;
12727
- -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
12728
- transition: color 0.15s ease-out, background-color 0.15s ease-out;
12729
- border: none;
12730
- border: var(--rs-btn-default-border, none);
12731
- -webkit-user-select: none;
12732
- -moz-user-select: none;
12733
- -ms-user-select: none;
12734
- user-select: none;
12735
- text-decoration: none;
12736
- color: #575757;
12737
- color: var(--rs-btn-default-text);
12738
- background-color: #f7f7fa;
12739
- background-color: var(--rs-btn-default-bg);
12740
- border-radius: 6px;
12716
+ display: inline-block;
12741
12717
  font-size: 14px;
12742
- line-height: 20px;
12743
- padding: 8px 12px;
12744
- overflow: hidden;
12745
- position: relative;
12746
- color: #8e8e93;
12747
- color: var(--rs-btn-subtle-text);
12748
- background-color: transparent;
12749
- border: none;
12718
+ line-height: 1.42857143;
12719
+ border-radius: 0;
12750
12720
  color: #8e8e93;
12751
12721
  color: var(--rs-text-secondary);
12752
12722
  background: none;
12753
12723
  -webkit-transition: color 0.3s linear;
12754
12724
  transition: color 0.3s linear;
12755
- padding: 7px 0;
12756
- }
12757
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12758
- -webkit-transition: none;
12759
- transition: none;
12760
- }
12761
- .rs-btn-ghost.rs-radio-group-picker .rs-radio-checker > label {
12762
- padding: 7px 11px;
12763
- }
12764
- .rs-btn-icon.rs-radio-group-picker .rs-radio-checker > label {
12765
- padding: 10px 10px;
12766
- line-height: 16px;
12767
- }
12768
- .rs-btn-icon.rs-radio-group-picker .rs-radio-checker > label > .rs-icon {
12769
- font-size: 16px;
12770
- }
12771
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label {
12772
- line-height: 20px;
12773
- }
12774
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label > .rs-icon {
12775
- padding: 10px 10px;
12776
- width: 36px;
12777
- height: 36px;
12778
- }
12779
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left {
12780
- padding: 8px 12px 8px 48px;
12781
- }
12782
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left > .rs-icon {
12783
- left: 0;
12784
- border-right: none;
12785
- border-right: var(--rs-btn-default-border, none);
12786
- }
12787
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right {
12788
- padding: 8px 48px 8px 12px;
12789
- }
12790
- .rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right > .rs-icon {
12791
- right: 0;
12792
- border-left: none;
12793
- border-left: var(--rs-btn-default-border, none);
12794
- }
12795
- .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12796
- outline: 3px solid rgba(52, 152, 255, 0.25);
12797
- outline: 3px solid var(--rs-color-focus-ring);
12798
- }
12799
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
12800
- outline-offset: 2px;
12801
- }
12802
- .rs-radio-group-picker .rs-radio-checker > label:hover,
12803
- .rs-radio-group-picker .rs-radio-checker > label:focus {
12804
- color: var(--rs-btn-default-hover-text);
12805
- background-color: #e5e5ea;
12806
- background-color: var(--rs-btn-default-hover-bg);
12807
- text-decoration: none;
12808
- }
12809
- .rs-radio-group-picker .rs-radio-checker > label:active,
12810
- .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
12811
- color: #272c36;
12812
- color: var(--rs-btn-default-active-text);
12813
- background-color: #d9d9d9;
12814
- background-color: var(--rs-btn-default-active-bg);
12815
- }
12816
- .rs-radio-group-picker .rs-radio-checker > label:disabled,
12817
- .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12818
- cursor: not-allowed;
12819
- color: #c5c6c7;
12820
- color: var(--rs-btn-default-disabled-text);
12821
- background-color: #f7f7fa;
12822
- background-color: var(--rs-btn-default-disabled-bg);
12823
- }
12824
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12825
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12826
- opacity: 0.5;
12827
- }
12828
- @media not all and (min-resolution: 0.001dpcm) {
12829
- .rs-radio-group-picker .rs-radio-checker > label {
12830
- /* stylelint-disable */
12831
- -webkit-mask-image: -webkit-radial-gradient(white, black);
12832
- /* stylelint-enable */
12833
- }
12834
- }
12835
- .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12836
- -webkit-transition: border-color ease-in-out 0.15s;
12837
- transition: border-color ease-in-out 0.15s;
12838
- }
12839
- .rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
12840
- -webkit-transition: none;
12841
- transition: none;
12842
- }
12843
- .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:hover,
12844
- .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:focus,
12845
- .rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label-active {
12846
- border-color: #3498ff;
12847
- border-color: var(--rs-input-focus-border);
12848
- }
12849
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label {
12850
- color: #8e8e93;
12851
- color: var(--rs-btn-subtle-text);
12852
- background-color: transparent;
12853
- border: none;
12854
- -webkit-transition: none;
12855
- transition: none;
12856
- }
12857
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:hover,
12858
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:focus {
12859
- color: #575757;
12860
- color: var(--rs-btn-subtle-hover-text);
12861
- background-color: #e5e5ea;
12862
- background-color: var(--rs-btn-subtle-hover-bg);
12863
- }
12864
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:active,
12865
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
12866
- color: #272c36;
12867
- color: var(--rs-btn-subtle-active-text);
12868
- background-color: #e5e5ea;
12869
- background-color: var(--rs-btn-subtle-active-bg);
12870
- }
12871
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
12872
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12873
- color: #c5c6c7;
12874
- color: var(--rs-btn-subtle-disabled-text);
12875
- background: none;
12876
- }
12877
- .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
12878
- .rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12879
- opacity: 0.5;
12880
- }
12881
- .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
12882
- background-color: #e5e5ea;
12883
- background-color: var(--rs-btn-subtle-hover-bg);
12884
- color: #575757;
12885
- color: var(--rs-btn-subtle-hover-text);
12886
- }
12887
- .rs-radio-group-picker .rs-radio-checker > label:hover,
12888
- .rs-radio-group-picker .rs-radio-checker > label:focus {
12889
- color: #575757;
12890
- color: var(--rs-btn-subtle-hover-text);
12891
- background-color: #e5e5ea;
12892
- background-color: var(--rs-btn-subtle-hover-bg);
12893
- }
12894
- .rs-radio-group-picker .rs-radio-checker > label:active,
12895
- .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
12896
- color: #272c36;
12897
- color: var(--rs-btn-subtle-active-text);
12898
- background-color: #e5e5ea;
12899
- background-color: var(--rs-btn-subtle-active-bg);
12900
- }
12901
- .rs-radio-group-picker .rs-radio-checker > label:disabled,
12902
- .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12903
- color: #c5c6c7;
12904
- color: var(--rs-btn-subtle-disabled-text);
12905
- background: none;
12906
- }
12907
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
12908
- .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
12909
- opacity: 0.5;
12725
+ padding: 7px 0 5px;
12726
+ border-bottom: 2px solid transparent;
12910
12727
  }
12911
12728
  .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
12912
12729
  -webkit-transition: none;
@@ -12918,13 +12735,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12918
12735
  color: var(--rs-text-active);
12919
12736
  background: none;
12920
12737
  }
12921
- .rs-radio-group-picker .rs-radio-checked .rs-radio-checker {
12922
- border-bottom: 2px solid #1675e0;
12923
- border-bottom: 2px solid var(--rs-text-active);
12924
- }
12925
12738
  .rs-radio-group-picker .rs-radio-checked .rs-radio-checker > label {
12926
12739
  color: #1675e0;
12927
12740
  color: var(--rs-text-active);
12741
+ border-color: #1675e0;
12742
+ border-color: var(--rs-text-active);
12928
12743
  }
12929
12744
  .rs-radio-group-picker .rs-radio-disabled .rs-radio-checker {
12930
12745
  opacity: 0.3;
@@ -13081,6 +12896,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13081
12896
  -webkit-transform: rotate(90deg);
13082
12897
  transform: rotate(90deg);
13083
12898
  }
12899
+ .rs-picker-select-menu-items .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
12900
+ padding-left: 26px;
12901
+ }
13084
12902
  .rs-picker-select-menu-item {
13085
12903
  display: block;
13086
12904
  padding: 8px 12px;