rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250416

package/dist/rsuite.css

@@ -614,7 +614,7 @@ dd {
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
   --rs-radio-tile-icon-size: 32px;
   --rs-rate-symbol: var(--rs-gray-600);
-  --rs-rate-symbol-checked: var(--rs-blue-500);
+  --rs-rate-color: var(--rs-blue-500);
   --rs-toggle-bg: var(--rs-gray-500);
   --rs-toggle-thumb: #fff;
   --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
@@ -1004,7 +1004,7 @@ dd {
   --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
   --rs-rate-symbol: var(--rs-gray-600);
-  --rs-rate-symbol-checked: var(--rs-yellow-500);
+  --rs-rate-color: var(--rs-yellow-500);
   --rs-toggle-bg: var(--rs-gray-500);
   --rs-toggle-thumb: #fff;
   --rs-toggle-hover-bg: var(--rs-gray-300);
@@ -1390,7 +1390,7 @@ dd {
   --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
   --rs-rate-symbol: var(--rs-gray-100);
-  --rs-rate-symbol-checked: var(--rs-primary-500);
+  --rs-rate-color: var(--rs-primary-500);
   --rs-toggle-bg: var(--rs-gray-800);
   --rs-toggle-thumb: var(--rs-gray-100);
   --rs-toggle-hover-bg: var(--rs-gray-800);
@@ -4403,10 +4403,10 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-divider:where([data-orientation='horizontal'][data-with-label='true'])::after {
   margin-inline-start: var(--rs-divider-spacing-xs);
 }
-.rs-divider:where([data-position='left']):before {
+.rs-divider:where([data-placement='start']):before {
   display: none;
 }
-.rs-divider:where([data-position='right']):after {
+.rs-divider:where([data-placement='end']):after {
   display: none;
 }
 @keyframes shakeHead {
@@ -8250,9 +8250,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   background-color: var(--rs-input-disabled-bg);
   color: var(--rs-text-disabled);
 }
-textarea.rs-input {
-  height: auto;
-}
 .rs-input.rs-input-xs {
   --rs-input-font-size: var(--rs-input-font-size-xs);
   --rs-input-line-height: var(--rs-input-line-height-xs);
@@ -8277,10 +8274,6 @@ textarea.rs-input {
   --rs-input-padding-block: var(--rs-input-padding-block-lg);
   --rs-input-padding-inline: var(--rs-input-padding-inline-lg);
 }
-textarea.rs-input {
-  overflow: auto;
-  resize: vertical;
-}
 .rs-input-group {
   --rs-input-group-input-height-xs: calc(24px - 2px);
   --rs-input-group-input-height-sm: calc(30px - 2px);
@@ -8621,6 +8614,12 @@ textarea.rs-input {
 .rs-picker-focused .rs-picker-search-input {
   z-index: 6;
 }
+.rs-textarea {
+  --rs-textarea-resize: none;
+  overflow: auto;
+  resize: var(--rs-textarea-resize);
+  height: auto;
+}
 .rs-inline-edit {
   position: relative;
   display: inline-block;
@@ -10046,6 +10045,39 @@ textarea.rs-input {
 .rs-notification-error {
   --rs-notify-icon-color: var(--rs-state-error);
 }
+.rs-password-strength-meter {
+  --rs-password-strength-meter-color-low: var(--rs-color-red);
+  --rs-password-strength-meter-color-medium: var(--rs-color-orange);
+  --rs-password-strength-meter-color-high: var(--rs-color-green);
+  --rs-password-strength-meter-bg: var(--rs-gray-200);
+  margin-top: calc(var(--rs-spacing) * 2);
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.rs-password-strength-meter-bar {
+  display: flex;
+  gap: var(--rs-spacing);
+  margin-bottom: var(--rs-spacing);
+  width: 100%;
+}
+.rs-password-strength-meter-segment {
+  flex: 1;
+  height: 6px;
+  border-radius: 2px;
+  background: var(--rs-password-strength-meter-bg);
+  transition: background 0.3s;
+}
+.rs-password-strength-meter-segment:where([data-active='true']) {
+  background: var(--rs-password-strength-meter-color-medium);
+}
+.rs-password-strength-meter-segment:where([data-active='true']):first-child {
+  background: var(--rs-password-strength-meter-color-low);
+}
+.rs-password-strength-meter-segment:where([data-active='true']):last-child {
+  background: var(--rs-password-strength-meter-color-high);
+}
 .rs-pagination-group {
   --pagination-group-gap: calc(var(--rs-spacing) * 2.5);
   display: flex;
@@ -14321,14 +14353,17 @@ textarea.rs-input {
   pointer-events: none;
 }
 .rs-rate {
-  --rate-font-size-xs: var(--rs-font-size-lg);
-  --rate-font-size-sm: var(--rs-font-size-2xl);
-  --rate-font-size-md: var(--rs-font-size-3xl);
-  --rate-font-size-lg: var(--rs-font-size-4xl);
+  --rs-rate-size-xs: var(--rs-font-size-lg);
+  --rs-rate-size-sm: var(--rs-font-size-2xl);
+  --rs-rate-size-md: var(--rs-font-size-3xl);
+  --rs-rate-size-lg: var(--rs-font-size-4xl);
+  --rs-rate-size-xl: var(--rs-font-size-5xl);
+  --rs-rate-size: var(--rs-rate-size-md);
+  --rs-rate-before-size: 50%;
   position: relative;
   display: inline-flex;
-  color: var(--rs-rate-symbol-checked);
-  font-size: var(--rate-font-size, var(--rate-font-size-md));
+  color: var(--rs-rate-color);
+  font-size: var(--rs-rate-size);
   list-style: none;
   vertical-align: middle;
   margin: 0;
@@ -14342,12 +14377,14 @@ textarea.rs-input {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  width: var(--rate-font-size);
-  height: var(--rate-font-size);
+  width: -moz-max-content;
+  width: max-content;
+  height: -moz-max-content;
+  height: max-content;
 }
 .rs-rate-character-before {
   position: absolute;
-  width: 50%;
+  width: var(--rs-rate-before-size);
   height: 100%;
   overflow: hidden;
   opacity: 0;
@@ -14369,78 +14406,86 @@ textarea.rs-input {
 .rs-rate-character-after > .rs-icon {
   font-size: inherit;
 }
-.rs-rate-character-half .rs-rate-character-before {
+.rs-rate-character:where([data-status='half']) .rs-rate-character-before,
+.rs-rate-character:where([data-status='frac']) .rs-rate-character-before {
   opacity: 1;
   filter: none;
 }
-.rs-rate-character-full .rs-rate-character-after {
+.rs-rate-character:where([data-status='full']) .rs-rate-character-after {
   color: inherit;
   filter: none;
 }
-.rs-rate-character-full .rs-rate-character-after > .rs-icon {
+.rs-rate-character:where([data-status='full']) .rs-rate-character-after > .rs-icon {
   fill: currentColor;
 }
 .rs-rate-character-vertical {
   width: 100%;
-  height: 50%;
+  height: var(--rs-rate-before-size);
   flex-direction: column-reverse;
   bottom: 0;
 }
 .rs-rate-character .rs-icon,
 .rs-rate-character svg {
-  position: absolute;
   height: 1em;
   width: 1em;
 }
-.rs-rate:not(.rs-rate-readonly).rs-rate:not(.rs-rate-disabled) .rs-rate-character:hover {
+.rs-rate-character-before .rs-icon,
+.rs-rate-character-before svg {
+  position: absolute;
+}
+.rs-rate-character:hover {
   transform: scale(1.1);
 }
-.rs-rate:not(.rs-rate-readonly).rs-rate:not(.rs-rate-disabled) .rs-rate-character:active {
+.rs-rate-character:active {
   transform: scale(1);
 }
-.rs-rate-disabled {
+.rs-rate:where([data-disabled='true']) {
+  cursor: not-allowed;
   opacity: 0.5;
   outline: none;
 }
-.rs-rate-disabled .rs-rate-character {
-  cursor: not-allowed;
+.rs-rate:where([data-disabled='true']) .rs-rate-character {
+  pointer-events: none;
 }
-.rs-rate-readonly .rs-rate-character {
+.rs-rate:where([data-readonly='true']) .rs-rate-character {
   cursor: default;
   pointer-events: none;
 }
+.rs-rate.rs-rate-xl {
+  --rs-rate-size: var(--rs-rate-size-xl);
+}
 .rs-rate.rs-rate-lg {
-  --rate-font-size: var(--rate-font-size-lg);
+  --rs-rate-size: var(--rs-rate-size-lg);
 }
 .rs-rate.rs-rate-md {
-  --rate-font-size: var(--rate-font-size-md);
+  --rs-rate-size: var(--rs-rate-size-md);
 }
 .rs-rate.rs-rate-sm {
-  --rate-font-size: var(--rate-font-size-sm);
+  --rs-rate-size: var(--rs-rate-size-sm);
 }
 .rs-rate.rs-rate-xs {
-  --rate-font-size: var(--rate-font-size-xs);
+  --rs-rate-size: var(--rs-rate-size-xs);
 }
 .rs-rate.rs-rate-red {
-  --rs-rate-symbol-checked: var(--rs-red-500);
+  --rs-rate-color: var(--rs-red-500);
 }
 .rs-rate.rs-rate-orange {
-  --rs-rate-symbol-checked: var(--rs-orange-500);
+  --rs-rate-color: var(--rs-orange-500);
 }
 .rs-rate.rs-rate-yellow {
-  --rs-rate-symbol-checked: var(--rs-yellow-500);
+  --rs-rate-color: var(--rs-yellow-500);
 }
 .rs-rate.rs-rate-green {
-  --rs-rate-symbol-checked: var(--rs-green-500);
+  --rs-rate-color: var(--rs-green-500);
 }
 .rs-rate.rs-rate-cyan {
-  --rs-rate-symbol-checked: var(--rs-cyan-500);
+  --rs-rate-color: var(--rs-cyan-500);
 }
 .rs-rate.rs-rate-blue {
-  --rs-rate-symbol-checked: var(--rs-blue-500);
+  --rs-rate-color: var(--rs-blue-500);
 }
 .rs-rate.rs-rate-violet {
-  --rs-rate-symbol-checked: var(--rs-violet-500);
+  --rs-rate-color: var(--rs-violet-500);
 }
 .rs-toast {
   --rs-toast-shadow: var(--rs-shadow-md);