rsuite 5.51.0 → 5.53.0

package/Accordion/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/Accordion",
+  "private": true,
+  "main": "../cjs/Accordion/index.js",
+  "module": "../esm/Accordion/index.js",
+  "types": "../esm/Accordion/index.d.ts"
+}

package/Accordion/styles/index.css

@@ -0,0 +1,219 @@
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #f7f7fa;
+  --rs-gray-100: #f2f2f5;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-400: #c5c6c7;
+  --rs-gray-500: #a6a6a6;
+  --rs-gray-600: #8e8e93;
+  --rs-gray-800: #575757;
+  --rs-gray-900: #272c36;
+  --rs-primary-400: #59afff;
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-text-heading: var(--rs-gray-900);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-border-primary: var(--rs-gray-200);
+  --rs-btn-subtle-hover-bg: var(--rs-gray-200);
+  --rs-btn-subtle-hover-text: var(--rs-gray-800);
+  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-primary-400: #59d0ff;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-heading: var(--rs-gray-0);
+  --rs-text-disabled: var(--rs-gray-500);
+  --rs-border-primary: var(--rs-gray-600);
+  --rs-btn-subtle-hover-bg: var(--rs-gray-500);
+  --rs-btn-subtle-hover-text: var(--rs-gray-50);
+  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-500: #5c6066;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-800: #1a1d24;
+  --rs-gray-900: #0f131a;
+  --rs-primary-400: #fffc30;
+  --rs-text-secondary: var(--rs-gray-200);
+  --rs-text-heading: var(--rs-gray-0);
+  --rs-text-disabled: var(--rs-gray-500);
+  --rs-border-primary: var(--rs-gray-100);
+  --rs-btn-subtle-hover-bg: transparent;
+  --rs-btn-subtle-hover-text: var(--rs-primary-400);
+  --rs-panel-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+/* 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-panel-group {
+  border-radius: 6px;
+  overflow: hidden;
+}
+.rs-panel-group-bordered {
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
+}
+.rs-panel-group > .rs-panel {
+  border: none;
+}
+.rs-panel-group > .rs-panel + .rs-panel {
+  position: relative;
+}
+.rs-panel-group > .rs-panel + .rs-panel::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  border-top: 1px solid #e5e5ea;
+  border-top: 1px solid var(--rs-border-primary);
+  left: 20px;
+  right: 20px;
+}
+.rs-panel {
+  border-radius: 6px;
+  overflow: hidden;
+}
+.rs-panel .rs-anim-collapse {
+  display: none;
+}
+.rs-panel .rs-anim-collapse.rs-anim-in {
+  display: block;
+}
+tr.rs-panel .rs-anim-collapse.rs-anim-in {
+  display: table-row;
+}
+tbody.rs-panel .rs-anim-collapse.rs-anim-in {
+  display: table-row-group;
+}
+.rs-panel .rs-anim-collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+  transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+}
+.rs-panel .rs-anim-collapse {
+  display: none;
+}
+.rs-panel .rs-anim-collapse.rs-anim-in {
+  display: block;
+}
+.rs-panel-bordered {
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
+}
+.rs-panel-shaded {
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--rs-panel-shadow);
+          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+          box-shadow: var(--rs-panel-shadow);
+}
+.rs-panel-header,
+.rs-panel-body {
+  padding: 20px;
+}
+.rs-panel-body-fill {
+  padding: 0 !important;
+}
+.rs-panel-header {
+  color: #272c36;
+  color: var(--rs-text-heading);
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: inherit;
+}
+.rs-panel-btn {
+  width: 100%;
+  border: none;
+  background: none;
+  outline: transparent solid 2px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font-size: 16px;
+  padding: 10px;
+  border-radius: 6px;
+}
+.rs-panel-btn:hover,
+.rs-panel-btn:focus,
+.rs-panel-btn:active {
+  background-color: #e5e5ea;
+  background-color: var(--rs-btn-subtle-hover-bg);
+  color: #575757;
+  color: var(--rs-btn-subtle-hover-text);
+  outline: transparent solid 2px;
+}
+.rs-panel-btn-icon {
+  -webkit-transition: -webkit-transform 0.2s ease 0s;
+  transition: -webkit-transform 0.2s ease 0s;
+  transition: transform 0.2s ease 0s;
+  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
+}
+.rs-panel-btn[disabled] {
+  cursor: not-allowed;
+  color: #c5c6c7;
+  color: var(--rs-text-disabled);
+  background-color: var(--rs-btn-subtle-disabled-bg);
+}
+.rs-panel-title {
+  margin: 0;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 0%;
+          flex: 1 1 0%;
+  text-align: left;
+}
+.rs-panel-title a {
+  color: inherit;
+}
+.rs-panel-title a:hover,
+.rs-panel-title a:focus,
+.rs-panel-title a:active {
+  text-decoration: none;
+}
+.rs-panel-header + .rs-panel-collapse .rs-panel-body,
+.rs-panel-header + .rs-panel-body {
+  padding-top: 0;
+}
+.rs-panel-collapsible > .rs-panel-header {
+  cursor: pointer;
+  -webkit-transition: background-color 0.3s linear, border-radius 0.3s linear;
+  transition: background-color 0.3s linear, border-radius 0.3s linear;
+  position: relative;
+  padding: 10px;
+}
+.rs-panel-collapsible > .rs-panel-header > .rs-icon {
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+  position: absolute;
+  top: 24px;
+  right: 20px;
+  -webkit-transition: -webkit-transform 0.3s linear;
+  transition: -webkit-transform 0.3s linear;
+  transition: transform 0.3s linear;
+  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
+}
+
+/*# sourceMappingURL=index.css.map */

package/Accordion/styles/index.less

@@ -0,0 +1,2 @@
+@import '../../PanelGroup/styles/index.less';
+@import '../../Panel/styles/index.less';

package/Animation/styles/bounce.less

@@ -0,0 +1,34 @@
+// Bounce
+.rs-anim-bounce-in {
+  animation-name: bounceIn;
+  .animation-common(cubic-bezier(0.68, -0.55, 0.27, 1.55)); // Ease in out
+
+  @keyframes bounceIn {
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+}
+
+.rs-anim-bounce-out {
+  animation-name: bounceOut;
+  .animation-common(cubic-bezier(0.4, 0, 1, 1)); //Fast out
+
+  @keyframes bounceOut {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+  }
+}

package/Animation/styles/collapse.less

@@ -0,0 +1,22 @@
+.rs-anim-collapse {
+  display: none;
+
+  &.rs-anim-in {
+    display: block;
+  }
+
+  tr&.rs-anim-in {
+    display: table-row;
+  }
+
+  tbody&.rs-anim-in {
+    display: table-row-group;
+  }
+}
+
+.rs-anim-collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+}

package/Animation/styles/fade.less

@@ -0,0 +1,10 @@
+.rs-anim-fade {
+  opacity: 0;
+  transition: opacity 0.15s linear;
+  pointer-events: none;
+
+  &.rs-anim-in {
+    opacity: 1;
+    pointer-events: unset;
+  }
+}

package/Animation/styles/index.css

@@ -0,0 +1,349 @@
+/* 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 slideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes slideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes slideOutLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes slideOutLeft {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+}
+@-webkit-keyframes slideInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes slideInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes slideOutRight {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes slideOutRight {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}
+@-webkit-keyframes slideInTop {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes slideInTop {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes slideOutTop {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes slideOutTop {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+}
+@-webkit-keyframes slideInBottom {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes slideInBottom {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes slideOutBottom {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes slideOutBottom {
+  from {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+}
+.rs-anim-slide-out {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-anim-slide-in {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: ease-in-out;
+          animation-timing-function: ease-in-out;
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-anim-right.rs-anim-slide-in {
+  -webkit-animation-name: slideInRight;
+          animation-name: slideInRight;
+}
+.rs-anim-right.rs-anim-slide-out {
+  -webkit-animation-name: slideOutRight;
+          animation-name: slideOutRight;
+}
+.rs-anim-left.rs-anim-slide-in {
+  -webkit-animation-name: slideInLeft;
+          animation-name: slideInLeft;
+}
+.rs-anim-left.rs-anim-slide-out {
+  -webkit-animation-name: slideOutLeft;
+          animation-name: slideOutLeft;
+}
+.rs-anim-top.rs-anim-slide-in {
+  -webkit-animation-name: slideInTop;
+          animation-name: slideInTop;
+}
+.rs-anim-top.rs-anim-slide-out {
+  -webkit-animation-name: slideOutTop;
+          animation-name: slideOutTop;
+}
+.rs-anim-bottom.rs-anim-slide-in {
+  -webkit-animation-name: slideInBottom;
+          animation-name: slideInBottom;
+}
+.rs-anim-bottom.rs-anim-slide-out {
+  -webkit-animation-name: slideOutBottom;
+          animation-name: slideOutBottom;
+}
+.rs-anim-bounce-in {
+  -webkit-animation-name: bounceIn;
+          animation-name: bounceIn;
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
+          animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+@-webkit-keyframes bounceIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes bounceIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+.rs-anim-bounce-out {
+  -webkit-animation-name: bounceOut;
+          animation-name: bounceOut;
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+          animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+@-webkit-keyframes bounceOut {
+  from {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+  }
+}
+@keyframes bounceOut {
+  from {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+  }
+}
+.rs-anim-collapse {
+  display: none;
+}
+.rs-anim-collapse.rs-anim-in {
+  display: block;
+}
+tr.rs-anim-collapse.rs-anim-in {
+  display: table-row;
+}
+tbody.rs-anim-collapse.rs-anim-in {
+  display: table-row-group;
+}
+.rs-anim-collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+  transition: height 0.35s ease, width 0.35s ease, visibility 0.35s ease;
+}
+.rs-anim-fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+  pointer-events: none;
+}
+.rs-anim-fade.rs-anim-in {
+  opacity: 1;
+  pointer-events: unset;
+}
+
+/*# sourceMappingURL=index.css.map */