rsuite 5.36.0 → 5.37.1

package/dist/rsuite.css

@@ -12826,219 +12826,36 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
   border-radius: 6px;
-  margin-left: 0;
 }
 .rs-radio-group-picker .rs-radio-inline {
-  margin-left: 0;
+  padding: 0 10px;
+  margin: 0;
+}
+.rs-radio-group-picker .rs-radio-inline:first-child {
+  padding-left: 12px;
+}
+.rs-radio-group-picker .rs-radio-inline:last-child {
+  padding-right: 12px;
 }
 .rs-radio-group-picker .rs-radio-checker {
   padding: 0;
   min-height: auto;
-  border-bottom: 1px solid transparent;
-  margin: 0 10px;
 }
 .rs-radio-group-picker .rs-radio-wrapper {
   display: none;
 }
 .rs-radio-group-picker .rs-radio-checker > label {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  margin-bottom: 0;
-  font-weight: normal;
-  text-align: center;
-  vertical-align: middle;
-  cursor: pointer;
-  white-space: nowrap;
-  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-  transition: color 0.15s ease-out, background-color 0.15s ease-out;
-  border: none;
-  border: var(--rs-btn-default-border, none);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  text-decoration: none;
-  color: #575757;
-  color: var(--rs-btn-default-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-bg);
-  border-radius: 6px;
+  display: inline-block;
   font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-  overflow: hidden;
-  position: relative;
-  color: #8e8e93;
-  color: var(--rs-btn-subtle-text);
-  background-color: transparent;
-  border: none;
+  line-height: 1.42857143;
+  border-radius: 0;
   color: #8e8e93;
   color: var(--rs-text-secondary);
   background: none;
   -webkit-transition: color 0.3s linear;
   transition: color 0.3s linear;
-  padding: 7px 0;
-}
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-btn-ghost.rs-radio-group-picker .rs-radio-checker > label {
-  padding: 7px 11px;
-}
-.rs-btn-icon.rs-radio-group-picker .rs-radio-checker > label {
-  padding: 10px 10px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-radio-group-picker .rs-radio-checker > label > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-left > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right {
-  padding: 8px 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-radio-group-picker .rs-radio-checker > label.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-radio-group-picker .rs-radio-checker > label:focus-visible {
-  outline: 3px solid rgba(52, 152, 255, 0.25);
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
-  outline-offset: 2px;
-}
-.rs-radio-group-picker .rs-radio-checker > label:hover,
-.rs-radio-group-picker .rs-radio-checker > label:focus {
-  color: var(--rs-btn-default-hover-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-default-hover-bg);
-  text-decoration: none;
-}
-.rs-radio-group-picker .rs-radio-checker > label:active,
-.rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-default-active-text);
-  background-color: #d9d9d9;
-  background-color: var(--rs-btn-default-active-bg);
-}
-.rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  cursor: not-allowed;
-  color: #c5c6c7;
-  color: var(--rs-btn-default-disabled-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-disabled-bg);
-}
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  opacity: 0.5;
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .rs-radio-group-picker .rs-radio-checker > label {
-    /* stylelint-disable */
-    -webkit-mask-image: -webkit-radial-gradient(white, black);
-    /* stylelint-enable */
-  }
-}
-.rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
-  -webkit-transition: border-color ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s;
-}
-.rs-theme-high-contrast .rs-picker-default .rs-radio-group-picker .rs-radio-checker > label {
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:hover,
-.rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label:focus,
-.rs-picker-default:not(.rs-picker-disabled) .rs-radio-group-picker .rs-radio-checker > label-active {
-  border-color: #3498ff;
-  border-color: var(--rs-input-focus-border);
-}
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label {
-  color: #8e8e93;
-  color: var(--rs-btn-subtle-text);
-  background-color: transparent;
-  border: none;
-  -webkit-transition: none;
-  transition: none;
-}
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:hover,
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:focus {
-  color: #575757;
-  color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-hover-bg);
-}
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:active,
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-active-bg);
-}
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  color: #c5c6c7;
-  color: var(--rs-btn-subtle-disabled-text);
-  background: none;
-}
-.rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-theme-high-contrast .rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  opacity: 0.5;
-}
-.rs-picker-subtle .rs-radio-group-picker .rs-radio-checker > label-active {
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-hover-bg);
-  color: #575757;
-  color: var(--rs-btn-subtle-hover-text);
-}
-.rs-radio-group-picker .rs-radio-checker > label:hover,
-.rs-radio-group-picker .rs-radio-checker > label:focus {
-  color: #575757;
-  color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-hover-bg);
-}
-.rs-radio-group-picker .rs-radio-checker > label:active,
-.rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
-  background-color: var(--rs-btn-subtle-active-bg);
-}
-.rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  color: #c5c6c7;
-  color: var(--rs-btn-subtle-disabled-text);
-  background: none;
-}
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:disabled,
-.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label.rs-btn-disabled {
-  opacity: 0.5;
+  padding: 7px 0 5px;
+  border-bottom: 2px solid transparent;
 }
 .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label {
   -webkit-transition: none;
@@ -13050,13 +12867,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   color: var(--rs-text-active);
   background: none;
 }
-.rs-radio-group-picker .rs-radio-checked .rs-radio-checker {
-  border-bottom: 2px solid #1675e0;
-  border-bottom: 2px solid var(--rs-text-active);
-}
 .rs-radio-group-picker .rs-radio-checked .rs-radio-checker > label {
   color: #1675e0;
   color: var(--rs-text-active);
+  border-color: #1675e0;
+  border-color: var(--rs-text-active);
 }
 .rs-radio-group-picker .rs-radio-disabled .rs-radio-checker {
   opacity: 0.3;
@@ -13213,6 +13028,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
 }
+.rs-picker-select-menu-items .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
+  padding-left: 26px;
+}
 .rs-picker-select-menu-item {
   display: block;
   padding: 8px 12px;