rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/Modal/styles/index.less

@@ -1,189 +0,0 @@
-@import '../../styles/common.less';
-
-//
-// Modals
-// Figma: https://www.figma.com/file/uEq9QBplcKUYZrcWWA3RK2/NXT-UI?node-id=0%3A1348&t=H5h3Dd3AnJVgbAbz-4
-// --------------------------------------------------
-
-// Container that the modal scrolls within
-.rs-modal {
-  --rs-modal-shadow: var(--rs-shadow-lg);
-  --rs-modal-margin-top: 4rem;
-  --rs-modal-title-font-size: var(--rs-font-size-lg);
-  --rs-modal-title-line-height: var(--rs-text-line-height-lg);
-  --rs-modal-body-padding: calc(var(--rs-spacing) * 5);
-  --rs-modal-content-padding: calc(var(--rs-spacing) * 5);
-  --rs-modal-btn-close-spacing: calc(var(--rs-spacing) * 5);
-  --rs-modal-footer-gap: calc(var(--rs-spacing) * 2.5);
-  --rs-modal-size-xs: @modal-xs;
-  --rs-modal-size-sm: @modal-sm;
-  --rs-modal-size-md: @modal-md;
-  --rs-modal-size-lg: @modal-lg;
-  --rs-modal-max-width: 100%;
-  --rs-modal-padding-inline: calc(var(--rs-spacing) * 5);
-
-  display: none;
-  overflow: visible;
-  // Prevent Chrome on Windows from adding a focus outline. For details, see
-  // https://github.com/twbs/bootstrap/pull/10951.
-  outline: 0;
-  margin: var(--rs-modal-margin-top) auto 0 auto;
-  position: relative;
-  width: var(--rs-modal-size, auto);
-  max-width: var(--rs-modal-max-width);
-  padding-inline: var(--rs-modal-padding-inline);
-  z-index: @zindex-modal;
-
-  // Size variants
-  @sizes: lg, md, sm, xs;
-
-  each(@sizes, .(@size) {
-    &&-@{size} {
-      --rs-modal-size: var(~'--rs-modal-size-@{size}');
-    }
-  });
-
-  &&-full {
-    --rs-modal-padding-inline: 0;
-
-    margin: 0;
-    height: 100%;
-
-    .rs-modal-dialog {
-      position: absolute;
-      height: 100%;
-      width: 100%;
-      border-radius: var(--rs-radius-none);
-      display: flex;
-      flex-direction: column;
-
-      .rs-modal-header {
-        flex: 0 0 auto;
-      }
-
-      .rs-modal-body {
-        flex: 1 1 auto;
-        overflow: auto;
-      }
-
-      .rs-modal-footer {
-        flex: 0 0 auto;
-      }
-    }
-  }
-
-  // Actual modal
-  .rs-modal-dialog {
-    position: relative;
-    background-color: var(--rs-bg-overlay);
-    border: var(--rs-modal-border, none);
-    border-radius: var(--rs-radius-md);
-    // Remove focus outline from opened modal
-    outline: 0;
-    box-shadow: var(--rs-modal-shadow);
-    padding: var(--rs-modal-content-padding);
-    overflow: auto;
-  }
-
-  // Modal header
-  // Top section of the modal w/ title and dismiss
-  .rs-modal-header {
-    .clearfix();
-
-    padding-inline-end: @line-height-computed;
-
-    .rs-modal-header-close {
-      position: absolute;
-      padding: 0;
-      top: var(--rs-modal-btn-close-spacing);
-      inset-inline-end: var(--rs-modal-btn-close-spacing);
-    }
-  }
-
-  .rs-modal-title {
-    font-weight: normal;
-    font-size: var(--rs-modal-title-font-size);
-    line-height: var(--rs-modal-title-line-height);
-    width: 100%;
-    display: block;
-    color: var(--rs-text-heading);
-    margin: 0;
-    .ellipsis();
-  }
-
-  // Modal body
-  // Where all modal content resides (sibling of .modal-header and .modal-footer)
-  .rs-modal-body {
-    position: relative;
-
-    margin-top: var(--rs-modal-body-padding);
-    // Make sure input error message don't overflow.
-    padding-bottom: var(--rs-modal-body-padding);
-  }
-
-  // Footer (for actions)
-  .rs-modal-footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: var(--rs-modal-footer-gap);
-  }
-}
-
-// Modal background
-.rs-modal-backdrop {
-  position: fixed;
-  top: 0;
-  inset-inline-start: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: @zindex-modal - 1;
-  background-color: var(--rs-bg-backdrop);
-
-  // Fade for backdrop
-  &.rs-anim-fade {
-    opacity: 0;
-    transition: opacity 0.3s ease-in;
-  }
-
-  &.rs-anim-in {
-    opacity: 1;
-  }
-}
-
-// Kill the scroll on the body
-.rs-modal-open {
-  overflow: hidden;
-}
-
-.rs-modal-wrapper {
-  position: fixed;
-  overflow: auto;
-  z-index: @zindex-modal;
-  top: 0;
-  inset-inline-start: 0;
-  width: 100%;
-  height: 100%;
-
-  &.rs-modal-centered {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    .rs-modal {
-      margin: auto;
-    }
-  }
-}
-
-.rs-modal-shake .rs-modal-dialog {
-  animation: 0.3s linear shakeHead;
-}
-
-// Measure scrollbar width for padding body during modal show/hide
-.rs-modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}

package/MultiCascadeTree/styles/index.less

@@ -1,46 +0,0 @@
-@import '../../styles/common.less';
-@import '../../CascadeTree/styles/index.less';
-@import '../../internals/Picker/styles/index.less';
-@import '../../Checkbox/styles/index.less';
-
-// MultiCascadeTree
-// ----------------------
-
-.rs-cascade-tree {
-  &-items {
-    --rs-check-item-padding-inline: calc(var(--rs-spacing) * 3);
-    --rs-check-item-padding-block: calc(var(--rs-spacing) * 2);
-  }
-
-  &-items .rs-checkbox-label {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--rs-spacing);
-    flex: 1 1 auto;
-  }
-
-  &-items .rs-check-item.rs-check-item-focus,
-  &-items .rs-check-item.rs-checkbox-checked {
-    .rs-checkbox-checker > label {
-      font-weight: bold;
-    }
-  }
-
-  &-column&-column-uncheckable {
-    .rs-check-item .rs-checkbox-checker > label {
-      padding-inline-start: @picker-item-content-padding-horizontal;
-    }
-  }
-}
-.rs-cascade-tree-multi {
-  .rs-cascade-search-view-row {
-    padding-inline-start: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .rs-cascade-search-view-col {
-    padding: 0;
-  }
-}

package/MultiCascader/styles/index.less

@@ -1,15 +0,0 @@
-@import '../../styles/common.less';
-@import '../../MultiCascadeTree/styles/index.less';
-@import '../../internals/Picker/styles/index.less';
-
-.rs-picker-popup-multi-cascader {
-  .rs-cascade-search-view-row {
-    padding-inline-start: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-
-  .rs-cascade-search-view-col {
-    padding: 0;
-  }
-}

package/Nav/styles/index.less

@@ -1,366 +0,0 @@
-@import '../../styles/common';
-@import '../../internals/Ripple/styles/mixins';
-@import '../../Dropdown/styles/index';
-
-//
-// Navs
-// --------------------------------------------------
-
-// Base class
-// --------------------------------------------------
-.rs-nav {
-  --rs-nav-caret-font-size: var(--rs-font-size-md);
-  --rs-navs-pills-item-shadow: var(--rs-shadow-sm);
-
-  position: relative;
-  outline: 0;
-
-  // Rest dropdown height
-  .rs-dropdown > .rs-dropdown-toggle {
-    height: 36px;
-    vertical-align: bottom;
-  }
-
-  // Ripple
-  .rs-nav-default &-item,
-  .rs-nav-tabs &-item {
-    .with-ripple();
-
-    transition: @nav-item-transition;
-  }
-}
-
-// Nav item
-.rs-nav-item {
-  padding: 8px 12px;
-  cursor: pointer;
-  color: var(--rs-navs-text);
-  font-size: var(--rs-font-size-sm);
-  background: transparent;
-  transition: @nav-item-transition;
-  .ellipsis-basic();
-  .safari-border-radius-overflow-hidden();
-
-  outline: none;
-  .reset-link-text-decoration(none);
-
-  .high-contrast-mode({
-    transition: none;
-  });
-
-  &:hover,
-  &:focus,
-  &&-focus {
-    color: var(--rs-navs-text-hover);
-
-    .high-contrast-mode({
-      text-decoration: underline;
-    });
-  }
-
-  &:focus-visible {
-    .focus-ring(slim);
-
-    z-index: 2;
-  }
-
-  &:active {
-    color: var(--rs-navs-text-active);
-
-    .high-contrast-mode({
-      text-decoration: underline;
-    });
-  }
-
-  &.rs-nav-item-disabled {
-    cursor: not-allowed;
-    pointer-events: none;
-    color: var(--rs-text-disabled);
-  }
-
-  &.rs-nav-item-active {
-    position: relative;
-    color: var(--rs-navs-selected);
-    z-index: 1;
-
-    .high-contrast-mode({
-      text-decoration: underline;
-    });
-  }
-
-  &-icon {
-    margin-inline-end: 6px;
-  }
-
-  &-caret {
-    font-size: var(--rs-nav-caret-font-size);
-    vertical-align: text-bottom;
-    margin-inline-start: 6px;
-  }
-}
-
-// Orientations
-.rs-nav-horizontal {
-  white-space: nowrap;
-
-  > .rs-nav-item {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
-  }
-
-  // Waterline
-  .rs-nav-bar {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-
-    // ** Reversed
-    .rs-nav-reversed& {
-      bottom: auto;
-      top: 0;
-    }
-  }
-}
-
-.rs-nav-vertical {
-  > .rs-nav-item {
-    display: flex;
-    align-items: center;
-  }
-
-  > .rs-dropdown {
-    width: 100%;
-
-    > .rs-dropdown-toggle {
-      width: 100%;
-      text-align: start;
-      z-index: 0;
-    }
-  }
-
-  // Waterline
-  .rs-nav-bar {
-    display: block;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    inset-inline-end: 0;
-
-    .rs-nav-reversed& {
-      inset-inline-end: auto;
-    }
-  }
-}
-
-// Alternate Navs
-// --------------------------------------------------
-
-// Default Nav
-.rs-nav-default {
-  .rs-nav-item {
-    border-radius: var(--rs-radius-md);
-
-    &:hover {
-      background: var(--rs-navs-bg-hover);
-    }
-  }
-}
-
-// Tab Nav
-.rs-nav-tabs {
-  .rs-nav-item {
-    &:hover,
-    &:focus {
-      background: var(--rs-navs-bg-hover);
-    }
-
-    &.rs-nav-item-active {
-      border: 1px solid var(--rs-navs-tab-border);
-      background-color: var(--rs-bg-card);
-      z-index: 1;
-    }
-  }
-
-  // Horizontal
-  &.rs-nav-horizontal {
-    //Nav content
-    > .rs-nav-item,
-    > .rs-dropdown .rs-dropdown-toggle {
-      border-top-left-radius: var(--rs-radius-md);
-      border-top-right-radius: var(--rs-radius-md);
-
-      .rs-nav-reversed& {
-        border-top-left-radius: var(--rs-radius-none);
-        border-top-right-radius: var(--rs-radius-none);
-        border-bottom-left-radius: var(--rs-radius-md);
-        border-bottom-right-radius: var(--rs-radius-md);
-      }
-    }
-
-    // ** Waterline
-    .rs-nav-bar {
-      border-top: 1px solid var(--rs-navs-tab-border);
-    }
-
-    // ** Active
-    .rs-nav-item.rs-nav-item-active {
-      border-bottom-width: 0;
-
-      // Reversed
-      .rs-nav-reversed& {
-        border-bottom-width: 1px;
-        border-top-width: 0;
-      }
-    }
-  }
-
-  // Vertical
-  &.rs-nav-vertical {
-    //Nav content
-    > .rs-nav-item,
-    > .rs-dropdown .rs-dropdown-toggle {
-      border-top-left-radius: var(--rs-radius-md);
-      border-bottom-left-radius: var(--rs-radius-md);
-
-      .rs-nav-reversed& {
-        border-top-left-radius: var(--rs-radius-none);
-        border-bottom-left-radius: var(--rs-radius-none);
-        border-top-right-radius: var(--rs-radius-md);
-        border-bottom-right-radius: var(--rs-radius-md);
-      }
-    }
-
-    // ** Waterline
-    .rs-nav-bar {
-      width: 1px;
-      background: var(--rs-navs-tab-border);
-    }
-
-    // ** Active
-    .rs-nav-item.rs-nav-item-active {
-      border-right-width: 0;
-
-      // Reversed
-      .rs-nav-reversed& {
-        border-right-width: 1px;
-        border-left-width: 0;
-      }
-    }
-  }
-}
-
-// Subtle Nav
-.rs-nav-subtle {
-  .rs-nav-item {
-    position: relative;
-
-    &:hover,
-    &:focus {
-      color: var(--rs-navs-selected);
-    }
-
-    &.rs-nav-item-active::before {
-      content: '';
-      position: absolute;
-      background-color: var(--rs-navs-selected);
-      display: block;
-      z-index: 1;
-    }
-  }
-
-  // Horizontal
-  &.rs-nav-horizontal {
-    //Waterline
-    .rs-nav-bar {
-      border-top: 2px solid var(--rs-navs-subtle-border);
-    }
-
-    // Active item
-    .rs-nav-item.rs-nav-item-active::before {
-      bottom: 0;
-      inset-inline-start: 0;
-      inset-inline-end: 0;
-      height: 2px;
-      // Reversed
-      .rs-nav-reversed& {
-        bottom: auto;
-        top: 0;
-      }
-    }
-  }
-
-  // Vertical
-  &.rs-nav-vertical {
-    // Waterline
-    .rs-nav-bar {
-      width: 2px;
-      background: var(--rs-navs-subtle-border);
-    }
-
-    // Active item
-    .rs-nav-item.rs-nav-item-active::before {
-      inset-inline-end: 0;
-      top: 0;
-      bottom: 0;
-      width: 2px;
-      // Reversed
-      .rs-nav-reversed& {
-        inset-inline-end: auto;
-        inset-inline-start: 0;
-      }
-    }
-  }
-}
-
-// Pills Nav
-.rs-nav-pills {
-  display: inline-flex;
-  background-color: var(--rs-navs-pills-bg);
-  border-radius: var(--rs-radius-md);
-  padding: 4px;
-  width: max-content;
-
-  .rs-nav-item {
-    border-radius: var(--rs-radius-md);
-    position: relative;
-    padding: 4px 12px;
-    color: var(--rs-navs-pills-item-color);
-
-    &-active {
-      background-color: var(--rs-navs-pills-item-active-bg);
-      color: var(--rs-navs-pills-item-active-color);
-      box-shadow: var(--rs-navs-pills-item-shadow);
-    }
-
-    &-disabled {
-      color: var(--rs-navs-pills-item-disabled-color);
-    }
-  }
-
-  &.rs-nav-vertical {
-    flex-direction: column;
-
-    .rs-nav-item {
-      padding: 6px 12px;
-      justify-content: center;
-    }
-  }
-}
-
-// Justified
-.rs-nav-justified {
-  display: flex;
-  width: 100%;
-
-  > .rs-nav-item,
-  > .rs-dropdown {
-    flex: 1 1 1%;
-  }
-
-  > .rs-dropdown .rs-dropdown-toggle {
-    width: 100%;
-    text-align: start;
-  }
-}