rsuite 5.53.1 → 5.54.0

package/dist/rsuite.css

@@ -264,6 +264,7 @@
   --rs-input-bg: var(--rs-gray-0);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
+  --rs-inline-edit-hover-bg: var(--rs-gray-200);
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);
   --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -634,6 +635,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-inline-edit-hover-bg: var(--rs-gray-500);
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -999,6 +1001,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-inline-edit-hover-bg: transparent;
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -5813,6 +5816,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
   margin-left: 0;
 }
+.rs-form-group {
+  position: relative;
+}
 .rs-form:not(.rs-form-inline) .rs-form-group:not(:last-child) {
   margin-bottom: 24px;
 }
@@ -8328,7 +8334,6 @@ textarea.rs-input-sm {
   width: 100%;
   border: none;
   outline: none;
-  padding-right: 36px;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn,
 .rs-input-group.rs-input-group-inside .rs-input-group-addon {
@@ -8343,7 +8348,6 @@ textarea.rs-input-sm {
   background-color: transparent;
   border: none;
   color: inherit;
-  position: absolute;
   height: 34px;
   padding: 7px 11px;
   border-radius: 0 6px 6px 0;
@@ -8969,6 +8973,90 @@ textarea.rs-picker-search-input {
 .rs-picker-focused .rs-picker-search-input {
   z-index: 6;
 }
+.rs-inline-edit {
+  position: relative;
+  display: inline-block;
+}
+.rs-inline-edit .rs-plaintext {
+  /* stylelint-disable */
+  padding: 7px 11px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  /* stylelint-enable */
+  border-radius: 6px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-inline-edit .rs-plaintext {
+    height: 36px;
+  }
+}
+textarea.rs-inline-edit .rs-plaintext {
+  height: auto;
+}
+.rs-inline-edit .rs-plaintext:hover {
+  background-color: #e5e5ea;
+  background-color: var(--rs-inline-edit-hover-bg);
+}
+.rs-inline-edit-disabled .rs-plaintext:hover {
+  background-color: transparent;
+}
+.rs-inline-edit-controls {
+  position: absolute;
+  inset-block-start: 100%;
+  inset-inline-end: 0px;
+  -webkit-margin-before: 6px;
+          margin-block-start: 6px;
+  z-index: 7;
+}
+.rs-inline-edit-controls .rs-btn {
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-inline-edit-xs .rs-plaintext {
+  /* stylelint-disable */
+  padding: 1px 11px;
+  font-size: 12px;
+  line-height: 1.66666667;
+  /* stylelint-enable */
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-inline-edit-xs .rs-plaintext {
+    height: 24px;
+  }
+}
+textarea.rs-inline-edit-xs .rs-plaintext {
+  height: auto;
+}
+.rs-inline-edit-lg .rs-plaintext {
+  /* stylelint-disable */
+  padding: 9px 11px;
+  font-size: 16px;
+  line-height: 1.375;
+  /* stylelint-enable */
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-inline-edit-lg .rs-plaintext {
+    height: 42px;
+  }
+}
+textarea.rs-inline-edit-lg .rs-plaintext {
+  height: auto;
+}
+.rs-inline-edit-sm .rs-plaintext {
+  /* stylelint-disable */
+  padding: 4px 11px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  /* stylelint-enable */
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-inline-edit-sm .rs-plaintext {
+    height: 30px;
+  }
+}
+textarea.rs-inline-edit-sm .rs-plaintext {
+  height: auto;
+}
 .rs-list {
   position: relative;
   -webkit-box-shadow: 0 1px 0 #e5e5ea, 0 -1px 0 #e5e5ea;
@@ -13994,8 +14082,7 @@ textarea.rs-picker-search-input {
   display: contents;
 }
 .rs-plaintext .rs-tag {
-  margin-left: 6px;
-  margin-bottom: 6px;
+  margin: 0;
 }
 .rs-picker-disabled-options .rs-picker-toggle {
   padding-right: 32px !important;