rsuite 5.57.0 → 5.58.0

package/Panel/styles/index.css

@@ -66,6 +66,36 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.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-panel {
   border-radius: 6px;
   overflow: hidden;

package/Panel/styles/index.less

@@ -1,4 +1,5 @@
 @import '../../styles/common.less';
+@import '../../Heading/styles/index.less';
 
 //
 // Panel

package/Popover/styles/index.css

@@ -42,6 +42,36 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.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;
+}
 /* rtl:begin:ignore */
 /* rtl:end:ignore */
 .rs-popover {

package/Popover/styles/index.less

@@ -1,5 +1,6 @@
-@import '../../styles/common';
-@import 'mixins';
+@import '../../styles/common.less';
+@import '../../Heading/styles/index.less';
+@import './mixins.less';
 
 //
 // Popovers

package/SelectPicker/styles/index.css

@@ -2514,31 +2514,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -2583,31 +2558,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -2684,31 +2634,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -2787,31 +2712,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -2837,8 +2737,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   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;
@@ -2892,41 +2790,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;

package/Tabs/styles/index.css

@@ -1182,12 +1182,6 @@
   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;
@@ -1251,6 +1245,13 @@
   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;
@@ -1291,7 +1292,14 @@
   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;
@@ -1307,10 +1315,19 @@
 .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;
@@ -1324,6 +1341,12 @@
   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%);
@@ -1346,6 +1369,10 @@
   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;

package/TagInput/styles/index.css

@@ -2908,31 +2908,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -2977,31 +2952,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -3078,31 +3028,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -3181,31 +3106,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -3231,8 +3131,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   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;
@@ -3286,41 +3184,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .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;
@@ -3629,15 +3492,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;
 }
@@ -3680,6 +3534,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-picker-tag .rs-picker-toggle {
   left: 0;
   cursor: text;
@@ -3704,10 +3587,6 @@ textarea.rs-picker-search-input {
 .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 {
@@ -3729,6 +3608,109 @@ textarea.rs-picker-search-input {
 .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;
 }