rsuite 5.57.0 → 5.58.0

package/dist/rsuite.css

@@ -119,6 +119,13 @@
   --rs-text-active: var(--rs-primary-700);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-text-error: var(--rs-color-red);
+  --rs-text-weight-thin: 100;
+  --rs-text-weight-light: 300;
+  --rs-text-weight-regular: 400;
+  --rs-text-weight-medium: 500;
+  --rs-text-weight-semibold: 600;
+  --rs-text-weight-bold: 700;
+  --rs-text-weight-extrabold: 800;
   --rs-border-primary: var(--rs-gray-200);
   --rs-border-secondary: var(--rs-gray-100);
   --rs-bg-card: var(--rs-gray-0);
@@ -5220,12 +5227,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   display: inline-block;
   vertical-align: middle;
 }
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-icon {
-  margin-right: 6px;
-}
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-caret {
-  margin-left: 4px;
-}
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn {
   cursor: not-allowed !important;
   -webkit-box-shadow: none;
@@ -5289,6 +5290,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 6px;
 }
 .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
   padding-right: 12px;
@@ -5329,7 +5337,14 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   display: none;
 }
 .rs-dropdown-item {
-  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  gap: 6px;
   padding: 8px 12px;
   clear: both;
   font-weight: normal;
@@ -5345,10 +5360,19 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-dropdown-item:active {
   text-decoration: none;
 }
+.rs-dropdown-item-content {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.rs-dropdown-item .rs-dropdown-item-shortcut {
+  -webkit-margin-start: 20px;
+          margin-inline-start: 20px;
+  border: none;
+}
 .rs-dropdown-item > .rs-icon {
   width: 14px;
   text-align: center;
-  margin-right: 6px;
 }
 .rs-dropdown-item.rs-dropdown-item-active {
   outline: 0;
@@ -5362,6 +5386,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   background-color: #f2faff;
   background-color: var(--rs-dropdown-item-bg-active);
 }
+.rs-dropdown-item.rs-dropdown-item-active .rs-text,
+.rs-dropdown-item.rs-dropdown-item-active:hover .rs-text,
+.rs-dropdown-item.rs-dropdown-item-active:focus .rs-text {
+  color: #1675e0;
+  color: var(--rs-dropdown-item-text-active);
+}
 .rs-dropdown-item:focus-visible,
 .rs-dropdown-item.rs-dropdown-item-focus {
   background-color: rgb(from #cce9ff r g b / 50%);
@@ -5384,6 +5414,10 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   cursor: not-allowed;
   pointer-events: none;
 }
+.rs-dropdown-item-disabled .rs-text {
+  color: #c5c6c7;
+  color: var(--rs-text-disabled);
+}
 .rs-dropdown-item-disabled:hover,
 .rs-dropdown-item-disabled:focus {
   text-decoration: none;
@@ -9027,15 +9061,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   margin-right: 32px;
   min-height: 34px;
 }
-.rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
-  min-height: 40px;
-}
-.rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
-  min-height: 28px;
-}
-.rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
-  min-height: 22px;
-}
 .rs-picker-cleanable .rs-picker-textbox {
   margin-right: 44px;
 }
@@ -9078,6 +9103,35 @@ textarea.rs-picker-search-input {
 .rs-picker-focused .rs-picker-search-input {
   z-index: 6;
 }
+.rs-picker-input-lg .rs-picker-search-input {
+  padding: 8px 16px;
+  font-size: 16px;
+  line-height: 1.375;
+}
+.rs-picker-input-lg .rs-picker-textbox {
+  min-height: 40px;
+}
+.rs-picker-input-md .rs-picker-search-input {
+  padding: 7px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+}
+.rs-picker-input-sm .rs-picker-search-input {
+  padding: 4px 10px;
+  font-size: 14px;
+  line-height: 1.42857143;
+}
+.rs-picker-input-sm .rs-picker-textbox {
+  min-height: 28px;
+}
+.rs-picker-input-xs .rs-picker-search-input {
+  padding: 1px 8px;
+  font-size: 12px;
+  line-height: 1.66666667;
+}
+.rs-picker-input-xs .rs-picker-textbox {
+  min-height: 22px;
+}
 .rs-inline-edit {
   position: relative;
   display: inline-block;
@@ -14267,10 +14321,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-tag.rs-picker-has-value .rs-picker-search-input {
   padding-left: 6px;
 }
-.rs-picker-tag .rs-tag,
-.rs-picker-tag .rs-tag + .rs-tag {
-  margin-left: 6px;
-}
 .rs-picker-tag .rs-picker-search,
 .rs-picker-tag .rs-picker-search-input,
 .rs-picker-tag .rs-picker-search-input > input {
@@ -14292,6 +14342,109 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-plaintext .rs-tag {
   margin: 0;
 }
+.rs-picker-tag-lg .rs-picker-textbox {
+  padding-bottom: 6px;
+}
+.rs-picker-tag-lg .rs-picker-textbox .rs-picker-search-input {
+  padding-left: 16px;
+  margin-top: 6px;
+  font-size: 16px;
+}
+.rs-picker-tag-lg .rs-picker-textbox input {
+  height: 20px;
+}
+.rs-picker-tag-lg .rs-picker-toggle {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.rs-picker-tag-lg .rs-picker-textbox {
+  min-height: 40px;
+}
+.rs-picker-tag-lg .rs-picker-tag-list .rs-tag-lg {
+  margin-top: 6px;
+  margin-left: 6px;
+}
+.rs-picker-tag .rs-picker-textbox,
+.rs-picker-tag-md .rs-picker-textbox {
+  padding-bottom: 5px;
+}
+.rs-picker-tag .rs-picker-textbox .rs-picker-search-input,
+.rs-picker-tag-md .rs-picker-textbox .rs-picker-search-input {
+  padding-left: 12px;
+  margin-top: 5px;
+  font-size: 14px;
+}
+.rs-picker-tag .rs-picker-textbox input,
+.rs-picker-tag-md .rs-picker-textbox input {
+  height: 18px;
+}
+.rs-picker-tag .rs-picker-toggle,
+.rs-picker-tag-md .rs-picker-toggle {
+  padding-top: 7px;
+  padding-bottom: 7px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.rs-picker-tag .rs-picker-tag-list .rs-tag-md,
+.rs-picker-tag-md .rs-picker-tag-list .rs-tag-md {
+  margin-top: 5px;
+  margin-left: 5px;
+}
+.rs-picker-tag-sm .rs-picker-textbox {
+  padding-bottom: 2px;
+}
+.rs-picker-tag-sm .rs-picker-textbox .rs-picker-search-input {
+  padding-left: 10px;
+  margin-top: 2px;
+  font-size: 14px;
+}
+.rs-picker-tag-sm .rs-picker-textbox input {
+  height: 18px;
+}
+.rs-picker-tag-sm .rs-picker-toggle {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.rs-picker-tag-sm .rs-picker-textbox {
+  min-height: 28px;
+}
+.rs-picker-tag-sm .rs-picker-tag-list .rs-tag-sm {
+  margin-top: 4px;
+  margin-left: 4px;
+}
+.rs-picker-tag-xs .rs-picker-textbox {
+  padding-bottom: -1px;
+}
+.rs-picker-tag-xs .rs-picker-textbox .rs-picker-search-input {
+  padding-left: 8px;
+  margin-top: -1px;
+  font-size: 12px;
+}
+.rs-picker-tag-xs .rs-picker-textbox input {
+  height: 18px;
+}
+.rs-picker-tag-xs .rs-picker-toggle {
+  padding-top: 1px;
+  padding-bottom: 1px;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.rs-picker-tag-xs .rs-picker-textbox {
+  min-height: 22px;
+  padding-bottom: 1px;
+}
+.rs-picker-tag-xs .rs-picker-textbox .rs-picker-search-input {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.rs-picker-tag-xs .rs-picker-tag-list .rs-tag-sm {
+  margin-top: 1px;
+  margin-left: 2px;
+}
 .rs-picker-disabled-options .rs-picker-toggle {
   padding-right: 32px !important;
 }
@@ -16231,6 +16384,161 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   width: 1px;
   white-space: nowrap;
 }
+.rs-text {
+  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  line-height: 1.42857143;
+  color: #575757;
+  color: var(--rs-text-primary);
+  margin: 0;
+}
+blockquote.rs-text {
+  font-style: italic;
+  padding-left: 1.5rem;
+  border-left: 2px solid #e5e5ea;
+  border-left: 2px solid var(--rs-gray-200);
+}
+kbd.rs-text {
+  background-color: #f7f7fa;
+  background-color: var(--rs-bg-well);
+  border: solid #c8c8c8;
+  -o-border-image: initial;
+     border-image: initial;
+  border-radius: 0.25em;
+  border-width: 1px 1px 2px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-size: 0.875em;
+  padding: 0.2em 0.3em;
+}
+.rs-text.rs-text-muted {
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-text-left {
+  text-align: left;
+}
+.rs-text-center {
+  text-align: center;
+}
+.rs-text-right {
+  text-align: right;
+}
+.rs-text-justify {
+  text-align: justify;
+}
+.rs-text-uppercase {
+  text-transform: uppercase;
+}
+.rs-text-lowercase {
+  text-transform: lowercase;
+}
+.rs-text-capitalize {
+  text-transform: capitalize;
+}
+.rs-text-thin {
+  font-weight: 100;
+  font-weight: var(--rs-text-weight-thin);
+}
+.rs-text-light {
+  font-weight: 300;
+  font-weight: var(--rs-text-weight-light);
+}
+.rs-text-medium {
+  font-weight: 500;
+  font-weight: var(--rs-text-weight-medium);
+}
+.rs-text-semibold {
+  font-weight: 600;
+  font-weight: var(--rs-text-weight-semibold);
+}
+.rs-text-bold {
+  font-weight: 700;
+  font-weight: var(--rs-text-weight-bold);
+}
+.rs-text-extrabold {
+  font-weight: 800;
+  font-weight: var(--rs-text-weight-extrabold);
+}
+.rs-text-pre-line {
+  white-space: pre-line;
+}
+.rs-text-ellipsis {
+  overflow: hidden;
+}
+@supports (-webkit-line-clamp: 1) {
+  .rs-text-ellipsis {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+}
+@supports not (-webkit-line-clamp: 1) {
+  .rs-text-ellipsis {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: break-word;
+  }
+}
+.rs-text-red {
+  color: #f44336;
+  color: var(--rs-red-500);
+}
+.rs-text-orange {
+  color: #fa8900;
+  color: var(--rs-orange-500);
+}
+.rs-text-yellow {
+  color: #ffb300;
+  color: var(--rs-yellow-500);
+}
+.rs-text-green {
+  color: #4caf50;
+  color: var(--rs-green-500);
+}
+.rs-text-cyan {
+  color: #00bcd4;
+  color: var(--rs-cyan-500);
+}
+.rs-text-blue {
+  color: #2196f3;
+  color: var(--rs-blue-500);
+}
+.rs-text-violet {
+  color: #673ab7;
+  color: var(--rs-violet-500);
+}
+.rs-heading {
+  font-family: inherit;
+  font-weight: bolder;
+  color: inherit;
+  margin: 0;
+}
+.rs-heading.h1 {
+  font-size: 46px;
+  line-height: 62px;
+}
+.rs-heading.h2 {
+  font-size: 36px;
+  line-height: 50px;
+}
+.rs-heading.h3 {
+  font-size: 28px;
+  line-height: 42px;
+}
+.rs-heading.h4 {
+  font-size: 22px;
+  line-height: 34px;
+}
+.rs-heading.h5 {
+  font-size: 18px;
+  line-height: 24px;
+}
+.rs-heading.h6 {
+  font-size: 16px;
+  line-height: 22px;
+}
+.rs-heading-group {
+  margin-bottom: 1rem;
+}
 .rs-ripple {
   position: absolute;
   display: block;
@@ -16591,31 +16899,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox {
-  padding-bottom: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-tag {
-  margin-top: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 12px;
-  margin-top: 5px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -16660,31 +16943,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 8px 16px;
-  font-size: 16px;
-  line-height: 1.375;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox {
-  padding-bottom: 6px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-tag {
-  margin-top: 6px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 16px;
-  margin-top: 6px;
-  font-size: 16px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-textbox input {
-  height: 20px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-lg,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-lg {
   padding-right: 42px;
@@ -16761,31 +17019,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 7px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox {
-  padding-bottom: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-tag {
-  margin-top: 5px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 12px;
-  margin-top: 5px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
-  padding-top: 7px;
-  padding-bottom: 7px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-md,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-md {
   padding-right: 36px;
@@ -16864,31 +17097,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 4px 10px;
-  font-size: 14px;
-  line-height: 1.42857143;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox {
-  padding-bottom: 2px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-tag {
-  margin-top: 2px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 10px;
-  margin-top: 2px;
-  font-size: 14px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-sm,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-sm {
   padding-right: 34px;
@@ -16914,8 +17122,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   font-size: 12px;
   line-height: 20px;
   padding: 2px 8px;
-  /* stylelint-disable */
-  /* stylelint-enable */
 }
 .rs-btn-ghost.rs-picker-toggle.rs-btn-xs {
   padding: 1px 7px;
@@ -16969,41 +17175,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }
-.rs-picker-input:not(.rs-picker-tag) .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding: 1px 8px;
-  font-size: 12px;
-  line-height: 1.66666667;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
-  padding-bottom: -1px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
-  margin-top: -1px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-left: 8px;
-  margin-top: -1px;
-  font-size: 12px;
-}
-.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox input {
-  height: 18px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
-  padding-top: 1px;
-  padding-bottom: 1px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox {
-  padding-bottom: 1px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-tag {
-  margin-top: 1px;
-}
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-textbox .rs-picker-search-input {
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
 .rs-picker-date .rs-picker-toggle.rs-btn-xs,
 .rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
   padding-right: 30px;