rsuite 5.17.1 → 5.18.0

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.
package/dist/rsuite.css CHANGED
@@ -4218,10 +4218,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4218
4218
  .rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
4219
4219
  font-weight: bold;
4220
4220
  }
4221
- .rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label {
4221
+ .rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label {
4222
4222
  padding-left: 22px;
4223
4223
  }
4224
- .rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label::before {
4224
+ .rs-check-tree-node-all-uncheckable .rs-check-item .rs-checkbox-checker > label::before {
4225
4225
  width: 14px;
4226
4226
  margin-left: 0;
4227
4227
  left: 0;
@@ -4384,6 +4384,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4384
4384
  .rs-picker-menu .rs-picker-toolbar {
4385
4385
  max-width: 100%;
4386
4386
  }
4387
+ .rs-picker-menu .rs-picker-toolbar-ranges {
4388
+ max-width: 400px;
4389
+ }
4387
4390
  .rs-picker-menu .rs-calendar {
4388
4391
  min-width: 246px;
4389
4392
  display: block;
@@ -5509,6 +5512,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5509
5512
  .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5510
5513
  width: 100%;
5511
5514
  }
5515
+ .rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
5516
+ width: 100%;
5517
+ }
5512
5518
  .rs-form-control-wrapper {
5513
5519
  position: relative;
5514
5520
  }
@@ -7872,7 +7878,6 @@ textarea.rs-input {
7872
7878
  .rs-input:hover:not(:disabled) {
7873
7879
  border-color: #3498ff;
7874
7880
  border-color: var(--rs-input-focus-border);
7875
- outline: 0;
7876
7881
  }
7877
7882
  .rs-input:focus {
7878
7883
  outline: 3px solid rgba(52, 152, 255, 0.25);
@@ -11743,7 +11748,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11743
11748
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:hover:not(:disabled) {
11744
11749
  border-color: #3498ff;
11745
11750
  border-color: var(--rs-input-focus-border);
11746
- outline: 0;
11747
11751
  }
11748
11752
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11749
11753
  outline: 3px solid rgba(52, 152, 255, 0.25);
@@ -15790,9 +15794,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15790
15794
  position: absolute !important;
15791
15795
  clip: rect(1px 1px 1px 1px);
15792
15796
  }
15793
- .rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
15794
- cursor: not-allowed !important;
15795
- }
15796
15797
  .rs-uploader-file-item-disabled {
15797
15798
  opacity: 0.3;
15798
15799
  cursor: not-allowed;
@@ -16331,201 +16332,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
16331
16332
  margin-left: 0;
16332
16333
  display: block;
16333
16334
  }
16334
- .rs-uploader-text .rs-uploader-trigger-btn,
16335
- .rs-uploader-picture-text .rs-uploader-trigger-btn {
16336
- display: inline-block;
16337
- margin-bottom: 0;
16338
- font-weight: normal;
16339
- text-align: center;
16340
- vertical-align: middle;
16341
- cursor: pointer;
16342
- white-space: nowrap;
16343
- -webkit-transition: color 0.2s linear, background-color 0.3s linear;
16344
- transition: color 0.2s linear, background-color 0.3s linear;
16345
- border: none;
16346
- border: var(--rs-btn-default-border, none);
16347
- -webkit-user-select: none;
16348
- -moz-user-select: none;
16349
- -ms-user-select: none;
16350
- user-select: none;
16351
- text-decoration: none;
16352
- color: #575757;
16353
- color: var(--rs-btn-default-text);
16354
- background-color: #f7f7fa;
16355
- background-color: var(--rs-btn-default-bg);
16356
- border-radius: 6px;
16357
- font-size: 14px;
16358
- line-height: 20px;
16359
- padding: 8px 12px;
16360
- overflow: hidden;
16361
- position: relative;
16362
- }
16363
- .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn,
16364
- .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn {
16365
- -webkit-transition: none;
16366
- transition: none;
16367
- }
16368
- .rs-btn-ghost.rs-uploader-text .rs-uploader-trigger-btn,
16369
- .rs-btn-ghost.rs-uploader-picture-text .rs-uploader-trigger-btn {
16370
- padding: 7px 11px;
16371
- }
16372
- .rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn,
16373
- .rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn {
16374
- padding: 10px 10px;
16375
- line-height: 16px;
16376
- }
16377
- .rs-btn-icon.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
16378
- .rs-btn-icon.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
16379
- font-size: 16px;
16380
- }
16381
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn,
16382
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn {
16383
- line-height: 20px;
16384
- }
16385
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn > .rs-icon,
16386
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn > .rs-icon {
16387
- padding: 10px 10px;
16388
- width: 36px;
16389
- height: 36px;
16390
- }
16391
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left,
16392
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left {
16393
- padding: 8px 12px 8px 48px;
16394
- }
16395
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon,
16396
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-left > .rs-icon {
16397
- left: 0;
16398
- border-right: none;
16399
- border-right: var(--rs-btn-default-border, none);
16400
- }
16401
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right,
16402
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right {
16403
- padding: 8px 48px 8px 12px;
16404
- }
16405
- .rs-btn-icon-with-text.rs-uploader-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon,
16406
- .rs-btn-icon-with-text.rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-icon-placement-right > .rs-icon {
16407
- right: 0;
16408
- border-left: none;
16409
- border-left: var(--rs-btn-default-border, none);
16410
- }
16411
- .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
16412
- .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
16413
- outline: 3px solid rgba(52, 152, 255, 0.25);
16414
- outline: 3px solid var(--rs-color-focus-ring);
16415
- }
16416
- .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
16417
- .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
16418
- outline-offset: 2px;
16419
- }
16420
- .rs-uploader-text .rs-uploader-trigger-btn:hover,
16421
- .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
16422
- .rs-uploader-text .rs-uploader-trigger-btn:focus,
16423
- .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
16424
- color: var(--rs-btn-default-hover-text);
16425
- background-color: #e5e5ea;
16426
- background-color: var(--rs-btn-default-hover-bg);
16427
- text-decoration: none;
16428
- }
16429
- .rs-uploader-text .rs-uploader-trigger-btn:active,
16430
- .rs-uploader-picture-text .rs-uploader-trigger-btn:active,
16431
- .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
16432
- .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
16433
- color: #272c36;
16434
- color: var(--rs-btn-default-active-text);
16435
- background-color: #d9d9d9;
16436
- background-color: var(--rs-btn-default-active-bg);
16437
- }
16438
- .rs-uploader-text .rs-uploader-trigger-btn:disabled,
16439
- .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
16440
- .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
16441
- .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
16442
- cursor: not-allowed;
16443
- color: #c5c6c7;
16444
- color: var(--rs-btn-default-disabled-text);
16445
- background-color: #f7f7fa;
16446
- background-color: var(--rs-btn-default-disabled-bg);
16447
- }
16448
- .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:disabled,
16449
- .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
16450
- .rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
16451
- .rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
16452
- opacity: 0.5;
16453
- }
16454
- @media not all and (min-resolution: 0.001dpcm) {
16455
- .rs-uploader-text .rs-uploader-trigger-btn,
16456
- .rs-uploader-picture-text .rs-uploader-trigger-btn {
16457
- /* stylelint-disable */
16458
- -webkit-mask-image: -webkit-radial-gradient(white, black);
16459
- /* stylelint-enable */
16460
- }
16461
- }
16462
- .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
16463
- .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
16464
- -webkit-transition: border-color ease-in-out 0.3s;
16465
- transition: border-color ease-in-out 0.3s;
16466
- }
16467
- .rs-theme-high-contrast .rs-picker-default .rs-uploader-text .rs-uploader-trigger-btn,
16468
- .rs-theme-high-contrast .rs-picker-default .rs-uploader-picture-text .rs-uploader-trigger-btn {
16469
- -webkit-transition: none;
16470
- transition: none;
16471
- }
16472
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:hover,
16473
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
16474
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn:focus,
16475
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn:focus,
16476
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-text .rs-uploader-trigger-btn-active,
16477
- .rs-picker-default:not(.rs-picker-disabled) .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
16478
- border-color: #3498ff;
16479
- border-color: var(--rs-input-focus-border);
16480
- }
16481
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn,
16482
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn {
16483
- color: #8e8e93;
16484
- color: var(--rs-btn-subtle-text);
16485
- background-color: transparent;
16486
- border: none;
16487
- -webkit-transition: none;
16488
- transition: none;
16489
- }
16490
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:hover,
16491
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,
16492
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:focus,
16493
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
16494
- color: #575757;
16495
- color: var(--rs-btn-subtle-hover-text);
16496
- background-color: #f7f7fa;
16497
- background-color: var(--rs-btn-subtle-hover-bg);
16498
- }
16499
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:active,
16500
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:active,
16501
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-active,
16502
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-active {
16503
- color: #272c36;
16504
- color: var(--rs-btn-subtle-active-text);
16505
- background-color: #e5e5ea;
16506
- background-color: var(--rs-btn-subtle-active-bg);
16507
- }
16508
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
16509
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
16510
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
16511
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
16512
- color: #c5c6c7;
16513
- color: var(--rs-btn-subtle-disabled-text);
16514
- background: none;
16515
- }
16516
- .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn:disabled,
16517
- .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn:disabled,
16518
- .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn.rs-btn-disabled,
16519
- .rs-theme-high-contrast .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn.rs-btn-disabled {
16520
- opacity: 0.5;
16521
- }
16522
- .rs-picker-subtle .rs-uploader-text .rs-uploader-trigger-btn-active,
16523
- .rs-picker-subtle .rs-uploader-picture-text .rs-uploader-trigger-btn-active {
16524
- background-color: #f7f7fa;
16525
- background-color: var(--rs-btn-subtle-hover-bg);
16526
- color: #575757;
16527
- color: var(--rs-btn-subtle-hover-text);
16528
- }
16529
16335
  .rs-uploader-picture-text .rs-uploader-file-item {
16530
16336
  position: relative;
16531
16337
  height: 50px;