rsuite 5.76.2 → 6.0.0-canary-20250103

package/FlexboxGrid/styles/index.css

@@ -1,65 +1,46 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-flex-box-grid {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-flow: row wrap;
-          flex-flow: row wrap;
+  flex-flow: row wrap;
 }
 .rs-flex-box-grid-item {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
 }
 .rs-flex-box-grid-top {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
+  align-items: flex-start;
 }
 .rs-flex-box-grid-middle {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-flex-box-grid-bottom {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
+  align-items: flex-end;
 }
 .rs-flex-box-grid-start {
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
+  justify-content: flex-start;
 }
 .rs-flex-box-grid-center {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .rs-flex-box-grid-end {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  justify-content: flex-end;
 }
 .rs-flex-box-grid-space-between {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
+  justify-content: space-between;
 }
 .rs-flex-box-grid-space-around {
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
+  justify-content: space-around;
 }
 .rs-flex-box-grid-item-1 {
   position: relative;
@@ -68,9 +49,7 @@
   width: 4.16666667%;
 }
 .rs-flex-box-grid-item-order-1 {
-  -webkit-box-ordinal-group: 2;
-      -ms-flex-order: 1;
-          order: 1;
+  order: 1;
 }
 .rs-flex-box-grid-item-2 {
   position: relative;
@@ -79,9 +58,7 @@
   width: 8.33333333%;
 }
 .rs-flex-box-grid-item-order-2 {
-  -webkit-box-ordinal-group: 3;
-      -ms-flex-order: 2;
-          order: 2;
+  order: 2;
 }
 .rs-flex-box-grid-item-3 {
   position: relative;
@@ -90,9 +67,7 @@
   width: 12.5%;
 }
 .rs-flex-box-grid-item-order-3 {
-  -webkit-box-ordinal-group: 4;
-      -ms-flex-order: 3;
-          order: 3;
+  order: 3;
 }
 .rs-flex-box-grid-item-4 {
   position: relative;
@@ -101,9 +76,7 @@
   width: 16.66666667%;
 }
 .rs-flex-box-grid-item-order-4 {
-  -webkit-box-ordinal-group: 5;
-      -ms-flex-order: 4;
-          order: 4;
+  order: 4;
 }
 .rs-flex-box-grid-item-5 {
   position: relative;
@@ -112,9 +85,7 @@
   width: 20.83333333%;
 }
 .rs-flex-box-grid-item-order-5 {
-  -webkit-box-ordinal-group: 6;
-      -ms-flex-order: 5;
-          order: 5;
+  order: 5;
 }
 .rs-flex-box-grid-item-6 {
   position: relative;
@@ -123,9 +94,7 @@
   width: 25%;
 }
 .rs-flex-box-grid-item-order-6 {
-  -webkit-box-ordinal-group: 7;
-      -ms-flex-order: 6;
-          order: 6;
+  order: 6;
 }
 .rs-flex-box-grid-item-7 {
   position: relative;
@@ -134,9 +103,7 @@
   width: 29.16666667%;
 }
 .rs-flex-box-grid-item-order-7 {
-  -webkit-box-ordinal-group: 8;
-      -ms-flex-order: 7;
-          order: 7;
+  order: 7;
 }
 .rs-flex-box-grid-item-8 {
   position: relative;
@@ -145,9 +112,7 @@
   width: 33.33333333%;
 }
 .rs-flex-box-grid-item-order-8 {
-  -webkit-box-ordinal-group: 9;
-      -ms-flex-order: 8;
-          order: 8;
+  order: 8;
 }
 .rs-flex-box-grid-item-9 {
   position: relative;
@@ -156,9 +121,7 @@
   width: 37.5%;
 }
 .rs-flex-box-grid-item-order-9 {
-  -webkit-box-ordinal-group: 10;
-      -ms-flex-order: 9;
-          order: 9;
+  order: 9;
 }
 .rs-flex-box-grid-item-10 {
   position: relative;
@@ -167,9 +130,7 @@
   width: 41.66666667%;
 }
 .rs-flex-box-grid-item-order-10 {
-  -webkit-box-ordinal-group: 11;
-      -ms-flex-order: 10;
-          order: 10;
+  order: 10;
 }
 .rs-flex-box-grid-item-11 {
   position: relative;
@@ -178,9 +139,7 @@
   width: 45.83333333%;
 }
 .rs-flex-box-grid-item-order-11 {
-  -webkit-box-ordinal-group: 12;
-      -ms-flex-order: 11;
-          order: 11;
+  order: 11;
 }
 .rs-flex-box-grid-item-12 {
   position: relative;
@@ -189,9 +148,7 @@
   width: 50%;
 }
 .rs-flex-box-grid-item-order-12 {
-  -webkit-box-ordinal-group: 13;
-      -ms-flex-order: 12;
-          order: 12;
+  order: 12;
 }
 .rs-flex-box-grid-item-13 {
   position: relative;
@@ -200,9 +157,7 @@
   width: 54.16666667%;
 }
 .rs-flex-box-grid-item-order-13 {
-  -webkit-box-ordinal-group: 14;
-      -ms-flex-order: 13;
-          order: 13;
+  order: 13;
 }
 .rs-flex-box-grid-item-14 {
   position: relative;
@@ -211,9 +166,7 @@
   width: 58.33333333%;
 }
 .rs-flex-box-grid-item-order-14 {
-  -webkit-box-ordinal-group: 15;
-      -ms-flex-order: 14;
-          order: 14;
+  order: 14;
 }
 .rs-flex-box-grid-item-15 {
   position: relative;
@@ -222,9 +175,7 @@
   width: 62.5%;
 }
 .rs-flex-box-grid-item-order-15 {
-  -webkit-box-ordinal-group: 16;
-      -ms-flex-order: 15;
-          order: 15;
+  order: 15;
 }
 .rs-flex-box-grid-item-16 {
   position: relative;
@@ -233,9 +184,7 @@
   width: 66.66666667%;
 }
 .rs-flex-box-grid-item-order-16 {
-  -webkit-box-ordinal-group: 17;
-      -ms-flex-order: 16;
-          order: 16;
+  order: 16;
 }
 .rs-flex-box-grid-item-17 {
   position: relative;
@@ -244,9 +193,7 @@
   width: 70.83333333%;
 }
 .rs-flex-box-grid-item-order-17 {
-  -webkit-box-ordinal-group: 18;
-      -ms-flex-order: 17;
-          order: 17;
+  order: 17;
 }
 .rs-flex-box-grid-item-18 {
   position: relative;
@@ -255,9 +202,7 @@
   width: 75%;
 }
 .rs-flex-box-grid-item-order-18 {
-  -webkit-box-ordinal-group: 19;
-      -ms-flex-order: 18;
-          order: 18;
+  order: 18;
 }
 .rs-flex-box-grid-item-19 {
   position: relative;
@@ -266,9 +211,7 @@
   width: 79.16666667%;
 }
 .rs-flex-box-grid-item-order-19 {
-  -webkit-box-ordinal-group: 20;
-      -ms-flex-order: 19;
-          order: 19;
+  order: 19;
 }
 .rs-flex-box-grid-item-20 {
   position: relative;
@@ -277,9 +220,7 @@
   width: 83.33333333%;
 }
 .rs-flex-box-grid-item-order-20 {
-  -webkit-box-ordinal-group: 21;
-      -ms-flex-order: 20;
-          order: 20;
+  order: 20;
 }
 .rs-flex-box-grid-item-21 {
   position: relative;
@@ -288,9 +229,7 @@
   width: 87.5%;
 }
 .rs-flex-box-grid-item-order-21 {
-  -webkit-box-ordinal-group: 22;
-      -ms-flex-order: 21;
-          order: 21;
+  order: 21;
 }
 .rs-flex-box-grid-item-22 {
   position: relative;
@@ -299,9 +238,7 @@
   width: 91.66666667%;
 }
 .rs-flex-box-grid-item-order-22 {
-  -webkit-box-ordinal-group: 23;
-      -ms-flex-order: 22;
-          order: 22;
+  order: 22;
 }
 .rs-flex-box-grid-item-23 {
   position: relative;
@@ -310,9 +247,7 @@
   width: 95.83333333%;
 }
 .rs-flex-box-grid-item-order-23 {
-  -webkit-box-ordinal-group: 24;
-      -ms-flex-order: 23;
-          order: 23;
+  order: 23;
 }
 .rs-flex-box-grid-item-24 {
   position: relative;
@@ -321,7 +256,5 @@
   width: 100%;
 }
 .rs-flex-box-grid-item-order-24 {
-  -webkit-box-ordinal-group: 25;
-      -ms-flex-order: 24;
-          order: 24;
+  order: 24;
 }

package/Footer/styles/index.css

@@ -1,33 +1,24 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-flex: 1;
-      -ms-flex: auto;
-          flex: auto;
+  flex-direction: column;
+  flex: auto;
 }
 .rs-container-has-sidebar {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  flex-direction: row;
 }
 .rs-footer {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
 }

package/Form/styles/index.css

@@ -1,12 +1,15 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-form-inline > *,
 .rs-form-inline > .rs-btn {

package/Form/styles/mixin.less

@@ -41,8 +41,6 @@
   padding: (@padding-vertical - @input-border-width) (@padding-horizontal - @input-border-width);
   font-size: @font-size;
   line-height: @line-height;
-  // You must declared height in IE
-  .ie11-height(@ie-height);
 
   textarea& {
     height: auto;
@@ -82,7 +80,10 @@
 }
 
 .reset-input-group-addon-size(@size-name) {
-  @padding-horizontal-name: ~'padding-@{size-name}-horizontal';
+
+  .map-size(@size-name);
+
+  @padding-horizontal-name: ~'padding-x@{suffix}';
 
   @width: (@@padding-horizontal-name * 2 - @input-border-width*2 + @font-size-base);
   @padding-horizontal: ((@width - @font-size-base)/2);
@@ -93,9 +94,12 @@
 }
 
 .reset-inside-input-group-btn-size(@size-name) {
+
+  .map-size(@size-name);
+
   @height: ~'input-height-@{size-name}';
-  @vertical: ~'padding-@{size-name}-vertical';
-  @horizontal: ~'padding-@{size-name}-horizontal';
+  @vertical: ~'padding-y@{suffix}';
+  @horizontal: ~'padding-x@{suffix}';
   @font-size: ~'font-size-@{size-name}';
   @line-height: ~'line-height-@{size-name}';
 

package/FormControl/styles/index.css

@@ -1,12 +1,15 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-form-fluid .rs-form-control-wrapper {
   width: 100%;
@@ -27,8 +30,7 @@
 }
 .rs-form-control-wrapper.read-only {
   pointer-events: none;
-  -ms-touch-action: none;
-      touch-action: none;
+  touch-action: none;
 }
 .rs-form-vertical .rs-form-group .rs-input-group {
   width: 300px;

package/FormControlLabel/styles/index.css

@@ -1,3 +1,8 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 :root,
 .rs-theme-light {
   --rs-gray-200: #e5e5ea;
@@ -16,18 +21,15 @@
 }
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-form-control-label {
   margin-bottom: 4px;
 }
 .rs-form-plaintext .rs-form-control-label {
-  color: #717273;
   color: var(--rs-text-secondary);
 }