rsuite 5.51.0 → 5.52.0

package/InputPicker/styles/index.less

@@ -1,7 +1,8 @@
-@import '../../styles/common';
-@import '../../Form/styles/mixin';
-@import '../../Input/styles/index';
-@import '../../Picker/styles/index';
+@import '../../styles/common.less';
+@import '../../Form/styles/mixin.less';
+@import '../../Input/styles/index.less';
+@import '../../SelectPicker/styles/index.less';
+@import '../../internals/Picker/styles/index.less';
 
 .rs-picker-input {
   position: relative;

package/List/styles/index.css

@@ -0,0 +1,169 @@
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-600: #8e8e93;
+  --rs-gray-700: #7a7a7a;
+  --rs-gray-900: #272c36;
+  --rs-primary-50: #f2faff;
+  --rs-primary-500: #3498ff;
+  --rs-primary-900: #004299;
+  --rs-list-bg: var(--rs-gray-0);
+  --rs-list-border: var(--rs-gray-200);
+  --rs-list-hover-bg: var(--rs-primary-50);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-50) r g b / 50%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+}
+@supports not (color: rgb(from white r g b)) {
+  :root,
+  .rs-theme-light {
+    --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
+  }
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-900: #0f131a;
+  --rs-primary-50: #f2fcff;
+  --rs-primary-500: #34c3ff;
+  --rs-primary-900: #006199;
+  --rs-list-bg: var(--rs-gray-900);
+  --rs-list-border: var(--rs-gray-700);
+  --rs-list-hover-bg: var(--rs-gray-600);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-dark {
+    --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
+  }
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-900: #0f131a;
+  --rs-primary-50: #fffef2;
+  --rs-primary-500: #ffff00;
+  --rs-primary-900: #8f9900;
+  --rs-list-bg: transparent;
+  --rs-list-border: var(--rs-gray-700);
+  --rs-list-hover-bg: var(--rs-gray-600);
+  --rs-list-placeholder-bg: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-list-placeholder-border: var(--rs-primary-500);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-high-contrast {
+    --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
+  }
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.rs-list {
+  position: relative;
+  -webkit-box-shadow: 0 1px 0 #e5e5ea, 0 -1px 0 #e5e5ea;
+  -webkit-box-shadow: 0 1px 0 var(--rs-list-border), 0 -1px 0 var(--rs-list-border);
+          box-shadow: 0 1px 0 #e5e5ea, 0 -1px 0 #e5e5ea;
+          box-shadow: 0 1px 0 var(--rs-list-border), 0 -1px 0 var(--rs-list-border);
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.rs-list-bordered {
+  border-radius: 6px;
+  -webkit-box-shadow: 0 0 0 1px #e5e5ea;
+  -webkit-box-shadow: 0 0 0 1px var(--rs-list-border);
+          box-shadow: 0 0 0 1px #e5e5ea;
+          box-shadow: 0 0 0 1px var(--rs-list-border);
+}
+.rs-list-hover .rs-list-item:hover {
+  background-color: #f2faff;
+  background-color: var(--rs-list-hover-bg);
+}
+.rs-list-sortable .rs-list-item {
+  cursor: move;
+  cursor: -webkit-grab;
+  cursor: grab;
+}
+.rs-list-sortable .rs-list-item-disabled,
+.rs-list-sortable .rs-list-item-disabled:active {
+  cursor: not-allowed;
+}
+.rs-list-item {
+  position: relative;
+}
+.rs-list-item-bordered {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.rs-list-item-lg {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+.rs-list-item-md {
+  padding-top: 13px;
+  padding-bottom: 13px;
+}
+.rs-list-item-sm {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+/* rtl:begin:ignore */
+/* stylelint-disable-next-line */
+.rs-list-item {
+  background-color: #fff;
+  background-color: var(--rs-list-bg);
+  -webkit-box-shadow: 0 -1px 0 #e5e5ea, 0 1px 0 #e5e5ea;
+  -webkit-box-shadow: 0 -1px 0 var(--rs-list-border), 0 1px 0 var(--rs-list-border);
+          box-shadow: 0 -1px 0 #e5e5ea, 0 1px 0 #e5e5ea;
+          box-shadow: 0 -1px 0 var(--rs-list-border), 0 1px 0 var(--rs-list-border);
+}
+.rs-list-item-helper {
+  position: absolute;
+  background-color: #fff;
+  background-color: var(--rs-list-bg);
+  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
+  width: calc(100% - 2px);
+  border-radius: 6px;
+  top: 0;
+  left: 0;
+  z-index: 99;
+  border: none;
+  cursor: move;
+}
+.rs-modal-open .rs-list-item-helper {
+  z-index: 1149;
+}
+.rs-drawer-open .rs-list-item-helper {
+  z-index: 1149;
+}
+.rs-list-item-holder {
+  background-color: rgb(from #f2faff r g b / 50%);
+  background-color: var(--rs-list-placeholder-bg);
+  visibility: hidden;
+}
+.rs-list-item-holder::after {
+  content: '';
+  position: absolute;
+  visibility: visible;
+  top: 1px;
+  left: 1px;
+  width: calc(100% - 2 * 1px);
+  height: calc(100% - 2 * 1px);
+  border: 1px #3498ff dashed;
+  border: 1px var(--rs-list-placeholder-border) dashed;
+}
+/* rtl:end:ignore */
+
+/*# sourceMappingURL=index.css.map */

package/Loader/styles/index.css

@@ -0,0 +1,359 @@
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #f7f7fa;
+  --rs-gray-500: #a6a6a6;
+  --rs-gray-800: #575757;
+  --rs-gray-900: #272c36;
+  --rs-text-inverse: var(--rs-gray-50);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor: var(--rs-gray-500);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor-inverse: var(--rs-gray-0);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b / 83%);
+}
+@supports not (color: rgb(from white r g b)) {
+  :root,
+  .rs-theme-light {
+    --rs-loader-ring: rgba(247, 247, 250, 0.8);
+    --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
+    --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
+    --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
+  }
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-500: #5c6066;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-text-inverse: var(--rs-gray-800);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor: var(--rs-gray-0);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor-inverse: var(--rs-gray-500);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-dark {
+    --rs-loader-ring: rgba(233, 235, 240, 0.3);
+    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
+    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
+    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+  }
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-500: #5c6066;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-text-inverse: var(--rs-gray-800);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor: var(--rs-gray-0);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor-inverse: var(--rs-gray-500);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-0) r g b / 90%);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-high-contrast {
+    --rs-loader-ring: rgba(233, 235, 240, 0.3);
+    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
+    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
+    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
+  }
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.rs-loader {
+  display: inline-block;
+}
+.rs-loader::before,
+.rs-loader::after {
+  content: ' ';
+  display: table;
+}
+.rs-loader::after {
+  clear: both;
+}
+.rs-loader .rs-loader-spin {
+  width: 18px;
+  height: 18px;
+}
+.rs-loader .rs-loader-spin::before,
+.rs-loader .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
+.rs-loader .rs-loader-content {
+  font-size: 12px;
+  line-height: 1.5;
+}
+.rs-loader .rs-loader-vertical .rs-loader .rs-loader {
+  height: 48px;
+}
+.rs-loader .rs-loader-vertical .rs-loader .rs-loader-content {
+  line-height: 1.66666667;
+}
+.rs-loader-spin {
+  position: relative;
+  display: inline-block;
+  float: left;
+}
+.rs-loader-spin::before,
+.rs-loader-spin::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: block;
+  border-radius: 50%;
+}
+.rs-loader-spin::before {
+  border: 3px solid rgb(from #f7f7fa r g b / 80%);
+  border: 3px solid var(--rs-loader-ring);
+}
+.rs-loader-spin::after {
+  border-width: 3px;
+  border-style: solid;
+  border-color: #a6a6a6 transparent transparent;
+  border-color: var(--rs-loader-rotor) transparent transparent;
+  -webkit-animation: loaderSpin 0.6s infinite linear;
+          animation: loaderSpin 0.6s infinite linear;
+}
+.rs-loader-content {
+  float: left;
+  display: inline-block;
+}
+.rs-loader-spin + .rs-loader-content {
+  margin-left: 12px;
+}
+.rs-loader-xs .rs-loader-spin + .rs-loader-content {
+  margin-left: 10px;
+}
+.rs-loader-backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgb(from #fff r g b / 90%);
+  background: var(--rs-loader-backdrop);
+}
+.rs-loader-vertical {
+  width: auto;
+  display: inline-block;
+}
+.rs-loader-vertical .rs-loader {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-loader-vertical .rs-loader-spin {
+  margin: 0 auto;
+}
+.rs-loader-vertical .rs-loader-content {
+  line-height: 1.66666667;
+  text-align: center;
+}
+.rs-loader-vertical .rs-loader-spin,
+.rs-loader-vertical .rs-loader-content {
+  display: block;
+  float: none;
+}
+.rs-loader-vertical .rs-loader-spin + .rs-loader-content {
+  margin-left: 0;
+  margin-top: 10px;
+}
+.rs-loader-inverse .rs-loader-content {
+  color: #f7f7fa;
+  color: var(--rs-text-inverse);
+}
+.rs-loader-inverse .rs-loader-backdrop {
+  background: rgb(from #272c36 r g b / 83%);
+  background: var(--rs-loader-backdrop-inverse);
+}
+.rs-loader-inverse .rs-loader-spin::before {
+  border-color: rgb(from #f7f7fa r g b / 30%);
+  border-color: var(--rs-loader-ring-inverse);
+}
+.rs-loader-inverse .rs-loader-spin::after {
+  border-top-color: #fff;
+  border-top-color: var(--rs-loader-rotor-inverse);
+}
+.rs-loader-speed-fast .rs-loader-spin::after {
+  -webkit-animation-duration: 0.4s;
+          animation-duration: 0.4s;
+}
+.rs-loader-speed-normal .rs-loader-spin::after {
+  -webkit-animation-duration: 0.6s;
+          animation-duration: 0.6s;
+}
+.rs-loader-speed-slow .rs-loader-spin::after {
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+}
+.rs-loader-center,
+.rs-loader-backdrop-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+  width: 100%;
+  height: 100%;
+}
+.rs-loader-center .rs-loader,
+.rs-loader-backdrop-wrapper .rs-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.rs-loader-center:not(.rs-loader-vertical) .rs-loader,
+.rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.rs-loader-center.rs-loader-vertical .rs-loader,
+.rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.rs-loader-center .rs-loader-content,
+.rs-loader-backdrop-wrapper .rs-loader-content {
+  z-index: 1;
+}
+.rs-loader-lg .rs-loader-spin {
+  width: 64px;
+  height: 64px;
+}
+.rs-loader-lg .rs-loader-spin::before,
+.rs-loader-lg .rs-loader-spin::after {
+  width: 64px;
+  height: 64px;
+}
+.rs-loader-lg .rs-loader-content {
+  font-size: 16px;
+  line-height: 4;
+}
+.rs-loader-lg .rs-loader-vertical .rs-loader-lg .rs-loader {
+  height: 94px;
+}
+.rs-loader-lg .rs-loader-vertical .rs-loader-lg .rs-loader-content {
+  line-height: 1.25;
+}
+.rs-loader-md .rs-loader-spin {
+  width: 36px;
+  height: 36px;
+}
+.rs-loader-md .rs-loader-spin::before,
+.rs-loader-md .rs-loader-spin::after {
+  width: 36px;
+  height: 36px;
+}
+.rs-loader-md .rs-loader-content {
+  font-size: 14px;
+  line-height: 2.57142857;
+}
+.rs-loader-md .rs-loader-vertical .rs-loader-md .rs-loader {
+  height: 66px;
+}
+.rs-loader-md .rs-loader-vertical .rs-loader-md .rs-loader-content {
+  line-height: 1.42857143;
+}
+.rs-loader-sm .rs-loader-spin {
+  width: 18px;
+  height: 18px;
+}
+.rs-loader-sm .rs-loader-spin::before,
+.rs-loader-sm .rs-loader-spin::after {
+  width: 18px;
+  height: 18px;
+}
+.rs-loader-sm .rs-loader-content {
+  font-size: 14px;
+  line-height: 1.28571429;
+}
+.rs-loader-sm .rs-loader-vertical .rs-loader-sm .rs-loader {
+  height: 48px;
+}
+.rs-loader-sm .rs-loader-vertical .rs-loader-sm .rs-loader-content {
+  line-height: 1.42857143;
+}
+.rs-loader-xs .rs-loader-spin {
+  width: 16px;
+  height: 16px;
+}
+.rs-loader-xs .rs-loader-spin::before,
+.rs-loader-xs .rs-loader-spin::after {
+  width: 16px;
+  height: 16px;
+}
+.rs-loader-xs .rs-loader-content {
+  font-size: 12px;
+  line-height: 1.33333333;
+}
+.rs-loader-xs .rs-loader-vertical .rs-loader-xs .rs-loader {
+  height: 46px;
+}
+.rs-loader-xs .rs-loader-vertical .rs-loader-xs .rs-loader-content {
+  line-height: 1.66666667;
+}
+.rs-loader-wrapper {
+  display: inline-block;
+  width: auto;
+  line-height: 0;
+}
+@-webkit-keyframes loaderSpin {
+  from {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes loaderSpin {
+  from {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+
+/*# sourceMappingURL=index.css.map */