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

package/Navbar/styles/index.less

@@ -1,236 +0,0 @@
-@import '../../styles/common';
-@import '../../Dropdown/styles/index';
-@import '../../internals/Ripple/styles/index';
-
-// NavBar
-// --------------------------------------------------
-
-.rs-navbar {
-  --rs-navbar-padding-y: calc(var(--rs-spacing) * 2.5);
-  --rs-navbar-padding-x: calc(var(--rs-spacing) * 4);
-  --rs-navbar-gap: calc(var(--rs-spacing) * 4);
-  --rs-navbar-icon-font-size: var(--rs-font-size-md);
-  --rs-navbar-caret-font-size: var(--rs-font-size-md);
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-inline: var(--rs-navbar-padding-x);
-  padding-block: var(--rs-navbar-padding-y);
-  gap: var(--rs-navbar-gap);
-
-  .rs-input,
-  .rs-input-group {
-    width: auto;
-  }
-}
-
-.rs-navbar-content {
-  display: flex;
-  align-items: center;
-  gap: var(--rs-navbar-gap);
-}
-
-.rs-navbar-brand {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--rs-spacing) * 1.5);
-}
-
-// Common
-.rs-navbar-nav {
-  display: flex;
-
-  &.rs-nav-vertical {
-    flex-direction: column;
-  }
-
-  &:focus {
-    .rs-navbar-item:focus-visible,
-    .rs-navbar-item.rs-navbar-item-focus,
-    .rs-dropdown .rs-dropdown-toggle:focus-visible,
-    .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-      z-index: 1;
-
-      .focus-ring();
-
-      .high-contrast-mode({
-        .focus-ring(slim-inset);
-      });
-    }
-  }
-}
-
-// Nav item content
-.rs-navbar-item {
-  // Reset padding
-  padding: @navbar-item-padding-y @navbar-item-padding-x;
-  border-radius: var(--rs-radius-md);
-  color: inherit;
-  background-color: transparent;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-
-  &-icon {
-    font-size: var(--rs-navbar-icon-font-size);
-    margin-inline-end: 5px;
-  }
-
-  &-caret {
-    font-size: var(--rs-navbar-caret-font-size);
-    margin-inline-start: 6px;
-  }
-}
-
-// Focus style
-.rs-navbar-brand,
-.rs-navbar-item,
-.rs-navbar-nav > .rs-dropdown-item {
-  &,
-  &:hover,
-  &:focus,
-  &:active {
-    text-decoration: none;
-  }
-
-  &:focus-visible {
-    // Navbar is usually placed by the top edge of the page
-    // thus use an inset focus ring to prevent overflow clipping
-    .focus-ring(inset);
-
-    .high-contrast-mode({
-      .focus-ring(slim-inset);
-    });
-
-    z-index: 2;
-  }
-}
-
-.rs-navbar-item,
-.rs-navbar-nav > .rs-dropdown {
-  margin: 0 !important;
-}
-
-.rs-navbar-item.rs-navbar-item-active {
-  .high-contrast-mode({
-    text-decoration: underline;
-  });
-}
-
-// Dropdown
-.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
-  &:extend(.rs-navbar-item);
-
-  &:focus,
-  &:focus-visible {
-    &:extend(.rs-navbar-item:focus-visible);
-  }
-
-  padding-inline-end: @navbar-item-padding-x+ @dropdown-caret-width+ @dropdown-caret-padding;
-
-  .high-contrast-mode({
-    border: none;
-
-    &:focus-visible {
-      .focus-ring(slim-inset);
-    }
-  });
-
-  .rs-dropdown-toggle-caret {
-    top: @navbar-item-padding-y;
-    inset-inline-end: @navbar-item-padding-x;
-  }
-}
-
-.rs-navbar .rs-dropdown-item {
-  &:hover {
-    .menuitem-active();
-  }
-}
-
-// Default Navbar
-.rs-navbar-default {
-  background-color: var(--rs-navbar-default-bg);
-  color: var(--rs-navbar-default-text);
-
-  .rs-navbar-item:hover,
-  .rs-dropdown .rs-dropdown-toggle:hover,
-  .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle {
-    background-color: var(--rs-navbar-default-hover-bg);
-    color: var(--rs-navbar-default-hover-text);
-  }
-
-  .rs-navbar-item.rs-navbar-item-active,
-  .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-    color: var(--rs-navbar-default-selected-text);
-  }
-}
-
-// Inverse Navbar
-.rs-navbar-inverse {
-  background-color: var(--rs-navbar-inverse-bg);
-  color: var(--rs-navbar-inverse-text);
-
-  .rs-navbar-item,
-  .rs-dropdown .rs-dropdown-toggle {
-    &:hover,
-    &:focus {
-      background-color: var(--rs-navbar-inverse-hover-bg);
-      color: var(--rs-navbar-inverse-hover-text);
-    }
-  }
-
-  // Active
-  .rs-navbar-item.rs-navbar-item-active,
-  .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-    background-color: var(--rs-navbar-inverse-selected-bg);
-
-    .high-contrast-mode({
-      color: var(--rs-navbar-inverse-selected-text);
-    });
-  }
-
-  .rs-navbar-brand,
-  .rs-text {
-    color: var(--rs-navbar-inverse-text);
-  }
-}
-
-// Subtle Navbar
-.rs-navbar-subtle {
-  background-color: transparent;
-  color: var(--rs-navbar-subtle-text);
-
-  .rs-navbar-item,
-  .rs-dropdown .rs-dropdown-toggle {
-    &:hover,
-    &:focus {
-      background-color: var(--rs-navbar-subtle-hover-bg);
-      color: var(--rs-navbar-subtle-hover-text);
-    }
-  }
-
-  // Active
-  .rs-navbar-item.rs-navbar-item-active,
-  .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle {
-    color: var(--rs-navbar-subtle-selected-text);
-  }
-}
-
-.rs-navbar-drawer {
-  --rs-drawer-body-padding: 16px;
-
-  .rs-drawer-body {
-    padding: var(--rs-drawer-body-padding);
-  }
-}
-
-.rs-mega-menu {
-  display: inline-flex;
-  gap: calc(var(--rs-spacing) * 1.5);
-}
-.rs-mega-menu-toggle-icon {
-  font-size: var(--rs-navbar-caret-font-size);
-}

package/Notification/styles/index.less

@@ -1,114 +0,0 @@
-@import '../../styles/common.less';
-@import '../../toaster/styles/animation.less';
-
-//
-// Notifications
-// --------------------------------------------------
-
-// Base styles
-// -------------------------
-.rs-notification {
-  --rs-notify-padding: 1.25rem;
-  --rs-notify-max-width: 400px;
-  --rs-notify-spacing: calc(var(--rs-spacing) * 2.5);
-  --rs-notify-border-radius: var(--rs-radius-md);
-  --rs-notify-box-shadow: var(--rs-shadow-md);
-  --rs-notify-title-font-size: var(--rs-font-size-md);
-  --rs-notify-line-height: var(--rs-text-line-height-md);
-  --rs-notify-icon-size: 24px;
-
-  // Recovery mouse event.
-  pointer-events: auto;
-  animation-fill-mode: forwards;
-  position: relative;
-  flex: 0 0 auto;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--rs-notify-spacing);
-
-  border-radius: var(--rs-notify-border-radius);
-  background: var(--rs-bg-overlay);
-  box-shadow: var(--rs-notify-box-shadow);
-  padding: var(--rs-notify-padding);
-  overflow: hidden;
-
-  &:has(.rs-notification-header) {
-    align-items: flex-start;
-  }
-
-  // Multiple notification should have spacing
-  // Hiding notification haven't spacing.
-  &:not(.@{toast-ns}-fade-exited) ~ .rs-notification {
-    margin-top: var(--rs-notify-spacing);
-  }
-
-  .high-contrast-mode({
-    border: 1px solid var(--rs-border-primary);
-  });
-
-  // Notification content
-  &-content {
-    max-width: var(--rs-notify-max-width);
-    flex: 1;
-  }
-
-  // Title
-  &-header {
-    .ellipsis();
-
-    color: var(--rs-text-heading);
-    font-size: var(--rs-notify-title-font-size);
-    line-height: var(--rs-notify-line-height);
-
-    > p {
-      margin: 0;
-    }
-  }
-
-  &-icon {
-    display: flex;
-    align-items: center;
-
-    .rs-icon {
-      font-size: var(--rs-notify-icon-size);
-      width: var(--rs-notify-icon-size);
-      line-height: 1;
-      color: var(--rs-notify-icon-color);
-
-      &::before {
-        vertical-align: middle;
-      }
-    }
-  }
-
-  // Description
-  &-description {
-    color: var(--rs-text-primary);
-  }
-
-  // Has header and description need to ajust distance
-  &-header + &-description {
-    margin-top: @notify-title-description-gap;
-  }
-
-  &&-hiding {
-    animation: notificationMoveOut 0.3s ease-in forwards;
-
-    & ~ .rs-notification {
-      margin-top: 0;
-    }
-  }
-
-  .rs-btn-close {
-    padding: 0;
-  }
-}
-
-// Types
-@types: success, info, warning, error;
-
-each(@types, .(@type) {
-  .rs-notification-@{type} {
-    --rs-notify-icon-color: var(~'--rs-state-@{type}');
-  }
-});

package/NumberInput/styles/index.less

@@ -1,74 +0,0 @@
-@import '../../styles/common.less';
-@import '../../Input/styles/index.less';
-@import '../../InputGroup/styles/index.less';
-@import './mixin.less';
-
-.rs-number-input {
-  --rs-number-input-touchspin-font-size: var(--rs-font-size-xs);
-  --rs-number-input-touchspin-height-xs: calc(calc(@input-height-extra-small - 2px) / 2);
-  --rs-number-input-touchspin-height-sm: calc(calc(@input-height-small - 2px) / 2);
-  --rs-number-input-touchspin-height-md: calc(calc(@input-height-base - 2px) / 2);
-  --rs-number-input-touchspin-height-lg: calc(calc(@input-height-large - 2px) / 2);
-
-  &.rs-input-group {
-    width: auto;
-  }
-
-  @sizes: xs, sm, md, lg;
-
-  each(@sizes, .(@size, @index) {
-    &.rs-input-group-@{size} {
-      @offset: (@index - 1) * 2px;
-
-      --rs-number-input-touchspin-height: var(~'--rs-number-input-touchspin-height-@{size}');
-      --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - @offset);
-    }
-  });
-
-  &-btn-group-vertical {
-    border-left: 1px solid var(--rs-border-secondary);
-    position: relative;
-    width: 20px;
-    flex: 0 0 20px;
-    display: block;
-
-    & > .rs-btn {
-      display: block;
-      float: none;
-      width: 100%;
-      max-width: 100%;
-      position: relative;
-      border: none;
-    }
-  }
-
-  .rs-number-input-touchspin-up,
-  .rs-number-input-touchspin-down {
-    position: relative;
-    border-radius: var(--rs-radius-none);
-    padding: 0;
-    box-shadow: none !important;
-    height: var(--rs-number-input-touchspin-height);
-
-    > .rs-icon {
-      width: 100%;
-      font-size: var(--rs-number-input-touchspin-font-size);
-      color: var(--rs-text-secondary);
-      height: var(--rs-number-input-icon-height);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-
-  // Reset Input Number styling
-  // Reference https://stackoverflow.com/questions/26024771/styling-a-input-type-number#answer-40189766
-  input[type='number'] {
-    appearance: textfield;
-
-    &::-webkit-inner-spin-button {
-      /* stylelint-disable */
-      -webkit-appearance: none;
-    }
-  }
-}

package/NumberInput/styles/mixin.less

@@ -1,11 +0,0 @@
-.input-touchspin(@size) {
-  @size-name: ~'input-height-@{size}';
-  @height: ((@@size-name - 2px) / 2);
-
-  height: @height;
-
-  > .rs-icon {
-    height: @height;
-    color: var(--rs-text-secondary);
-  }
-}

package/Pagination/styles/index.less

@@ -1,101 +0,0 @@
-@import '../../styles/common.less';
-@import '../../Button/styles/index.less';
-@import '../../Divider/styles/index.less';
-@import '../../SelectPicker/styles/index.less';
-@import './pagination-group.less';
-@import './mixin.less';
-
-//
-// Pagination (multiple pages)
-// --------------------------------------------------
-.rs-pagination {
-  display: inline-block;
-  padding-inline-start: 0;
-  margin-bottom: 0;
-  // Pagination Sizes
-  // --------------------------------------------------
-
-  &-lg {
-    .rs-pagination-btn {
-      min-width: 42px;
-
-      .rs-pagination-symbol {
-        height: @line-height-large-computed;
-      }
-
-      &-active {
-        .pagination-active-size(@padding-y-lg, @padding-x-lg);
-      }
-    }
-  }
-
-  &-md {
-    .rs-pagination-btn {
-      min-width: 36px;
-
-      &-active {
-        .pagination-active-size();
-      }
-    }
-  }
-
-  &-sm {
-    .rs-pagination-btn {
-      min-width: 30px;
-
-      &-active {
-        .pagination-active-size(@padding-y-sm, @padding-x-sm);
-      }
-    }
-  }
-
-  &-xs {
-    .rs-pagination-btn {
-      min-width: 24px;
-
-      &-active {
-        .pagination-active-size(@padding-y-xs, @padding-x-xs);
-      }
-    }
-  }
-}
-
-.rs-pagination-btn {
-  .rs-btn();
-  .rs-btn-subtle();
-  .button-size-sm();
-
-  margin: 0 2px;
-  position: relative;
-  float: inline-start; // Collapse white-space
-  text-decoration: none;
-  cursor: pointer;
-  user-select: none;
-  display: flex;
-  justify-content: center;
-
-  .rs-pagination-symbol {
-    display: flex;
-    align-items: center;
-    height: @line-height-computed;
-
-    [dir='rtl'] & {
-      transform: rotate(180deg);
-    }
-  }
-
-  .high-contrast-mode({
-    transition: none;
-    color: var(--rs-pagination-item-text);
-
-    &:hover,
-    &:focus-visible {
-      color: var(--rs-pagination-item-current-text);
-      text-decoration: underline;
-    }
-  });
-
-  &&-active {
-    .pagination-active();
-  }
-}

package/Pagination/styles/mixin.less

@@ -1,14 +0,0 @@
-@import '../../styles/mixins/color-modes';
-
-.pagination-active() {
-  .rs-btn-ghost();
-
-  .high-contrast-mode({
-    color: var(--rs-pagination-item-current-text);
-    text-decoration: underline;
-  });
-}
-
-.pagination-active-size(@padding-vertical:@padding-y, @padding-horizontal:@padding-x) {
-  padding: (@padding-vertical - 1) (@padding-horizontal - 1);
-}

package/Pagination/styles/pagination-group.less

@@ -1,31 +0,0 @@
-@import '../../styles/common';
-
-.rs-pagination-group {
-  --pagination-group-gap: calc(var(--rs-spacing) * 2.5);
-  display: flex;
-  align-items: center;
-  gap: var(--pagination-group-gap);
-
-  &-grow {
-    flex-grow: 1;
-  }
-
-  .rs-pagination {
-    vertical-align: middle;
-  }
-
-  &-limit {
-    position: relative;
-  }
-
-  &-skip {
-    vertical-align: middle;
-    display: inline-block;
-
-    .rs-input {
-      width: 46px;
-      margin: 0 5px;
-      display: inline-block;
-    }
-  }
-}

package/Panel/styles/index.less

@@ -1,121 +0,0 @@
-@import '../../styles/common.less';
-@import '../../Heading/styles/index.less';
-@import '../../internals/ScrollView/styles/index.less';
-
-//
-// Panel
-// --------------------------------------------------
-
-.rs-panel {
-  --rs-panel-header-font-size: var(--rs-font-size-md);
-  --rs-panel-header-line-height: var(--rs-text-line-height-md);
-  --rs-panel-padding: 1.25rem;
-  --rs-panel-border-radius: var(--rs-radius-md);
-  --rs-panel-btn-font-size: var(--rs-font-size-md);
-  --rs-panel-btn-padding: 0.625rem;
-  --rs-panel-shadow: var(--rs-shadow-md);
-
-  @import '../../Animation/styles/collapse.less';
-
-  border-radius: var(--rs-panel-border-radius);
-  overflow: hidden;
-
-  .rs-anim-collapse {
-    display: none;
-
-    &.rs-anim-in {
-      display: block;
-    }
-  }
-
-  &-bordered {
-    border: 1px solid var(--rs-border-primary);
-  }
-
-  &-shaded {
-    box-shadow: var(--rs-panel-shadow);
-  }
-
-  &-header,
-  &-body {
-    padding: var(--rs-panel-padding);
-  }
-
-  // When the width is set to full, reset the value of padding.
-  &-body-fill {
-    padding: 0 !important;
-  }
-
-  &-header {
-    color: var(--rs-text-heading);
-    font-size: var(--rs-panel-header-font-size);
-    line-height: var(--rs-panel-header-line-height);
-    font-weight: inherit;
-  }
-
-  &-btn {
-    width: 100%;
-    border: none;
-    background: none;
-    outline: transparent solid 2px;
-    display: flex;
-    align-items: center;
-    font-size: var(--rs-panel-btn-font-size);
-    padding: var(--rs-panel-btn-padding);
-    border-radius: var(--rs-panel-border-radius);
-
-    &:hover,
-    &:focus,
-    &:active {
-      background-color: var(--rs-btn-subtle-hover-bg);
-      color: var(--rs-btn-subtle-hover-text);
-      outline: transparent solid 2px;
-    }
-
-    &-icon {
-      transition: transform 0.2s ease 0s;
-    }
-    &[aria-expanded='true'] {
-      .rs-panel-btn-icon {
-        transform: rotate(180deg);
-      }
-    }
-
-    &[disabled] {
-      cursor: not-allowed;
-      color: var(--rs-text-disabled);
-      background-color: var(--rs-btn-subtle-disabled-bg);
-    }
-  }
-
-  &-title {
-    margin: 0;
-    flex: 1 1 0%;
-    text-align: start;
-    a {
-      color: inherit;
-
-      &:hover,
-      &:focus,
-      &:active {
-        text-decoration: none;
-      }
-    }
-  }
-
-  // Adjust the padding value when the head and body are combined.
-  &-header + &-body-collapse &-body,
-  &-header + &-body {
-    padding-top: 0;
-  }
-
-  // Collapsible panel header hover background
-  &-collapsible > &-header {
-    cursor: pointer;
-    transition:
-      background-color 0.3s linear,
-      border-radius 0.3s linear;
-    position: relative;
-    padding: calc(var(--rs-spacing) * 2.5);
-  }
-}