rsuite 5.51.0 → 5.53.0

package/Popover/styles/index.css

@@ -0,0 +1,343 @@
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-100: #f2f2f5;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-600: #8e8e93;
+  --rs-gray-700: #7a7a7a;
+  --rs-gray-800: #575757;
+  --rs-border-primary: var(--rs-gray-200);
+  --rs-bg-overlay: var(--rs-gray-0);
+  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-800: #1a1d24;
+  --rs-border-primary: var(--rs-gray-600);
+  --rs-bg-overlay: var(--rs-gray-700);
+  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-800: #1a1d24;
+  --rs-border-primary: var(--rs-gray-100);
+  --rs-bg-overlay: var(--rs-gray-800);
+  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+}
+/* 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;
+}
+/* rtl:begin:ignore */
+/* rtl:end:ignore */
+.rs-popover {
+  position: absolute;
+  top: 0;
+  left: 0 /* rtl:ignore */;
+  z-index: 1060;
+  display: none;
+  padding: 12px;
+  font-size: 14px;
+  background-color: #fff;
+  background-color: var(--rs-bg-overlay);
+  background-clip: padding-box;
+  border-radius: 4px;
+  opacity: 0;
+  -webkit-filter: drop-shadow(0 1px 8px rgba(0, 0, 0, 0.12));
+  -webkit-filter: drop-shadow(var(--rs-popover-shadow));
+          filter: drop-shadow(0 1px 8px rgba(0, 0, 0, 0.12));
+          filter: drop-shadow(var(--rs-popover-shadow));
+  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: var(--rs-popover-shadow);
+          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
+          box-shadow: var(--rs-popover-shadow);
+}
+.rs-popover.rs-anim-fade {
+  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
+  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
+  transition: opacity 0.1s linear, transform 0.1s ease-out;
+  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
+}
+.rs-popover.rs-anim-in {
+  opacity: 1;
+  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
+  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
+  transition: opacity 0.15s linear, transform 0.15s ease-in;
+  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
+}
+.rs-theme-high-contrast .rs-popover {
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
+}
+.rs-popover > .rs-popover-arrow {
+  border-width: 6px;
+}
+.rs-popover > .rs-popover-arrow,
+.rs-popover > .rs-popover-arrow::before,
+.rs-popover > .rs-popover-arrow::after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.rs-popover > .rs-popover-arrow::before,
+.rs-popover > .rs-popover-arrow::after {
+  border-width: 6px;
+  content: '';
+}
+.rs-popover > .rs-popover-arrow::before {
+  display: none;
+}
+.rs-theme-high-contrast .rs-popover > .rs-popover-arrow::before {
+  display: block;
+}
+.rs-popover-title {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.42857143;
+}
+.rs-popover-content {
+  font-size: 12px;
+  line-height: 1.66666667;
+}
+.rs-popover-title ~ .rs-popover-content {
+  margin-top: 8px;
+}
+.rs-popover[class*='placement-top'] {
+  margin-top: -8px;
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.rs-popover[class*='placement-top'].rs-anim-in {
+  -webkit-transform: translate(0, -2px);
+          transform: translate(0, -2px);
+}
+.rs-popover[class*='placement-top'] > .rs-popover-arrow {
+  margin-left: -6px;
+  bottom: -6px;
+}
+.rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
+  bottom: -6px;
+  margin-left: -6px;
+  border-width: 6px 6px 0;
+  border-top-color: #fff;
+  border-top-color: var(--rs-bg-overlay);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
+    bottom: -7px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-popover[class*='placement-top'] > .rs-popover-arrow::after {
+    bottom: -7px;
+  }
+}
+.rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
+  bottom: -7px;
+  margin-left: -7px;
+  border-width: 7px 7px 0;
+  border-top-color: #e5e5ea;
+  border-top-color: var(--rs-border-primary);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
+    bottom: -8px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-top'] > .rs-popover-arrow::before {
+    bottom: -8px;
+  }
+}
+/* rtl:begin:ignore */
+.rs-popover[class*='placement-right'] {
+  margin-left: 8px;
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.rs-popover[class*='placement-right'].rs-anim-in {
+  -webkit-transform: translate(2px, 0);
+          transform: translate(2px, 0);
+}
+.rs-popover[class*='placement-right'] > .rs-popover-arrow {
+  left: -6px;
+  margin-top: -6px;
+}
+.rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
+  left: -6px;
+  margin-top: -6px;
+  border-width: 6px 6px 6px 0;
+  border-right-color: #fff;
+  border-right-color: var(--rs-bg-overlay);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
+    left: -7px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-popover[class*='placement-right'] > .rs-popover-arrow::after {
+    left: -7px;
+  }
+}
+.rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
+  left: -7px;
+  margin-top: -7px;
+  border-width: 7px 7px 7px 0;
+  border-right-color: #e5e5ea;
+  border-right-color: var(--rs-border-primary);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
+    left: -8px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-right'] > .rs-popover-arrow::before {
+    left: -8px;
+  }
+}
+.rs-popover[class*='placement-left'] {
+  margin-left: -8px;
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.rs-popover[class*='placement-left'].rs-anim-in {
+  -webkit-transform: translate(-2px, 0);
+          transform: translate(-2px, 0);
+}
+.rs-popover[class*='placement-left'] > .rs-popover-arrow {
+  right: -6px;
+  margin-top: -6px;
+}
+.rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
+  right: -6px;
+  margin-top: -6px;
+  border-width: 6px 0 6px 6px;
+  border-left-color: #fff;
+  border-left-color: var(--rs-bg-overlay);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
+    right: -7px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-popover[class*='placement-left'] > .rs-popover-arrow::after {
+    right: -7px;
+  }
+}
+.rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
+  right: -7px;
+  margin-top: -7px;
+  border-width: 7px 0 7px 7px;
+  border-left-color: #e5e5ea;
+  border-left-color: var(--rs-border-primary);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
+    right: -8px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-left'] > .rs-popover-arrow::before {
+    right: -8px;
+  }
+}
+/* rtl:end:ignore */
+.rs-popover[class*='placement-bottom'] {
+  margin-top: 8px;
+  -webkit-transform: translate(0, 0);
+          transform: translate(0, 0);
+}
+.rs-popover[class*='placement-bottom'].rs-anim-in {
+  -webkit-transform: translate(0, 2px);
+          transform: translate(0, 2px);
+}
+.rs-popover[class*='placement-bottom'] > .rs-popover-arrow {
+  margin-left: -6px;
+  top: -6px;
+}
+.rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
+  top: -6px;
+  margin-left: -6px;
+  border-width: 0 6px 6px;
+  border-bottom-color: #fff;
+  border-bottom-color: var(--rs-bg-overlay);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
+    top: -7px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::after {
+    top: -7px;
+  }
+}
+.rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
+  top: -7px;
+  margin-left: -7px;
+  border-width: 0 7px 7px;
+  border-bottom-color: #e5e5ea;
+  border-bottom-color: var(--rs-border-primary);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
+    top: -8px;
+  }
+}
+@supports (-ms-ime-align: auto) {
+  .rs-theme-high-contrast .rs-popover[class*='placement-bottom'] > .rs-popover-arrow::before {
+    top: -8px;
+  }
+}
+.rs-popover.placement-bottom > .rs-popover-arrow,
+.rs-popover.placement-top > .rs-popover-arrow {
+  left: 50%;
+}
+.rs-popover.placement-bottom-end > .rs-popover-arrow,
+.rs-popover.placement-top-end > .rs-popover-arrow {
+  right: 4px;
+}
+.rs-popover.placement-left > .rs-popover-arrow,
+.rs-popover.placement-right > .rs-popover-arrow {
+  top: 50%;
+}
+.rs-popover.placement-left-end > .rs-popover-arrow,
+.rs-popover.placement-right-end > .rs-popover-arrow {
+  bottom: 4px;
+}
+.rs-popover-full {
+  padding: 0;
+}
+.rs-popover-full .rs-popover-content {
+  margin-top: 0;
+}
+.rs-popover.placement-top-start.rs-popover-full > .rs-popover-arrow,
+.rs-popover.placement-bottom-start.rs-popover-full > .rs-popover-arrow {
+  margin-left: 6px;
+}
+.rs-popover.placement-right-start.rs-popover-full > .rs-popover-arrow,
+.rs-popover.placement-left-start.rs-popover-full > .rs-popover-arrow {
+  margin-top: 6px;
+}
+
+/*# sourceMappingURL=index.css.map */

package/Progress/styles/index.css

@@ -0,0 +1,312 @@
+:root,
+.rs-theme-light {
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-600: #8e8e93;
+  --rs-gray-700: #7a7a7a;
+  --rs-primary-500: #3498ff;
+  --rs-color-red: #f44336;
+  --rs-color-green: #4caf50;
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-progress-bg: var(--rs-gray-200);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+}
+.rs-theme-dark {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-primary-500: #34c3ff;
+  --rs-color-red: #f04f43;
+  --rs-color-green: #58b15b;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-progress-bg: var(--rs-gray-700);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+}
+.rs-theme-high-contrast {
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-primary-500: #ffff00;
+  --rs-color-red: #bd1732;
+  --rs-color-green: #0d822c;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-progress-bg: var(--rs-gray-700);
+  --rs-progress-bar: var(--rs-primary-500);
+  --rs-progress-bar-success: var(--rs-color-green);
+  --rs-progress-bar-fail: var(--rs-color-red);
+}
+/* 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;
+}
+@-webkit-keyframes progress-active {
+  0% {
+    opacity: 0.1;
+    width: 0;
+  }
+  20% {
+    opacity: 0.5;
+    width: 0;
+  }
+  100% {
+    opacity: 0;
+    width: 100%;
+  }
+}
+@keyframes progress-active {
+  0% {
+    opacity: 0.1;
+    width: 0;
+  }
+  20% {
+    opacity: 0.5;
+    width: 0;
+  }
+  100% {
+    opacity: 0;
+    width: 100%;
+  }
+}
+@-webkit-keyframes progress-active-vertical {
+  0% {
+    opacity: 0.1;
+    height: 0;
+  }
+  20% {
+    opacity: 0.5;
+    height: 0;
+  }
+  100% {
+    opacity: 0;
+    height: 100%;
+  }
+}
+@keyframes progress-active-vertical {
+  0% {
+    opacity: 0.1;
+    height: 0;
+  }
+  20% {
+    opacity: 0.5;
+    height: 0;
+  }
+  100% {
+    opacity: 0;
+    height: 100%;
+  }
+}
+.rs-progress-info {
+  font-size: 0;
+}
+.rs-progress,
+.rs-progress-icon-success,
+.rs-progress-icon-fail,
+.rs-progress-info-status {
+  font-size: 16px;
+  line-height: 1.25;
+}
+.rs-progress-circle {
+  position: relative;
+  font-size: 0;
+}
+.rs-progress-circle-info {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  text-align: center;
+  font-size: 16px;
+  line-height: 2.25;
+  height: 36px;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+}
+.rs-progress-circle .rs-progress-trail {
+  stroke: #e5e5ea;
+  stroke: var(--rs-progress-bg);
+}
+.rs-progress-circle .rs-progress-stroke {
+  stroke: #3498ff;
+  stroke: var(--rs-progress-bar);
+  -webkit-transition: stroke-dashoffset 0.3s ease, stroke-dasharray 0.2s ease-in-out, stroke 0.3s;
+  transition: stroke-dashoffset 0.3s ease, stroke-dasharray 0.2s ease-in-out, stroke 0.3s;
+}
+.rs-progress-circle-success .rs-progress-circle-info {
+  color: #4caf50;
+  color: var(--rs-progress-bar-success);
+}
+.rs-progress-circle-success .rs-progress-stroke {
+  stroke: #4caf50;
+  stroke: var(--rs-progress-bar-success);
+}
+.rs-progress-circle-fail .rs-progress-circle-info {
+  color: #f44336;
+  color: var(--rs-progress-bar-fail);
+}
+.rs-progress-circle-fail .rs-progress-stroke {
+  stroke: #f44336;
+  stroke: var(--rs-progress-bar-fail);
+}
+.rs-progress-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  padding: 8px 12px;
+}
+.rs-progress-line-active .rs-progress-line-bg {
+  position: relative;
+}
+.rs-progress-line-active .rs-progress-line-bg::before {
+  content: '';
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  border-radius: 10px;
+  -webkit-animation: progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+          animation: progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+}
+.rs-progress-line .rs-progress-info {
+  width: 50px;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 50px;
+          flex: 0 0 50px;
+  height: 20px;
+  padding-left: 12px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.rs-progress-line-outer {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  border-radius: 5px;
+  overflow: hidden;
+  vertical-align: middle;
+}
+.rs-progress-line-inner {
+  background: #e5e5ea;
+  background: var(--rs-progress-bg);
+  border-radius: 5px;
+}
+.rs-progress-line-bg {
+  background-color: #3498ff;
+  background-color: var(--rs-progress-bar);
+  border-radius: 5px;
+  -webkit-transition: 0.2s ease-in-out;
+  transition: 0.2s ease-in-out;
+  -webkit-transition-property: width, background-color;
+  transition-property: width, background-color;
+}
+.rs-progress-line-inner,
+.rs-progress-line-bg {
+  height: 10px;
+}
+.rs-progress-line-success {
+  color: #4caf50;
+  color: var(--rs-progress-bar-success);
+}
+.rs-progress-line-success .rs-progress-line-bg {
+  background-color: #4caf50;
+  background-color: var(--rs-progress-bar-success);
+}
+.rs-progress-line-fail {
+  color: #f44336;
+  color: var(--rs-progress-bar-fail);
+}
+.rs-progress-line-fail .rs-progress-line-bg {
+  background-color: #f44336;
+  background-color: var(--rs-progress-bar-fail);
+}
+.rs-progress-line.rs-progress-line-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  width: auto;
+}
+.rs-progress-line.rs-progress-line-vertical .rs-progress-line-outer {
+  width: auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+}
+.rs-progress-line.rs-progress-line-vertical .rs-progress-line-inner {
+  min-height: 100px;
+  width: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: reverse;
+      -ms-flex-direction: column-reverse;
+          flex-direction: column-reverse;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+  height: 100%;
+}
+.rs-progress-line.rs-progress-line-vertical .rs-progress-info {
+  -ms-flex-preferred-size: auto;
+      flex-basis: auto;
+  padding-left: 0;
+  width: auto;
+}
+.rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {
+  width: 100%;
+  -webkit-transition-property: height, background-color;
+  transition-property: height, background-color;
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  position: absolute;
+  bottom: 0;
+}
+.rs-progress-line.rs-progress-line-vertical.rs-progress-line-active .rs-progress-line-bg::before {
+  -webkit-animation-name: progress-active-vertical;
+          animation-name: progress-active-vertical;
+}
+.rs-progress-icon-success,
+.rs-progress-icon-fail {
+  display: inline-block;
+}
+.rs-progress-icon-success svg,
+.rs-progress-icon-fail svg {
+  stroke: currentColor;
+  stroke-width: 0.5px;
+  stroke-linecap: round;
+}
+.rs-progress-line .rs-progress-icon-success,
+.rs-progress-line .rs-progress-icon-fail {
+  line-height: 0;
+  font-size: 14px;
+}
+.rs-progress-circle .rs-progress-icon-success,
+.rs-progress-circle .rs-progress-icon-fail {
+  line-height: 0;
+  font-size: 36px;
+}
+
+/*# sourceMappingURL=index.css.map */