rsuite 5.45.0 → 5.46.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/DatePicker/styles/index.less +15 -0
  3. package/cjs/Calendar/MonthDropdown.js +1 -2
  4. package/cjs/Calendar/MonthDropdownItem.js +26 -13
  5. package/cjs/Calendar/Table.js +2 -1
  6. package/cjs/Calendar/TableCell.d.ts +14 -0
  7. package/cjs/Calendar/TableCell.js +72 -0
  8. package/cjs/Calendar/TableHeaderRow.js +3 -1
  9. package/cjs/Calendar/TableRow.d.ts +1 -0
  10. package/cjs/Calendar/TableRow.js +31 -49
  11. package/cjs/Calendar/useCalendarDate.d.ts +1 -1
  12. package/cjs/Calendar/utils.d.ts +7 -0
  13. package/cjs/Calendar/utils.js +15 -0
  14. package/cjs/Cascader/Cascader.js +13 -3
  15. package/cjs/DatePicker/DatePicker.js +145 -38
  16. package/cjs/InputPicker/InputPicker.js +7 -4
  17. package/cjs/Picker/PickerToggle.js +3 -0
  18. package/cjs/Picker/utils.js +21 -12
  19. package/cjs/RangeSlider/RangeSlider.js +14 -6
  20. package/cjs/Slider/Slider.js +7 -3
  21. package/cjs/Table/Table.d.ts +7 -7
  22. package/dist/rsuite-no-reset-rtl.css +110 -62
  23. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  24. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  25. package/dist/rsuite-no-reset.css +110 -62
  26. package/dist/rsuite-no-reset.min.css +1 -1
  27. package/dist/rsuite-no-reset.min.css.map +1 -1
  28. package/dist/rsuite-rtl.css +110 -62
  29. package/dist/rsuite-rtl.min.css +1 -1
  30. package/dist/rsuite-rtl.min.css.map +1 -1
  31. package/dist/rsuite.css +110 -62
  32. package/dist/rsuite.js +60 -17
  33. package/dist/rsuite.js.map +1 -1
  34. package/dist/rsuite.min.css +1 -1
  35. package/dist/rsuite.min.css.map +1 -1
  36. package/dist/rsuite.min.js +1 -1
  37. package/dist/rsuite.min.js.map +1 -1
  38. package/esm/Calendar/MonthDropdown.js +1 -2
  39. package/esm/Calendar/MonthDropdownItem.js +28 -15
  40. package/esm/Calendar/Table.js +2 -1
  41. package/esm/Calendar/TableCell.d.ts +14 -0
  42. package/esm/Calendar/TableCell.js +66 -0
  43. package/esm/Calendar/TableHeaderRow.js +3 -1
  44. package/esm/Calendar/TableRow.d.ts +1 -0
  45. package/esm/Calendar/TableRow.js +32 -50
  46. package/esm/Calendar/useCalendarDate.d.ts +1 -1
  47. package/esm/Calendar/utils.d.ts +7 -0
  48. package/esm/Calendar/utils.js +12 -0
  49. package/esm/Cascader/Cascader.js +13 -3
  50. package/esm/DatePicker/DatePicker.js +147 -40
  51. package/esm/InputPicker/InputPicker.js +7 -4
  52. package/esm/Picker/PickerToggle.js +3 -0
  53. package/esm/Picker/utils.js +21 -12
  54. package/esm/RangeSlider/RangeSlider.js +14 -6
  55. package/esm/Slider/Slider.js +7 -3
  56. package/esm/Table/Table.d.ts +7 -7
  57. package/package.json +2 -2
  58. package/styles/color-modes/dark.less +1 -41
  59. package/styles/color-modes/high-contrast.less +1 -36
  60. package/styles/color-modes/light.less +0 -46
package/styles/color-modes/dark.less CHANGED
@@ -158,7 +158,7 @@
158
158
 
159
159
  // Placeholder
160
160
  --rs-placeholder: var(--rs-gray-600);
161
- --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
161
+ --rs-placeholder-active: var(--rs-gray-500);
162
162
 
163
163
  // Breadcrumb
164
164
  --rs-breadcrumb-item-active-text: #fff;
@@ -363,44 +363,4 @@
363
363
 
364
364
  // Popover
365
365
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
366
-
367
- // CSS relative color syntax is not supported
368
- // https://developer.chrome.com/blog/css-relative-color-syntax/
369
- @supports not (color: rgb(from white r g b)) {
370
- // Misc
371
- --rs-bg-backdrop: fade(@B900-dark, 80%);
372
- --rs-color-focus-ring: 0 0 0 3px fade(@H500-dark, 25%);
373
- --rs-state-focus-shadow: 0 0 0 3px fade(@H500-dark, 25%);
374
- --rs-state-focus-outline: 3px solid fade(@H500-dark, 25%);
375
-
376
- // Loader
377
- --rs-loader-ring: fade(@B050-dark, 30);
378
- --rs-loader-backdrop: fade(@B900-dark, 83%);
379
- --rs-loader-ring-inverse: fade(@B050-dark, 80);
380
- --rs-loader-backdrop-inverse: fade(@B000-dark, 90);
381
-
382
- // Dropdown
383
- --rs-dropdown-item-bg-active: fade(@H900-dark, 20);
384
-
385
- // ARIA Listboxes
386
- --rs-listbox-option-selected-bg: fade(@H900-dark, 20%);
387
-
388
- // Slider
389
- --rs-slider-thumb-hover-shadow: 0 0 0 8px fade(@H500-dark, 25);
390
-
391
- // Uploader
392
- --rs-uploader-overlay-bg: fade(@B600-dark, 80);
393
-
394
- // Carousel
395
- --rs-carousel-indicator: fade(@B000-dark, 40);
396
-
397
- // List
398
- --rs-list-placeholder-bg: fade(@H900-dark, 20%);
399
-
400
- // Calendar
401
- --rs-calendar-range-bg: fade(@H900-dark, 50%);
402
-
403
- // Placeholder
404
- --rs-placeholder-active: lighten(@B600-dark, 5%);
405
- }
406
366
  }
package/styles/color-modes/high-contrast.less CHANGED
@@ -165,7 +165,7 @@
165
165
 
166
166
  // Placeholder
167
167
  --rs-placeholder: var(--rs-gray-600);
168
- --rs-placeholder-active: hsl(from var(--rs-gray-600) h s calc(l + l * 0.2));
168
+ --rs-placeholder-active: var(--rs-gray-500);
169
169
 
170
170
  // Breadcrumb
171
171
  --rs-breadcrumb-item-active-text: #fff;
@@ -379,39 +379,4 @@
379
379
 
380
380
  // Popover
381
381
  --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
382
-
383
- // CSS relative color syntax is not supported
384
- // https://developer.chrome.com/blog/css-relative-color-syntax/
385
- @supports not (color: rgb(from white r g b)) {
386
- // Misc
387
- --rs-bg-backdrop: fade(@B900-high-contrast, 80%);
388
- --rs-state-focus-outline: 3px solid fade(@H500-high-contrast, 25%);
389
-
390
- // Loader
391
- --rs-loader-ring: fade(@B050-high-contrast, 30);
392
- --rs-loader-backdrop: fade(@B900-high-contrast, 83%);
393
- --rs-loader-ring-inverse: fade(@B050-high-contrast, 80);
394
- --rs-loader-backdrop-inverse: fade(@B000-high-contrast, 90);
395
-
396
- // Dropdown
397
- --rs-dropdown-item-bg-active: fade(@H900-high-contrast, 20);
398
-
399
- // Slider
400
- --rs-slider-thumb-hover-shadow: 0 0 0 8px fade(@H500-high-contrast, 25);
401
-
402
- // Uploader
403
- --rs-uploader-overlay-bg: fade(@B600-high-contrast, 80);
404
-
405
- // Carousel
406
- --rs-carousel-indicator: fade(@B000-high-contrast, 40);
407
-
408
- // List
409
- --rs-list-placeholder-bg: fade(@H900-high-contrast, 20%);
410
-
411
- // Calendar
412
- --rs-calendar-range-bg: fade(@H900-high-contrast, 50%);
413
-
414
- // Placeholder
415
- --rs-placeholder-active: lighten(@B600-high-contrast, 5%);
416
- }
417
382
  }
package/styles/color-modes/light.less CHANGED
@@ -373,50 +373,4 @@
373
373
 
374
374
  // Popover
375
375
  --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
376
-
377
- // CSS relative color syntax is not supported
378
- // https://developer.chrome.com/blog/css-relative-color-syntax/
379
- @supports not (color: rgb(from white r g b)) {
380
- // Misc
381
- --rs-bg-backdrop: fade(@B900, 30%);
382
- --rs-color-focus-ring: fade(@H500, 25%);
383
- --rs-state-focus-shadow: 0 0 0 3px fade(@H500, 25%);
384
- --rs-state-focus-outline: 3px solid fade(@H500, 25%);
385
-
386
- // Loader
387
- --rs-loader-ring: fade(@B050, 80);
388
- --rs-loader-backdrop: fade(@B000, 90%);
389
- --rs-loader-ring-inverse: fade(@B050, 30%);
390
- --rs-loader-backdrop-inverse: fade(@B900, 83%);
391
-
392
- // Dropdown
393
- --rs-dropdown-item-bg-hover: fade(@H100, 50%);
394
-
395
- // ARIA menu
396
- --rs-menuitem-active-bg: fade(@H100, 50);
397
-
398
- // ARIA Listboxes
399
- --rs-listbox-option-hover-bg: fade(@H100, 50%);
400
-
401
- // Toggle
402
- --rs-toggle-loader-ring: fade(@B050, 30%);
403
-
404
- // Slider
405
- --rs-slider-thumb-hover-shadow: 0 0 0 8px fade(@H500, 25%);
406
-
407
- // Uploader
408
- --rs-uploader-overlay-bg: fade(#fff, 80);
409
-
410
- // Carousel
411
- --rs-carousel-indicator: fade(@B000, 40);
412
-
413
- // List
414
- --rs-list-placeholder-bg: fade(@H050, 50%);
415
-
416
- // Table
417
- --rs-table-scrollbar-vertical-track: fade(@B200, 40%);
418
-
419
- // Calendar
420
- --rs-calendar-range-bg: fade(@H100, 50%);
421
- }
422
376
  }