rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/Progress/styles/index.less

@@ -1,187 +0,0 @@
-@import '../../styles/common';
-@import 'animation';
-
-.rs-progress {
-  --rs-progress-font-size: var(--rs-font-size-md);
-  --rs-progress-line-font-size: 0.875rem; // 14px
-  --rs-progress-circle-font-size: 2.25rem; // 36px
-
-  font-size: var(--rs-progress-font-size);
-}
-
-.rs-progress-circle {
-  position: relative;
-  line-height: 0;
-
-  &-info {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    font-size: var(--rs-progress-font-size);
-    color: var(--rs-text-secondary);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .rs-progress-trail {
-    stroke: var(--rs-progress-bg);
-  }
-
-  .rs-progress-stroke {
-    stroke: var(--rs-progress-bar);
-    transition:
-      stroke-dashoffset 0.3s ease,
-      stroke-dasharray 0.2s ease-in-out,
-      stroke 0.3s;
-  }
-
-  // Setting status color
-  &-success &-info {
-    color: var(--rs-progress-bar-success);
-  }
-
-  &-success .rs-progress-stroke {
-    stroke: var(--rs-progress-bar-success);
-  }
-
-  &-fail &-info {
-    color: var(--rs-progress-bar-fail);
-  }
-
-  &-fail .rs-progress-stroke {
-    stroke: var(--rs-progress-bar-fail);
-  }
-}
-
-.rs-progress-line {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: calc(var(--rs-spacing) * 3);
-
-  &-active &-bg {
-    position: relative;
-
-    &::before {
-      content: '';
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      inset-inline-start: 0;
-      inset-inline-end: 0;
-      background-color: #fff;
-      border-radius: var(--rs-radius-lg);
-      animation: progress-active 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
-    }
-  }
-
-  .rs-progress-info {
-    height: 20px;
-    display: flex;
-    align-items: center;
-  }
-
-  &-outer {
-    flex: 1 1 auto;
-    border-radius: var(--rs-radius-sm);
-    overflow: hidden;
-    // Make sure outer vertical-align:center;
-    vertical-align: middle;
-  }
-
-  &-inner {
-    background: var(--rs-progress-bg);
-    border-radius: var(--rs-radius-sm);
-  }
-
-  &-bg {
-    background-color: var(--rs-progress-bar);
-    border-radius: var(--rs-radius-sm);
-    transition: @progress-bg-transition;
-    transition-property: width, background-color;
-  }
-
-  &-inner,
-  &-bg {
-    height: @progress-bar-height;
-  }
-
-  // Setting status color
-  &-success {
-    color: var(--rs-progress-bar-success);
-  }
-
-  &-success &-bg {
-    background-color: var(--rs-progress-bar-success);
-  }
-
-  &-fail {
-    color: var(--rs-progress-bar-fail);
-  }
-
-  &-fail &-bg {
-    background-color: var(--rs-progress-bar-fail);
-  }
-
-  &&-vertical {
-    flex-direction: column-reverse;
-    width: auto;
-    height: 100%;
-  }
-
-  &&-vertical &-outer {
-    width: auto;
-    flex: 1 1 auto;
-  }
-
-  &&-vertical &-inner {
-    min-height: 100px;
-    width: @progress-bar-height;
-    display: flex;
-    flex-direction: column-reverse;
-    align-items: center;
-    position: relative;
-    height: 100%;
-  }
-
-  &&-vertical .rs-progress-info {
-    flex-basis: auto;
-    padding-inline-start: 0;
-    width: auto;
-  }
-
-  &&-vertical &-bg {
-    width: 100%;
-    transition-property: height, background-color;
-    transform: rotate(180deg);
-    position: absolute;
-    bottom: 0;
-  }
-
-  &&-vertical&-active &-bg::before {
-    animation-name: progress-active-vertical;
-  }
-}
-
-// Status icons styles
-.rs-progress-icon-success,
-.rs-progress-icon-fail {
-  display: inline-block;
-
-  svg {
-    // x2= 1px
-    .icon-bolder(0.5px);
-  }
-
-  .rs-progress-line & {
-    line-height: 0;
-    font-size: var(--rs-progress-line-font-size);
-  }
-
-  .rs-progress-circle & {
-    line-height: 0;
-    font-size: var(--rs-progress-circle-font-size);
-  }
-}

package/ProgressLine/package.json

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

package/Radio/styles/index.less

@@ -1,144 +0,0 @@
-@import '../../styles/common.less';
-@import '../../Checkbox/styles/mixin.less';
-@import '../../Button/styles/mixin.less';
-@import './mixin.less';
-
-.rs-radio {
-  --rs-radio-size: @radio-width-height;
-
-  .radio-checkbox-common();
-
-  [type='radio']:focus ~ .rs-radio-inner::before {
-    .focus-ring();
-  }
-}
-
-.rs-radio-checker {
-  position: relative;
-  display: inline-flex;
-
-  > label {
-    display: inline-flex;
-    align-items: center;
-    gap: calc(var(--rs-spacing) * 2);
-  }
-}
-
-.rs-radio-control {
-  position: relative;
-  display: inline-flex;
-
-  [type='radio'] {
-    opacity: 0;
-    width: var(--rs-radio-size);
-    height: var(--rs-radio-size);
-
-    &:disabled {
-      cursor: @cursor-disabled;
-    }
-  }
-
-  &::before,
-  .rs-radio-inner::before,
-  .rs-radio-inner::after {
-    content: '';
-    position: absolute;
-    inset-inline-start: 0;
-    top: 0;
-    display: block;
-  }
-
-  &::before,
-  .rs-radio-inner::before {
-    width: var(--rs-radio-size);
-    height: var(--rs-radio-size);
-  }
-
-  // Ripple effect area.
-  &::before {
-    .radio-inner-wrapper(var(--rs-radio-checked-bg));
-
-    transform: scale(1);
-    opacity: 0.7;
-    visibility: hidden;
-    transition:
-      transform 0.2s linear,
-      opacity 0.2s linear;
-
-    .high-contrast-mode({
-      transition: none;
-    });
-
-    .rs-radio-checked & {
-      transform: scale(1.5);
-      opacity: 0;
-      visibility: visible;
-    }
-  }
-}
-
-// Out border.
-.rs-radio-inner {
-  &::before {
-    .radio-inner-wrapper(var(--rs-radio-border));
-
-    transition:
-      background 0.2s linear,
-      border 0.2s linear,
-      box-shadow 0.2s linear;
-
-    .high-contrast-mode({
-      transition: none;
-    });
-
-    .rs-radio:hover & {
-      border-color: var(--rs-radio-checked-bg);
-    }
-
-    .rs-radio.rs-radio-disabled & {
-      border-color: var(--rs-radio-disabled-bg);
-      background-color: var(--rs-radio-disabled-bg);
-    }
-
-    .rs-radio.rs-radio-checked & {
-      border-color: var(--rs-radio-checked-bg);
-      background-color: var(--rs-radio-checked-bg);
-    }
-
-    .rs-radio.rs-radio-disabled.rs-radio-checked & {
-      opacity: 0.5;
-    }
-  }
-
-  // Solid circle.
-  &::after {
-    width: @radio-inner-width-height;
-    height: @radio-inner-width-height;
-    background-color: var(--rs-radio-marker);
-    margin-top: ((@radio-width-height - @radio-inner-width-height) / 2);
-    margin-inline-start: ((@radio-width-height - @radio-inner-width-height) / 2);
-    border-radius: var(--rs-radius-full);
-    opacity: 0;
-    transform: scale(0);
-    transition:
-      opacity 0.2s ease-in,
-      transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-
-    .high-contrast-mode({
-      transition: none;
-    });
-
-    .rs-radio-checked & {
-      transform: scale(1);
-      opacity: 1;
-    }
-  }
-}
-
-// Colorful radios
-each(@spectrum, .(@color) {
-  .rs-radio-@{color} {
-    --rs-radio-checked-bg: var(~'--rs-@{color}-500');
-    --rs-radio-border: var(~'--rs-@{color}-500');
-  }
-});

package/Radio/styles/mixin.less

@@ -1,5 +0,0 @@
-.radio-inner-wrapper(@border-color) {
-  border: 1px solid @border-color;
-  background-color: @radio-bg;
-  border-radius: var(--rs-radius-full);
-}

package/RadioGroup/styles/index.less

@@ -1,87 +0,0 @@
-@import '../../styles/common';
-
-.rs-radio-group {
-  --rs-radio-group-spacing: calc(var(--rs-spacing) * 3);
-  --rs-radio-group-direction: column;
-
-  display: flex;
-  flex-direction: var(--rs-radio-group-direction);
-  gap: var(--rs-radio-group-spacing);
-
-  &.rs-radio-group-inline {
-    --rs-radio-group-direction: row;
-  }
-}
-
-// Radio Group - picker appearance
-.rs-radio-group-picker {
-  --rs-radio-checker-label-color: var(--rs-text-secondary);
-  --rs-radio-checker-border-color: transparent;
-  --rs-radio-group-picker-border-radius: var(--rs-radius-md);
-
-  @radio-group-border-width: 1px;
-  @radio-padding-x: 10px;
-  @radio-active-underline-width: 2px;
-
-  display: inline-flex;
-  align-items: center;
-  flex-wrap: wrap;
-  color: var(--rs-text-primary);
-  border: @radio-group-border-width solid var(--rs-border-primary);
-  border-radius: var(--rs-radio-group-picker-border-radius);
-  padding-inline: calc(var(--rs-spacing) * 3);
-
-  .rs-radio-inline {
-    padding-inline: var(--rs-spacing);
-    margin: 0;
-  }
-
-  .rs-radio-checker {
-    padding: 0;
-    min-height: auto;
-  }
-
-  // Picker Radio group hidden radio.
-  .rs-radio-control {
-    display: none;
-  }
-
-  .rs-radio-checker > label {
-    display: inline-block;
-    white-space: nowrap;
-    font-size: var(--rs-font-size-sm);
-    line-height: @line-height-base;
-     border-radius: var(--rs-radius-none);
-    color: var(--rs-radio-checker-label-color);
-    background: none;
-    transition: color 0.3s linear;
-    padding-inline: 0;
-    padding-block-start: (@padding-y - @radio-group-border-width);
-    padding-block-end: (@padding-y - @radio-group-border-width - @radio-active-underline-width);
-    border-bottom: @radio-active-underline-width solid var(--rs-radio-checker-border-color);
-
-    .high-contrast-mode({
-      transition: none;
-    });
-
-    &:hover,
-    &:active {
-      color: var(--rs-text-active);
-      background: none;
-    }
-  }
-
-  .rs-radio-checked .rs-radio-checker > label {
-    --rs-radio-checker-label-color: var(--rs-text-active);
-    --rs-radio-checker-border-color: var(--rs-text-active);
-  }
-
-  .rs-radio-disabled .rs-radio-checker {
-    opacity: 0.3;
-    cursor: not-allowed;
-  }
-
-  .rs-radio-disabled:not(.rs-radio-checked) .rs-radio-checker > label {
-    color: var(--rs-text-secondary);
-  }
-}

package/RadioTile/styles/index.less

@@ -1,79 +0,0 @@
-@import '../../styles/common';
-
-.rs-radio-tile {
-  --rs-radio-tile-border-radius: var(--rs-radius-md);
-  --rs-radio-tile-padding: calc(var(--rs-spacing) * 2.5);
-  --rs-radio-tile-mark-size: 48px;
-  --rs-radio-tile-spacing: calc(var(--rs-spacing) * 1.5);
-
-  border-radius: var(--rs-radio-tile-border-radius);
-  overflow: hidden;
-  border: 2px solid var(--rs-radio-tile-border);
-  padding: var(--rs-radio-tile-padding);
-  position: relative;
-  cursor: pointer;
-  display: flex;
-  gap: var(--rs-radio-tile-spacing);
-  align-items: center;
-
-  &-label {
-    font-weight: bold;
-  }
-
-  &-content {
-    color: var(--rs-text-secondary);
-  }
-
-  &-mark {
-    background: var(--rs-radio-tile-checked-color);
-    border-bottom-left-radius: 50%;
-    height: var(--rs-radio-tile-mark-size);
-    width: var(--rs-radio-tile-mark-size);
-    position: absolute;
-    inset-inline-end: calc(var(--rs-radio-tile-mark-size) / -2);
-    top: calc(var(--rs-radio-tile-mark-size) / -2);
-    z-index: 3;
-    opacity: 0;
-
-    &-icon {
-      position: absolute;
-      font-size: var(--rs-font-size-md);
-      top: 25px;
-      inset-inline-start: 7px;
-      color: var(--rs-radio-tile-checked-mark-color);
-    }
-  }
-
-  &-checked &-mark {
-    opacity: 1;
-  }
-
-  &-checked&-disabled {
-    border-color: var(--rs-radio-tile-checked-disabled-color);
-  }
-  &-checked&-disabled &-mark {
-    background-color: var(--rs-radio-tile-checked-disabled-color);
-  }
-
-  &-checked,
-  &:hover:not(&-disabled) {
-    border: 2px solid var(--rs-radio-tile-checked-color);
-  }
-
-  &-disabled,
-  &-disabled &-content {
-    color: var(--rs-text-disabled);
-    cursor: @cursor-disabled;
-  }
-
-  input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    position: absolute;
-  }
-
-  &-icon {
-    font-size: var(--rs-radio-tile-icon-size);
-  }
-}

package/RadioTileGroup/styles/index.less

@@ -1 +0,0 @@
-//

package/RangeSlider/styles/index.less

@@ -1,4 +0,0 @@
-@import '../../Slider/styles/index.less';
-
-// RangeSlider completely depends on the style of Slider.
-// If new styles are added, they need to be introduced here and introduced in src/styles/index.less.

package/Rate/styles/index.less

@@ -1,139 +0,0 @@
-@import '../../styles/common';
-
-// Rate
-// ----------------------
-
-.rs-rate {
-  --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-color);
-  font-size: var(--rs-rate-size);
-  list-style: none;
-  vertical-align: middle;
-  margin: 0;
-  padding: 0;
-  gap: calc(var(--rs-spacing) * 2);
-
-  &-character {
-    position: relative;
-    cursor: pointer;
-    outline: none;
-    user-select: none;
-    width: max-content;
-    height: max-content;
-
-    &-before {
-      position: absolute;
-      width: var(--rs-rate-before-size);
-      height: 100%;
-      overflow: hidden;
-      opacity: 0;
-    }
-
-    &-after {
-      color: var(--rs-rate-symbol);
-      filter: grayscale(1);
-
-      .high-contrast-mode({
-        > .rs-icon {
-          fill: none;
-          stroke: currentColor;
-        }
-      });
-    }
-
-    &-before,
-    &-after {
-      display: flex;
-      z-index: @zindex-rate-character-before;
-
-      > .rs-icon {
-        font-size: inherit;
-      }
-    }
-
-    &:where([data-status='half']) &-before,
-    &:where([data-status='frac']) &-before {
-      opacity: 1;
-      filter: none;
-    }
-
-    &:where([data-status='full']) &-after {
-      color: inherit;
-      filter: none;
-
-      > .rs-icon {
-        fill: currentColor;
-      }
-    }
-
-    &-vertical {
-      width: 100%;
-      height: var(--rs-rate-before-size);
-      flex-direction: column-reverse;
-      bottom: 0;
-    }
-
-    .rs-icon,
-    svg {
-      height: 1em;
-      width: 1em;
-    }
-
-    &-before {
-      .rs-icon,
-      svg {
-        position: absolute;
-      }
-    }
-  }
-
-  &-character {
-    &:hover {
-      transform: scale(1.1);
-    }
-
-    &:active {
-      transform: scale(1);
-    }
-  }
-
-  &:where([data-disabled='true']) {
-    cursor: @cursor-disabled;
-    opacity: 0.5;
-    outline: none;
-  }
-
-  &:where([data-disabled='true']) &-character {
-    pointer-events: none;
-  }
-
-  &:where([data-readonly='true']) &-character {
-    cursor: default;
-    pointer-events: none;
-  }
-
-  // Size variants
-  @sizes: xl, lg, md, sm, xs;
-
-  each(@sizes, .(@size) {
-    &&-@{size} {
-      --rs-rate-size: var(~'--rs-rate-size-@{size}');
-    }
-  });
-
-  // Color variants
-  each(@spectrum, .(@color) {
-    &&-@{color} {
-      --rs-rate-color: var(~'--rs-@{color}-500');
-    }
-  });
-}

package/Row/styles/index.less

@@ -1,2 +0,0 @@
-// Col styles are included in Grid component
-// --------------------------------------------------

package/SelectPicker/styles/index.less

@@ -1,47 +0,0 @@
-@import '../../styles/common';
-@import '../../styles/mixins/listbox';
-@import '../../internals/Picker/styles/index.less';
-
-// Select Picker
-// ----------------------
-
-// Menu Items (the listbox)
-.rs-picker-select-menu-items {
-  .picker-listbox-reset();
-  .picker-menu-group-common(picker);
-  .picker-menu-group-title(picker);
-  .picker-menu-group-closed(picker);
-
-  .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
-    padding-inline-start: 26px;
-  }
-}
-
-// Menu item (the option)
-.rs-picker-select-menu-item {
-  .listbox-option();
-
-  &:hover,
-  &:focus,
-  &&-focus {
-    .listbox-option-active();
-  }
-
-  &&-active {
-    .picker-item-active();
-
-    color: var(--rs-listbox-option-selected-text);
-    background-color: var(--rs-listbox-option-selected-bg);
-  }
-
-  &&-disabled {
-    color: var(--rs-listbox-option-disabled-text);
-    background: none;
-    cursor: @cursor-disabled;
-  }
-
-  .grouped &,
-  .rs-picker-select-menu-group-children & {
-    padding-inline-start: @picker-group-children-padding-left;
-  }
-}