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

package/styles/colors/light.less

@@ -1,105 +0,0 @@
-@plugin '../plugins/palette';
-
-// Highlight levels
-@H050: palette(@primary-color, 50);
-@H100: palette(@primary-color, 100);
-@H200: palette(@primary-color, 200);
-@H300: palette(@primary-color, 300);
-@H400: palette(@primary-color, 400);
-@H500: @primary-color;
-@H600: palette(@primary-color, 600);
-@H700: palette(@primary-color, 700);
-@H800: palette(@primary-color, 800);
-@H900: palette(@primary-color, 900);
-
-// Gray levels
-@B000: #fff;
-@B050: #f7f7fa;
-@B100: #f2f2f5;
-@B200: #e5e5ea;
-@B300: #d9d9d9;
-@B400: #b6b7b8;
-@B500: #939393;
-@B600: #717273;
-@B700: #575757;
-@B800: #343434;
-@B900: #121212;
-
-// Secondary palette
-
-@red-50: palette(@red, 50);
-@red-100: palette(@red, 100);
-@red-200: palette(@red, 200);
-@red-300: palette(@red, 300);
-@red-400: palette(@red, 400);
-@red-500: @red;
-@red-600: palette(@red, 600);
-@red-700: palette(@red, 700);
-@red-800: palette(@red, 800);
-@red-900: palette(@red, 900);
-
-@orange-50: palette(@orange, 50);
-@orange-100: palette(@orange, 100);
-@orange-200: palette(@orange, 200);
-@orange-300: palette(@orange, 300);
-@orange-400: palette(@orange, 400);
-@orange-500: @orange;
-@orange-600: palette(@orange, 600);
-@orange-700: palette(@orange, 700);
-@orange-800: palette(@orange, 800);
-@orange-900: palette(@orange, 900);
-
-@yellow-50: palette(@yellow, 50);
-@yellow-100: palette(@yellow, 100);
-@yellow-200: palette(@yellow, 200);
-@yellow-300: palette(@yellow, 300);
-@yellow-400: palette(@yellow, 400);
-@yellow-500: @yellow;
-@yellow-600: palette(@yellow, 600);
-@yellow-700: palette(@yellow, 700);
-@yellow-800: palette(@yellow, 800);
-@yellow-900: palette(@yellow, 900);
-
-@green-50: palette(@green, 50);
-@green-100: palette(@green, 100);
-@green-200: palette(@green, 200);
-@green-300: palette(@green, 300);
-@green-400: palette(@green, 400);
-@green-500: @green;
-@green-600: palette(@green, 600);
-@green-700: palette(@green, 700);
-@green-800: palette(@green, 800);
-@green-900: palette(@green, 900);
-
-@cyan-50: palette(@cyan, 50);
-@cyan-100: palette(@cyan, 100);
-@cyan-200: palette(@cyan, 200);
-@cyan-300: palette(@cyan, 300);
-@cyan-400: palette(@cyan, 400);
-@cyan-500: @cyan;
-@cyan-600: palette(@cyan, 600);
-@cyan-700: palette(@cyan, 700);
-@cyan-800: palette(@cyan, 800);
-@cyan-900: palette(@cyan, 900);
-
-@blue-50: palette(@blue, 50);
-@blue-100: palette(@blue, 100);
-@blue-200: palette(@blue, 200);
-@blue-300: palette(@blue, 300);
-@blue-400: palette(@blue, 400);
-@blue-500: @blue;
-@blue-600: palette(@blue, 600);
-@blue-700: palette(@blue, 700);
-@blue-800: palette(@blue, 800);
-@blue-900: palette(@blue, 900);
-
-@violet-50: palette(@violet, 50);
-@violet-100: palette(@violet, 100);
-@violet-200: palette(@violet, 200);
-@violet-300: palette(@violet, 300);
-@violet-400: palette(@violet, 400);
-@violet-500: @violet;
-@violet-600: palette(@violet, 600);
-@violet-700: palette(@violet, 700);
-@violet-800: palette(@violet, 800);
-@violet-900: palette(@violet, 900);

package/styles/common.less

@@ -1,13 +0,0 @@
-// Mixins
-@import 'mixins/color-modes.less';
-@import 'mixins/hacks.less';
-@import 'mixins/utilities.less';
-
-//  Variables
-@import 'variables.less';
-
-// Normalize
-@import 'normalize.less';
-
-// Root
-@import 'root.less';

package/styles/index.less

@@ -1,106 +0,0 @@
-@import 'common';
-
-// Components
-@import '../Animation/styles/index';
-@import '../AutoComplete/styles/index';
-@import '../Avatar/styles/index';
-@import '../AvatarGroup/styles/index';
-@import '../Badge/styles/index';
-@import '../Breadcrumb/styles/index';
-@import '../Button/styles/index';
-@import '../ButtonGroup/styles/index';
-@import '../ButtonToolbar/styles/index';
-@import '../Calendar/styles/index';
-@import '../Card/styles/index';
-@import '../CardGroup/styles/index';
-@import '../Carousel/styles/index';
-@import '../Cascader/styles/index';
-@import '../CascadeTree/styles/index';
-@import '../Center/styles/index';
-@import '../Checkbox/styles/index';
-@import '../CheckboxGroup/styles/index';
-@import '../CheckPicker/styles/index';
-@import '../CheckTreePicker/styles/index';
-@import '../Container/styles/index';
-@import '../Content/styles/index';
-@import '../DatePicker/styles/index';
-@import '../DateRangePicker/styles/index';
-@import '../Divider/styles/index';
-@import '../Drawer/styles/index';
-@import '../Dropdown/styles/index';
-@import '../FlexboxGrid/styles/index';
-@import '../Footer/styles/index';
-@import '../Form/styles/index';
-@import '../FormStack/styles/index';
-@import '../FormGroup/styles/index';
-@import '../FormControl/styles/index';
-@import '../FormControlLabel/styles/index';
-@import '../FormErrorMessage/styles/index';
-@import '../FormHelpText/styles/index';
-@import '../Grid/styles/index';
-@import '../Header/styles/index';
-@import '../IconButton/styles/index';
-@import '../Image/styles/index';
-@import '../Input/styles/index';
-@import '../InputGroup/styles/index';
-@import '../NumberInput/styles/index';
-@import '../InputPicker/styles/index';
-@import '../Textarea/styles/index';
-@import '../InlineEdit/styles/index';
-@import '../Kbd/styles/index';
-@import '../Link/styles/index';
-@import '../List/styles/index';
-@import '../Loader/styles/index';
-@import '../Menu/styles/index';
-@import '../Message/styles/index';
-@import '../Modal/styles/index';
-@import '../MultiCascadeTree/styles/index';
-@import '../MultiCascader/styles/index';
-@import '../Nav/styles/index';
-@import '../Navbar/styles/index';
-@import '../Notification/styles/index';
-@import '../PasswordStrengthMeter/styles/index';
-@import '../Pagination/styles/index';
-@import '../Panel/styles/index';
-@import '../PanelGroup/styles/index';
-@import '../Placeholder/styles/index';
-@import '../Popover/styles/index';
-@import '../Progress/styles/index';
-@import '../PinInput/styles/index';
-@import '../Radio/styles/index';
-@import '../RadioGroup/styles/index';
-@import '../RadioTile/styles/index';
-@import '../SelectPicker/styles/index';
-@import '../Sidebar/styles/index';
-@import '../Sidenav/styles/index';
-@import '../Slider/styles/index';
-@import '../Stat/styles/index';
-@import '../StatGroup/styles/index';
-@import '../Steps/styles/index';
-@import '../Table/styles/index';
-@import '../Tag/styles/index';
-@import '../TagGroup/styles/index';
-@import '../Tabs/styles/index';
-@import '../TagPicker/styles/index';
-@import '../TagInput/styles/index';
-@import '../Timeline/styles/index';
-@import '../Toggle/styles/index';
-@import '../Tooltip/styles/index';
-@import '../TreePicker/styles/index';
-@import '../Uploader/styles/index';
-@import '../Rate/styles/index';
-@import '../toaster/styles/index';
-@import '../Stack/styles/index';
-@import '../VisuallyHidden/styles/index';
-@import '../Text/styles/index';
-@import '../Heading/styles/index';
-@import '../HeadingGroup/styles/index';
-@import '../Highlight/styles/index';
-
-// Internal Components
-@import '../internals/Ripple/styles/index';
-@import '../internals/CloseButton/styles/index';
-@import '../internals/Picker/styles/index';
-@import '../internals/SearchBox/styles/index';
-@import '../internals/Box/styles/index';
-@import '../internals/Burger/styles/index';

package/styles/mixins/color-modes.less

@@ -1,16 +0,0 @@
-// Rules that take effect in dark mode.
-.dark-mode(@rules) {
-  & when (@enable-dark-mode = true) {
-    .rs-theme-dark & {
-      @rules();
-    }
-  }
-}
-
-.high-contrast-mode(@rules) {
-  & when (@enable-high-contrast = true) {
-    .rs-theme-high-contrast & {
-      @rules();
-    }
-  }
-}

package/styles/mixins/combobox.less

@@ -1,6 +0,0 @@
-.combobox-indicator-icon() {
-  display: inline-flex;
-  align-items: center;
-  height: @line-height-computed;
-  font-size: var(--rs-font-size-sm);
-}

package/styles/mixins/hacks.less

@@ -1,32 +0,0 @@
-// All hacks syntax for all kinds of browsers
-
-
-// Safari
-// ---------------------
-.safari-display(@value) {
-  @media not all and (min-resolution: 0.001dpcm) {
-    & {
-      display: @value;
-    }
-  }
-}
-
-// Safari border-radius + overflow: hidden + CSS transform fix
-// @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b
-.safari-border-radius-overflow-hidden() {
-  @media not all and (min-resolution: 0.001dpcm) {
-    & {
-      /* stylelint-disable */
-      -webkit-mask-image: -webkit-radial-gradient(white, black);
-      /* stylelint-enable */
-    }
-  }
-}
-
-.safari-visibility(@value) {
-  @media not all and (min-resolution: 0.001dpcm) {
-    & {
-      visibility: @value;
-    }
-  }
-}

package/styles/mixins/listbox.less

@@ -1,68 +0,0 @@
-// ARIA Listboxes and Options
-// used in picker menus, e.g. SelectPicker, CheckPicker, Cascader etc
-//
-// Common usage: (note the orders of different states)
-//
-// .item {
-//   .listbox-option();
-//
-//   &:hover,
-//   &:focus {
-//     .listbox-option-active();
-//   }
-//
-//   &-selected {
-//     .listbox-option-selected();
-//   }
-//
-//   &-disabled {
-//     .listbox-option-disabled();
-//   }
-// }
-@import 'color-modes';
-
-.listbox() {
-  list-style: none;
-}
-
-.listbox-option() {
-  display: flex;
-  justify-content: space-between;
-  padding: @picker-item-content-padding-vertical @picker-item-content-padding-horizontal;
-  clear: both;
-  font-weight: normal;
-  line-height: @line-height-base;
-  color: var(--rs-text-primary);
-  cursor: pointer;
-  text-decoration: none;
-  width: 100%;
-}
-
-// "-active" for aria-activedescendant
-.listbox-option-active() {
-  background-color: var(--rs-listbox-option-hover-bg);
-  color: var(--rs-listbox-option-hover-text);
-
-  .high-contrast-mode({
-    .focus-ring(slim-inset);
-
-    color: var(--rs-listbox-option-hover-text);
-    text-decoration: underline;
-  });
-}
-
-.listbox-option-selected() {
-  background-color: var(--rs-listbox-option-selected-bg);
-  font-weight: bold;
-  color: var(--rs-listbox-option-selected-text);
-
-  .high-contrast-mode({
-    text-decoration: underline;
-  });
-}
-
-.listbox-options-disabled() {
-  color: var(--rs-listbox-option-disabled-text);
-  background: none;
-  cursor: not-allowed;
-}

package/styles/mixins/menu.less

@@ -1,12 +0,0 @@
-@import 'color-modes';
-
-// "-active" for `aria-activedescendant`
-.menuitem-active() {
-  background-color: var(--rs-menuitem-active-bg);
-  color: var(--rs-menuitem-active-text);
-
-  .high-contrast-mode({
-    text-decoration: underline;
-    box-shadow: inset 0 0 0 2px #fff;
-  });
-}

package/styles/mixins/utilities.less

@@ -1,183 +0,0 @@
-// WebKit-style focus
-.tab-focus() {
-  outline: 0;
-}
-
-.reset-link-text-decoration(@text-decoration:none) {
-  text-decoration: @text-decoration;
-
-  &:hover,
-  &:focus,
-  &:active {
-    text-decoration: @text-decoration;
-  }
-}
-
-.text-emphasis-variant(@color) {
-  color: @color;
-
-  a&:hover,
-  a&:focus {
-    color: darken(@color, 10%);
-  }
-}
-
-// Text overflow
-// Requires inline-block or block for proper styling
-
-.ellipsis-basic() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ellipsis(@substract:0) {
-  .ellipsis-basic();
-
-  width: 100% - @substract;
-}
-
-//drop-shadow
-.drop-shadow(@shadow) {
-  filter: drop-shadow(@shadow);
-}
-
-.set-translate-transition(@translateX:0,@translateY:0) {
-  transform: translate(0, 0);
-
-  &.rs-anim-in {
-    transform: translate(@translateX, @translateY);
-  }
-}
-
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-//    contenteditable attribute is included anywhere else in the document.
-//    Otherwise it causes space to appear at the top and bottom of elements
-//    that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-//    `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-.clearfix() {
-  &::before,
-  &::after {
-    content: ' '; // 1
-    display: table; // 2
-  }
-
-  &::after {
-    clear: both;
-  }
-}
-
-// Single side border-radius
-.border-top-radius(@radius) {
-  border-top-right-radius: @radius;
-  border-top-left-radius: @radius;
-}
-
-.border-right-radius(@radius) {
-  border-bottom-right-radius: @radius;
-  border-top-right-radius: @radius;
-}
-
-.border-bottom-radius(@radius) {
-  border-bottom-right-radius: @radius;
-  border-bottom-left-radius: @radius;
-}
-
-.border-left-radius(@radius) {
-  border-bottom-left-radius: @radius;
-  border-top-left-radius: @radius;
-}
-
-.pointer-event-none() {
-  // Make sure events through
-  pointer-events: none;
-  // Fixed in safari, after multiple clicks , the loader still has not disappeared.
-  .safari-visibility(hidden);
-}
-
-.padding-vertical(@padding-vertical) {
-  padding-block: @padding-vertical;
-}
-
-.padding-horizontal(@padding-horizontal) {
-  padding-inline: @padding-horizontal;
-}
-
-.icon-bolder(@width:2px) {
-  stroke: currentColor;
-  stroke-width: @width;
-  stroke-linecap: round;
-}
-
-// Useful when adding focus ring to an element
-.with-focus-ring() {
-  &:focus-visible {
-    .focus-ring();
-  }
-}
-
-// Useful when appending the ring into an existing :focus rule
-.focus-ring() {
-  outline: 2px solid var(--rs-color-focus-ring);
-  outline-offset: -1px;
-}
-
-.focus-ring(slim) {
-  .focus-ring();
-
-  outline-width: 2px;
-  outline-offset: 0;
-}
-
-.focus-ring(inset) {
-  .focus-ring();
-
-  outline-offset: -3px;
-}
-
-.focus-ring(slim-inset) {
-  .focus-ring(inset);
-
-  outline-width: 2px;
-}
-
-.focus-ring(outline) {
-  outline: var(--rs-state-focus-outline);
-}
-
-// Removes the focus ring
-.unset-focus-ring() {
-  box-shadow: none;
-  outline: none;
-}
-
-/**
-  * Map mixin
-  * @param {string} @size-name - The size name
-  * @param {string} @suffix - The suffix
-  */
-.map-size(@size-name) {
-  .map(base) {
-    @suffix: '';
-  }
-  .map(small) {
-    @suffix: '-sm';
-  }
-  .map(medium) {
-    @suffix: '-md';
-  }
-  .map(large) {
-    @suffix: '-lg';
-  }
-  .map(extra-small) {
-    @suffix: '-xs';
-  }
-
-  .map(@size-name);
-}