rsuite 5.13.1 → 5.14.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.
Files changed (132) hide show
  1. package/Button/styles/index.less +1 -0
  2. package/CHANGELOG.md +25 -0
  3. package/Dropdown/styles/index.less +8 -3
  4. package/Grid/styles/index.less +42 -10
  5. package/Sidenav/styles/index.less +7 -9
  6. package/Table/styles/index.less +0 -2
  7. package/Tooltip/styles/index.less +4 -4
  8. package/cjs/@types/common.d.ts +6 -0
  9. package/cjs/Cascader/utils.d.ts +1 -1
  10. package/cjs/Col/Col.d.ts +25 -5
  11. package/cjs/Col/Col.js +9 -1
  12. package/cjs/CustomProvider/CustomProvider.d.ts +20 -7
  13. package/cjs/CustomProvider/CustomProvider.js +24 -3
  14. package/cjs/Dropdown/useRenderDropdownItem.d.ts +1 -1
  15. package/cjs/Form/Form.d.ts +8 -8
  16. package/cjs/Form/test/Form.test.d.ts +1 -0
  17. package/cjs/Form/test/Form.test.js +18 -0
  18. package/cjs/Modal/test/Modal.test.d.ts +1 -0
  19. package/cjs/Modal/test/Modal.test.js +14 -0
  20. package/cjs/Modal/utils.d.ts +1 -1
  21. package/cjs/Nav/NavDropdownMenu.d.ts +12 -1
  22. package/cjs/Nav/NavDropdownMenu.js +9 -3
  23. package/cjs/Nav/test/Nav.test.d.ts +1 -0
  24. package/cjs/Nav/test/Nav.test.js +17 -0
  25. package/cjs/Navbar/NavbarDropdownMenu.d.ts +12 -1
  26. package/cjs/Navbar/NavbarDropdownMenu.js +9 -3
  27. package/cjs/Overlay/Modal.d.ts +1 -4
  28. package/cjs/Overlay/Overlay.d.ts +3 -1
  29. package/cjs/Overlay/Overlay.js +6 -2
  30. package/cjs/Overlay/OverlayTrigger.d.ts +4 -0
  31. package/cjs/Overlay/OverlayTrigger.js +32 -4
  32. package/cjs/Overlay/Position.d.ts +3 -1
  33. package/cjs/Overlay/Position.js +12 -4
  34. package/cjs/Overlay/positionUtils.d.ts +11 -4
  35. package/cjs/Overlay/positionUtils.js +48 -2
  36. package/cjs/Panel/Panel.js +9 -6
  37. package/cjs/Picker/utils.d.ts +1 -1
  38. package/cjs/Popover/Popover.d.ts +2 -0
  39. package/cjs/Popover/Popover.js +6 -3
  40. package/cjs/Sidenav/SidenavDropdownToggle.js +2 -1
  41. package/cjs/Sidenav/SidenavItem.d.ts +4 -0
  42. package/cjs/Sidenav/SidenavItem.js +40 -31
  43. package/cjs/Toggle/Toggle.d.ts +1 -1
  44. package/cjs/Tooltip/Tooltip.d.ts +3 -1
  45. package/cjs/Tooltip/Tooltip.js +8 -3
  46. package/cjs/Whisper/Whisper.js +6 -1
  47. package/cjs/index.d.ts +2 -2
  48. package/cjs/index.js +3 -2
  49. package/cjs/toaster/ToastContainer.d.ts +1 -0
  50. package/cjs/toaster/ToastContainer.js +4 -1
  51. package/cjs/toaster/index.d.ts +1 -0
  52. package/cjs/toaster/index.js +4 -1
  53. package/cjs/toaster/toaster.d.ts +0 -1
  54. package/cjs/toaster/useToaster.d.ts +12 -0
  55. package/cjs/toaster/useToaster.js +43 -0
  56. package/cjs/utils/constants.d.ts +1 -0
  57. package/cjs/utils/constants.js +3 -1
  58. package/cjs/utils/stringToObject.d.ts +1 -1
  59. package/cjs/utils/tplTransform.d.ts +1 -1
  60. package/cjs/utils/treeUtils.d.ts +3 -3
  61. package/cjs/utils/useCustom.d.ts +1 -1
  62. package/cjs/utils/useCustom.js +5 -3
  63. package/cjs/utils/useFocus.d.ts +1 -1
  64. package/dist/rsuite-rtl.css +660 -47
  65. package/dist/rsuite-rtl.min.css +1 -1
  66. package/dist/rsuite-rtl.min.css.map +1 -1
  67. package/dist/rsuite.css +660 -47
  68. package/dist/rsuite.js +90 -101
  69. package/dist/rsuite.js.map +1 -1
  70. package/dist/rsuite.min.css +1 -1
  71. package/dist/rsuite.min.css.map +1 -1
  72. package/dist/rsuite.min.js +1 -1
  73. package/dist/rsuite.min.js.map +1 -1
  74. package/esm/@types/common.d.ts +6 -0
  75. package/esm/Cascader/utils.d.ts +1 -1
  76. package/esm/Col/Col.d.ts +25 -5
  77. package/esm/Col/Col.js +10 -2
  78. package/esm/CustomProvider/CustomProvider.d.ts +20 -7
  79. package/esm/CustomProvider/CustomProvider.js +22 -3
  80. package/esm/Dropdown/useRenderDropdownItem.d.ts +1 -1
  81. package/esm/Form/Form.d.ts +8 -8
  82. package/esm/Form/test/Form.test.d.ts +1 -0
  83. package/esm/Form/test/Form.test.js +11 -0
  84. package/esm/Modal/test/Modal.test.d.ts +1 -0
  85. package/esm/Modal/test/Modal.test.js +9 -0
  86. package/esm/Modal/utils.d.ts +1 -1
  87. package/esm/Nav/NavDropdownMenu.d.ts +12 -1
  88. package/esm/Nav/NavDropdownMenu.js +8 -3
  89. package/esm/Nav/test/Nav.test.d.ts +1 -0
  90. package/esm/Nav/test/Nav.test.js +11 -0
  91. package/esm/Navbar/NavbarDropdownMenu.d.ts +12 -1
  92. package/esm/Navbar/NavbarDropdownMenu.js +8 -3
  93. package/esm/Overlay/Modal.d.ts +1 -4
  94. package/esm/Overlay/Overlay.d.ts +3 -1
  95. package/esm/Overlay/Overlay.js +6 -2
  96. package/esm/Overlay/OverlayTrigger.d.ts +4 -0
  97. package/esm/Overlay/OverlayTrigger.js +33 -5
  98. package/esm/Overlay/Position.d.ts +3 -1
  99. package/esm/Overlay/Position.js +12 -4
  100. package/esm/Overlay/positionUtils.d.ts +11 -4
  101. package/esm/Overlay/positionUtils.js +46 -2
  102. package/esm/Panel/Panel.js +9 -6
  103. package/esm/Picker/utils.d.ts +1 -1
  104. package/esm/Popover/Popover.d.ts +2 -0
  105. package/esm/Popover/Popover.js +6 -3
  106. package/esm/Sidenav/SidenavDropdownToggle.js +2 -1
  107. package/esm/Sidenav/SidenavItem.d.ts +4 -0
  108. package/esm/Sidenav/SidenavItem.js +38 -31
  109. package/esm/Toggle/Toggle.d.ts +1 -1
  110. package/esm/Tooltip/Tooltip.d.ts +3 -1
  111. package/esm/Tooltip/Tooltip.js +8 -3
  112. package/esm/Whisper/Whisper.js +6 -1
  113. package/esm/index.d.ts +2 -2
  114. package/esm/index.js +1 -1
  115. package/esm/toaster/ToastContainer.d.ts +1 -0
  116. package/esm/toaster/ToastContainer.js +1 -0
  117. package/esm/toaster/index.d.ts +1 -0
  118. package/esm/toaster/index.js +1 -0
  119. package/esm/toaster/toaster.d.ts +0 -1
  120. package/esm/toaster/useToaster.d.ts +12 -0
  121. package/esm/toaster/useToaster.js +34 -0
  122. package/esm/utils/constants.d.ts +1 -0
  123. package/esm/utils/constants.js +1 -0
  124. package/esm/utils/stringToObject.d.ts +1 -1
  125. package/esm/utils/tplTransform.d.ts +1 -1
  126. package/esm/utils/treeUtils.d.ts +3 -3
  127. package/esm/utils/useCustom.d.ts +1 -1
  128. package/esm/utils/useCustom.js +5 -3
  129. package/esm/utils/useFocus.d.ts +1 -1
  130. package/package.json +1 -1
  131. package/styles/color-modes/light.less +2 -2
  132. package/styles/variables.less +30 -12
package/dist/rsuite.css CHANGED
@@ -187,8 +187,8 @@
187
187
  --rs-placeholder: #f2f2f5;
188
188
  --rs-placeholder-active: #e5e5ea;
189
189
  --rs-dropdown-divider: #e5e5ea;
190
- --rs-dropdown-item-bg-hover: #f2faff;
191
- --rs-dropdown-item-bg-active: rgba(242, 250, 255, 0.5);
190
+ --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
191
+ --rs-dropdown-item-bg-active: #f2faff;
192
192
  --rs-dropdown-item-text-active: #1675e0;
193
193
  --rs-dropdown-header-text: #a6a6a6;
194
194
  --rs-dropdown-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
@@ -1922,6 +1922,7 @@ tbody.rs-anim-collapse.rs-anim-in {
1922
1922
  color: var(--rs-btn-default-hover-text);
1923
1923
  background-color: #e5e5ea;
1924
1924
  background-color: var(--rs-btn-default-hover-bg);
1925
+ text-decoration: none;
1925
1926
  }
1926
1927
  .rs-btn:active,
1927
1928
  .rs-btn.rs-btn-active {
@@ -4991,7 +4992,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4991
4992
  .rs-dropdown-item.rs-dropdown-item-active:focus {
4992
4993
  color: #1675e0;
4993
4994
  color: var(--rs-dropdown-item-text-active);
4994
- background-color: rgba(242, 250, 255, 0.5);
4995
+ background-color: #f2faff;
4995
4996
  background-color: var(--rs-dropdown-item-bg-active);
4996
4997
  }
4997
4998
  .rs-dropdown-item:focus-visible,
@@ -5053,7 +5054,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5053
5054
  }
5054
5055
  .rs-dropdown-item-submenu.rs-dropdown-item > .rs-dropdown-menu {
5055
5056
  position: absolute;
5056
- top: 0;
5057
+ top: -6px;
5057
5058
  }
5058
5059
  .rs-dropdown-item.rs-dropdown-item-submenu {
5059
5060
  padding: 0;
@@ -5068,6 +5069,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5068
5069
  .rs-dropdown-item-submenu .rs-dropdown-menu {
5069
5070
  left: 100%;
5070
5071
  }
5072
+ .rs-dropdown-item-submenu .rs-dropdown-menu[data-direction='start'] {
5073
+ left: unset;
5074
+ right: 100%;
5075
+ }
5071
5076
  .rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu {
5072
5077
  display: table;
5073
5078
  -webkit-animation-name: slideUpIn;
@@ -5077,7 +5082,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5077
5082
  }
5078
5083
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus {
5079
5084
  outline: 0;
5080
- background-color: rgba(242, 250, 255, 0.5);
5085
+ background-color: #f2faff;
5081
5086
  background-color: var(--rs-dropdown-item-bg-active);
5082
5087
  }
5083
5088
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
@@ -5894,19 +5899,29 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5894
5899
  .rs-grid-container::after {
5895
5900
  clear: both;
5896
5901
  }
5897
- @media (min-width: 480px) {
5902
+ @media (min-width: 576px) {
5898
5903
  .rs-grid-container {
5899
- width: 490px;
5904
+ width: 550px;
5905
+ }
5906
+ }
5907
+ @media (min-width: 768px) {
5908
+ .rs-grid-container {
5909
+ width: 730px;
5900
5910
  }
5901
5911
  }
5902
5912
  @media (min-width: 992px) {
5903
5913
  .rs-grid-container {
5904
- width: 950px;
5914
+ width: 970px;
5905
5915
  }
5906
5916
  }
5907
5917
  @media (min-width: 1200px) {
5908
5918
  .rs-grid-container {
5909
- width: 1150px;
5919
+ width: 970px;
5920
+ }
5921
+ }
5922
+ @media (min-width: 1400px) {
5923
+ .rs-grid-container {
5924
+ width: 970px;
5910
5925
  }
5911
5926
  }
5912
5927
  .rs-grid-container-fluid {
@@ -6224,7 +6239,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6224
6239
  .rs-col-xs-push-0 {
6225
6240
  left: auto;
6226
6241
  }
6227
- @media (min-width: 480px) {
6242
+ @media (min-width: 576px) {
6228
6243
  .rs-col-sm-1 {
6229
6244
  width: 4.16666667%;
6230
6245
  }
@@ -6520,7 +6535,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6520
6535
  left: auto;
6521
6536
  }
6522
6537
  }
6523
- @media (min-width: 992px) {
6538
+ @media (min-width: 768px) {
6524
6539
  .rs-col-md-1 {
6525
6540
  width: 4.16666667%;
6526
6541
  }
@@ -6816,7 +6831,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6816
6831
  left: auto;
6817
6832
  }
6818
6833
  }
6819
- @media (min-width: 1200px) {
6834
+ @media (min-width: 992px) {
6820
6835
  .rs-col-lg-1 {
6821
6836
  width: 4.16666667%;
6822
6837
  }
@@ -7112,26 +7127,628 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7112
7127
  left: auto;
7113
7128
  }
7114
7129
  }
7115
- @media (max-width: 479px) {
7130
+ @media (min-width: 1200px) {
7131
+ .rs-col-xl-1 {
7132
+ width: 4.16666667%;
7133
+ }
7134
+ .rs-col-xl-pull-1 {
7135
+ right: 4.16666667%;
7136
+ }
7137
+ .rs-col-xl-push-1 {
7138
+ left: 4.16666667%;
7139
+ }
7140
+ .rs-col-xl-offset-1 {
7141
+ margin-left: 4.16666667%;
7142
+ }
7143
+ .rs-col-xl-2 {
7144
+ width: 8.33333333%;
7145
+ }
7146
+ .rs-col-xl-pull-2 {
7147
+ right: 8.33333333%;
7148
+ }
7149
+ .rs-col-xl-push-2 {
7150
+ left: 8.33333333%;
7151
+ }
7152
+ .rs-col-xl-offset-2 {
7153
+ margin-left: 8.33333333%;
7154
+ }
7155
+ .rs-col-xl-3 {
7156
+ width: 12.5%;
7157
+ }
7158
+ .rs-col-xl-pull-3 {
7159
+ right: 12.5%;
7160
+ }
7161
+ .rs-col-xl-push-3 {
7162
+ left: 12.5%;
7163
+ }
7164
+ .rs-col-xl-offset-3 {
7165
+ margin-left: 12.5%;
7166
+ }
7167
+ .rs-col-xl-4 {
7168
+ width: 16.66666667%;
7169
+ }
7170
+ .rs-col-xl-pull-4 {
7171
+ right: 16.66666667%;
7172
+ }
7173
+ .rs-col-xl-push-4 {
7174
+ left: 16.66666667%;
7175
+ }
7176
+ .rs-col-xl-offset-4 {
7177
+ margin-left: 16.66666667%;
7178
+ }
7179
+ .rs-col-xl-5 {
7180
+ width: 20.83333333%;
7181
+ }
7182
+ .rs-col-xl-pull-5 {
7183
+ right: 20.83333333%;
7184
+ }
7185
+ .rs-col-xl-push-5 {
7186
+ left: 20.83333333%;
7187
+ }
7188
+ .rs-col-xl-offset-5 {
7189
+ margin-left: 20.83333333%;
7190
+ }
7191
+ .rs-col-xl-6 {
7192
+ width: 25%;
7193
+ }
7194
+ .rs-col-xl-pull-6 {
7195
+ right: 25%;
7196
+ }
7197
+ .rs-col-xl-push-6 {
7198
+ left: 25%;
7199
+ }
7200
+ .rs-col-xl-offset-6 {
7201
+ margin-left: 25%;
7202
+ }
7203
+ .rs-col-xl-7 {
7204
+ width: 29.16666667%;
7205
+ }
7206
+ .rs-col-xl-pull-7 {
7207
+ right: 29.16666667%;
7208
+ }
7209
+ .rs-col-xl-push-7 {
7210
+ left: 29.16666667%;
7211
+ }
7212
+ .rs-col-xl-offset-7 {
7213
+ margin-left: 29.16666667%;
7214
+ }
7215
+ .rs-col-xl-8 {
7216
+ width: 33.33333333%;
7217
+ }
7218
+ .rs-col-xl-pull-8 {
7219
+ right: 33.33333333%;
7220
+ }
7221
+ .rs-col-xl-push-8 {
7222
+ left: 33.33333333%;
7223
+ }
7224
+ .rs-col-xl-offset-8 {
7225
+ margin-left: 33.33333333%;
7226
+ }
7227
+ .rs-col-xl-9 {
7228
+ width: 37.5%;
7229
+ }
7230
+ .rs-col-xl-pull-9 {
7231
+ right: 37.5%;
7232
+ }
7233
+ .rs-col-xl-push-9 {
7234
+ left: 37.5%;
7235
+ }
7236
+ .rs-col-xl-offset-9 {
7237
+ margin-left: 37.5%;
7238
+ }
7239
+ .rs-col-xl-10 {
7240
+ width: 41.66666667%;
7241
+ }
7242
+ .rs-col-xl-pull-10 {
7243
+ right: 41.66666667%;
7244
+ }
7245
+ .rs-col-xl-push-10 {
7246
+ left: 41.66666667%;
7247
+ }
7248
+ .rs-col-xl-offset-10 {
7249
+ margin-left: 41.66666667%;
7250
+ }
7251
+ .rs-col-xl-11 {
7252
+ width: 45.83333333%;
7253
+ }
7254
+ .rs-col-xl-pull-11 {
7255
+ right: 45.83333333%;
7256
+ }
7257
+ .rs-col-xl-push-11 {
7258
+ left: 45.83333333%;
7259
+ }
7260
+ .rs-col-xl-offset-11 {
7261
+ margin-left: 45.83333333%;
7262
+ }
7263
+ .rs-col-xl-12 {
7264
+ width: 50%;
7265
+ }
7266
+ .rs-col-xl-pull-12 {
7267
+ right: 50%;
7268
+ }
7269
+ .rs-col-xl-push-12 {
7270
+ left: 50%;
7271
+ }
7272
+ .rs-col-xl-offset-12 {
7273
+ margin-left: 50%;
7274
+ }
7275
+ .rs-col-xl-13 {
7276
+ width: 54.16666667%;
7277
+ }
7278
+ .rs-col-xl-pull-13 {
7279
+ right: 54.16666667%;
7280
+ }
7281
+ .rs-col-xl-push-13 {
7282
+ left: 54.16666667%;
7283
+ }
7284
+ .rs-col-xl-offset-13 {
7285
+ margin-left: 54.16666667%;
7286
+ }
7287
+ .rs-col-xl-14 {
7288
+ width: 58.33333333%;
7289
+ }
7290
+ .rs-col-xl-pull-14 {
7291
+ right: 58.33333333%;
7292
+ }
7293
+ .rs-col-xl-push-14 {
7294
+ left: 58.33333333%;
7295
+ }
7296
+ .rs-col-xl-offset-14 {
7297
+ margin-left: 58.33333333%;
7298
+ }
7299
+ .rs-col-xl-15 {
7300
+ width: 62.5%;
7301
+ }
7302
+ .rs-col-xl-pull-15 {
7303
+ right: 62.5%;
7304
+ }
7305
+ .rs-col-xl-push-15 {
7306
+ left: 62.5%;
7307
+ }
7308
+ .rs-col-xl-offset-15 {
7309
+ margin-left: 62.5%;
7310
+ }
7311
+ .rs-col-xl-16 {
7312
+ width: 66.66666667%;
7313
+ }
7314
+ .rs-col-xl-pull-16 {
7315
+ right: 66.66666667%;
7316
+ }
7317
+ .rs-col-xl-push-16 {
7318
+ left: 66.66666667%;
7319
+ }
7320
+ .rs-col-xl-offset-16 {
7321
+ margin-left: 66.66666667%;
7322
+ }
7323
+ .rs-col-xl-17 {
7324
+ width: 70.83333333%;
7325
+ }
7326
+ .rs-col-xl-pull-17 {
7327
+ right: 70.83333333%;
7328
+ }
7329
+ .rs-col-xl-push-17 {
7330
+ left: 70.83333333%;
7331
+ }
7332
+ .rs-col-xl-offset-17 {
7333
+ margin-left: 70.83333333%;
7334
+ }
7335
+ .rs-col-xl-18 {
7336
+ width: 75%;
7337
+ }
7338
+ .rs-col-xl-pull-18 {
7339
+ right: 75%;
7340
+ }
7341
+ .rs-col-xl-push-18 {
7342
+ left: 75%;
7343
+ }
7344
+ .rs-col-xl-offset-18 {
7345
+ margin-left: 75%;
7346
+ }
7347
+ .rs-col-xl-19 {
7348
+ width: 79.16666667%;
7349
+ }
7350
+ .rs-col-xl-pull-19 {
7351
+ right: 79.16666667%;
7352
+ }
7353
+ .rs-col-xl-push-19 {
7354
+ left: 79.16666667%;
7355
+ }
7356
+ .rs-col-xl-offset-19 {
7357
+ margin-left: 79.16666667%;
7358
+ }
7359
+ .rs-col-xl-20 {
7360
+ width: 83.33333333%;
7361
+ }
7362
+ .rs-col-xl-pull-20 {
7363
+ right: 83.33333333%;
7364
+ }
7365
+ .rs-col-xl-push-20 {
7366
+ left: 83.33333333%;
7367
+ }
7368
+ .rs-col-xl-offset-20 {
7369
+ margin-left: 83.33333333%;
7370
+ }
7371
+ .rs-col-xl-21 {
7372
+ width: 87.5%;
7373
+ }
7374
+ .rs-col-xl-pull-21 {
7375
+ right: 87.5%;
7376
+ }
7377
+ .rs-col-xl-push-21 {
7378
+ left: 87.5%;
7379
+ }
7380
+ .rs-col-xl-offset-21 {
7381
+ margin-left: 87.5%;
7382
+ }
7383
+ .rs-col-xl-22 {
7384
+ width: 91.66666667%;
7385
+ }
7386
+ .rs-col-xl-pull-22 {
7387
+ right: 91.66666667%;
7388
+ }
7389
+ .rs-col-xl-push-22 {
7390
+ left: 91.66666667%;
7391
+ }
7392
+ .rs-col-xl-offset-22 {
7393
+ margin-left: 91.66666667%;
7394
+ }
7395
+ .rs-col-xl-23 {
7396
+ width: 95.83333333%;
7397
+ }
7398
+ .rs-col-xl-pull-23 {
7399
+ right: 95.83333333%;
7400
+ }
7401
+ .rs-col-xl-push-23 {
7402
+ left: 95.83333333%;
7403
+ }
7404
+ .rs-col-xl-offset-23 {
7405
+ margin-left: 95.83333333%;
7406
+ }
7407
+ .rs-col-xl-24 {
7408
+ width: 100%;
7409
+ }
7410
+ .rs-col-xl-pull-24 {
7411
+ right: 100%;
7412
+ }
7413
+ .rs-col-xl-push-24 {
7414
+ left: 100%;
7415
+ }
7416
+ .rs-col-xl-offset-24 {
7417
+ margin-left: 100%;
7418
+ }
7419
+ .rs-col-xl-pull-0 {
7420
+ right: auto;
7421
+ }
7422
+ .rs-col-xl-push-0 {
7423
+ left: auto;
7424
+ }
7425
+ }
7426
+ @media (min-width: 1400px) {
7427
+ .rs-col-xxl-1 {
7428
+ width: 4.16666667%;
7429
+ }
7430
+ .rs-col-xxl-pull-1 {
7431
+ right: 4.16666667%;
7432
+ }
7433
+ .rs-col-xxl-push-1 {
7434
+ left: 4.16666667%;
7435
+ }
7436
+ .rs-col-xxl-offset-1 {
7437
+ margin-left: 4.16666667%;
7438
+ }
7439
+ .rs-col-xxl-2 {
7440
+ width: 8.33333333%;
7441
+ }
7442
+ .rs-col-xxl-pull-2 {
7443
+ right: 8.33333333%;
7444
+ }
7445
+ .rs-col-xxl-push-2 {
7446
+ left: 8.33333333%;
7447
+ }
7448
+ .rs-col-xxl-offset-2 {
7449
+ margin-left: 8.33333333%;
7450
+ }
7451
+ .rs-col-xxl-3 {
7452
+ width: 12.5%;
7453
+ }
7454
+ .rs-col-xxl-pull-3 {
7455
+ right: 12.5%;
7456
+ }
7457
+ .rs-col-xxl-push-3 {
7458
+ left: 12.5%;
7459
+ }
7460
+ .rs-col-xxl-offset-3 {
7461
+ margin-left: 12.5%;
7462
+ }
7463
+ .rs-col-xxl-4 {
7464
+ width: 16.66666667%;
7465
+ }
7466
+ .rs-col-xxl-pull-4 {
7467
+ right: 16.66666667%;
7468
+ }
7469
+ .rs-col-xxl-push-4 {
7470
+ left: 16.66666667%;
7471
+ }
7472
+ .rs-col-xxl-offset-4 {
7473
+ margin-left: 16.66666667%;
7474
+ }
7475
+ .rs-col-xxl-5 {
7476
+ width: 20.83333333%;
7477
+ }
7478
+ .rs-col-xxl-pull-5 {
7479
+ right: 20.83333333%;
7480
+ }
7481
+ .rs-col-xxl-push-5 {
7482
+ left: 20.83333333%;
7483
+ }
7484
+ .rs-col-xxl-offset-5 {
7485
+ margin-left: 20.83333333%;
7486
+ }
7487
+ .rs-col-xxl-6 {
7488
+ width: 25%;
7489
+ }
7490
+ .rs-col-xxl-pull-6 {
7491
+ right: 25%;
7492
+ }
7493
+ .rs-col-xxl-push-6 {
7494
+ left: 25%;
7495
+ }
7496
+ .rs-col-xxl-offset-6 {
7497
+ margin-left: 25%;
7498
+ }
7499
+ .rs-col-xxl-7 {
7500
+ width: 29.16666667%;
7501
+ }
7502
+ .rs-col-xxl-pull-7 {
7503
+ right: 29.16666667%;
7504
+ }
7505
+ .rs-col-xxl-push-7 {
7506
+ left: 29.16666667%;
7507
+ }
7508
+ .rs-col-xxl-offset-7 {
7509
+ margin-left: 29.16666667%;
7510
+ }
7511
+ .rs-col-xxl-8 {
7512
+ width: 33.33333333%;
7513
+ }
7514
+ .rs-col-xxl-pull-8 {
7515
+ right: 33.33333333%;
7516
+ }
7517
+ .rs-col-xxl-push-8 {
7518
+ left: 33.33333333%;
7519
+ }
7520
+ .rs-col-xxl-offset-8 {
7521
+ margin-left: 33.33333333%;
7522
+ }
7523
+ .rs-col-xxl-9 {
7524
+ width: 37.5%;
7525
+ }
7526
+ .rs-col-xxl-pull-9 {
7527
+ right: 37.5%;
7528
+ }
7529
+ .rs-col-xxl-push-9 {
7530
+ left: 37.5%;
7531
+ }
7532
+ .rs-col-xxl-offset-9 {
7533
+ margin-left: 37.5%;
7534
+ }
7535
+ .rs-col-xxl-10 {
7536
+ width: 41.66666667%;
7537
+ }
7538
+ .rs-col-xxl-pull-10 {
7539
+ right: 41.66666667%;
7540
+ }
7541
+ .rs-col-xxl-push-10 {
7542
+ left: 41.66666667%;
7543
+ }
7544
+ .rs-col-xxl-offset-10 {
7545
+ margin-left: 41.66666667%;
7546
+ }
7547
+ .rs-col-xxl-11 {
7548
+ width: 45.83333333%;
7549
+ }
7550
+ .rs-col-xxl-pull-11 {
7551
+ right: 45.83333333%;
7552
+ }
7553
+ .rs-col-xxl-push-11 {
7554
+ left: 45.83333333%;
7555
+ }
7556
+ .rs-col-xxl-offset-11 {
7557
+ margin-left: 45.83333333%;
7558
+ }
7559
+ .rs-col-xxl-12 {
7560
+ width: 50%;
7561
+ }
7562
+ .rs-col-xxl-pull-12 {
7563
+ right: 50%;
7564
+ }
7565
+ .rs-col-xxl-push-12 {
7566
+ left: 50%;
7567
+ }
7568
+ .rs-col-xxl-offset-12 {
7569
+ margin-left: 50%;
7570
+ }
7571
+ .rs-col-xxl-13 {
7572
+ width: 54.16666667%;
7573
+ }
7574
+ .rs-col-xxl-pull-13 {
7575
+ right: 54.16666667%;
7576
+ }
7577
+ .rs-col-xxl-push-13 {
7578
+ left: 54.16666667%;
7579
+ }
7580
+ .rs-col-xxl-offset-13 {
7581
+ margin-left: 54.16666667%;
7582
+ }
7583
+ .rs-col-xxl-14 {
7584
+ width: 58.33333333%;
7585
+ }
7586
+ .rs-col-xxl-pull-14 {
7587
+ right: 58.33333333%;
7588
+ }
7589
+ .rs-col-xxl-push-14 {
7590
+ left: 58.33333333%;
7591
+ }
7592
+ .rs-col-xxl-offset-14 {
7593
+ margin-left: 58.33333333%;
7594
+ }
7595
+ .rs-col-xxl-15 {
7596
+ width: 62.5%;
7597
+ }
7598
+ .rs-col-xxl-pull-15 {
7599
+ right: 62.5%;
7600
+ }
7601
+ .rs-col-xxl-push-15 {
7602
+ left: 62.5%;
7603
+ }
7604
+ .rs-col-xxl-offset-15 {
7605
+ margin-left: 62.5%;
7606
+ }
7607
+ .rs-col-xxl-16 {
7608
+ width: 66.66666667%;
7609
+ }
7610
+ .rs-col-xxl-pull-16 {
7611
+ right: 66.66666667%;
7612
+ }
7613
+ .rs-col-xxl-push-16 {
7614
+ left: 66.66666667%;
7615
+ }
7616
+ .rs-col-xxl-offset-16 {
7617
+ margin-left: 66.66666667%;
7618
+ }
7619
+ .rs-col-xxl-17 {
7620
+ width: 70.83333333%;
7621
+ }
7622
+ .rs-col-xxl-pull-17 {
7623
+ right: 70.83333333%;
7624
+ }
7625
+ .rs-col-xxl-push-17 {
7626
+ left: 70.83333333%;
7627
+ }
7628
+ .rs-col-xxl-offset-17 {
7629
+ margin-left: 70.83333333%;
7630
+ }
7631
+ .rs-col-xxl-18 {
7632
+ width: 75%;
7633
+ }
7634
+ .rs-col-xxl-pull-18 {
7635
+ right: 75%;
7636
+ }
7637
+ .rs-col-xxl-push-18 {
7638
+ left: 75%;
7639
+ }
7640
+ .rs-col-xxl-offset-18 {
7641
+ margin-left: 75%;
7642
+ }
7643
+ .rs-col-xxl-19 {
7644
+ width: 79.16666667%;
7645
+ }
7646
+ .rs-col-xxl-pull-19 {
7647
+ right: 79.16666667%;
7648
+ }
7649
+ .rs-col-xxl-push-19 {
7650
+ left: 79.16666667%;
7651
+ }
7652
+ .rs-col-xxl-offset-19 {
7653
+ margin-left: 79.16666667%;
7654
+ }
7655
+ .rs-col-xxl-20 {
7656
+ width: 83.33333333%;
7657
+ }
7658
+ .rs-col-xxl-pull-20 {
7659
+ right: 83.33333333%;
7660
+ }
7661
+ .rs-col-xxl-push-20 {
7662
+ left: 83.33333333%;
7663
+ }
7664
+ .rs-col-xxl-offset-20 {
7665
+ margin-left: 83.33333333%;
7666
+ }
7667
+ .rs-col-xxl-21 {
7668
+ width: 87.5%;
7669
+ }
7670
+ .rs-col-xxl-pull-21 {
7671
+ right: 87.5%;
7672
+ }
7673
+ .rs-col-xxl-push-21 {
7674
+ left: 87.5%;
7675
+ }
7676
+ .rs-col-xxl-offset-21 {
7677
+ margin-left: 87.5%;
7678
+ }
7679
+ .rs-col-xxl-22 {
7680
+ width: 91.66666667%;
7681
+ }
7682
+ .rs-col-xxl-pull-22 {
7683
+ right: 91.66666667%;
7684
+ }
7685
+ .rs-col-xxl-push-22 {
7686
+ left: 91.66666667%;
7687
+ }
7688
+ .rs-col-xxl-offset-22 {
7689
+ margin-left: 91.66666667%;
7690
+ }
7691
+ .rs-col-xxl-23 {
7692
+ width: 95.83333333%;
7693
+ }
7694
+ .rs-col-xxl-pull-23 {
7695
+ right: 95.83333333%;
7696
+ }
7697
+ .rs-col-xxl-push-23 {
7698
+ left: 95.83333333%;
7699
+ }
7700
+ .rs-col-xxl-offset-23 {
7701
+ margin-left: 95.83333333%;
7702
+ }
7703
+ .rs-col-xxl-24 {
7704
+ width: 100%;
7705
+ }
7706
+ .rs-col-xxl-pull-24 {
7707
+ right: 100%;
7708
+ }
7709
+ .rs-col-xxl-push-24 {
7710
+ left: 100%;
7711
+ }
7712
+ .rs-col-xxl-offset-24 {
7713
+ margin-left: 100%;
7714
+ }
7715
+ .rs-col-xxl-pull-0 {
7716
+ right: auto;
7717
+ }
7718
+ .rs-col-xxl-push-0 {
7719
+ left: auto;
7720
+ }
7721
+ }
7722
+ @media (max-width: 575px) {
7116
7723
  .rs-hidden-xs {
7117
7724
  display: none;
7118
7725
  }
7119
7726
  }
7120
- @media (min-width: 480px) and (max-width: 991px) {
7727
+ @media (min-width: 576px) and (max-width: 767px) {
7121
7728
  .rs-hidden-sm {
7122
7729
  display: none;
7123
7730
  }
7124
7731
  }
7125
- @media (min-width: 992px) and (max-width: 1199px) {
7732
+ @media (min-width: 768px) and (max-width: 991px) {
7126
7733
  .rs-hidden-md {
7127
7734
  display: none;
7128
7735
  }
7129
7736
  }
7130
- @media (min-width: 1200px) {
7737
+ @media (min-width: 992px) and (max-width: 1199px) {
7131
7738
  .rs-hidden-lg {
7132
7739
  display: none;
7133
7740
  }
7134
7741
  }
7742
+ @media (min-width: 1200px) and (max-width: 1399px) {
7743
+ .rs-hidden-xl {
7744
+ display: none;
7745
+ }
7746
+ }
7747
+ @media (min-width: 1400px) {
7748
+ .rs-hidden-xxl {
7749
+ display: none;
7750
+ }
7751
+ }
7135
7752
  .rs-header {
7136
7753
  -webkit-box-flex: 0;
7137
7754
  -ms-flex: 0 0 auto;
@@ -9802,6 +10419,7 @@ textarea.rs-picker-search-input {
9802
10419
  color: var(--rs-btn-default-hover-text);
9803
10420
  background-color: #e5e5ea;
9804
10421
  background-color: var(--rs-btn-default-hover-bg);
10422
+ text-decoration: none;
9805
10423
  }
9806
10424
  .rs-pagination-btn:active,
9807
10425
  .rs-pagination-btn.rs-btn-active {
@@ -10234,6 +10852,7 @@ textarea.rs-picker-search-input {
10234
10852
  color: var(--rs-btn-default-hover-text);
10235
10853
  background-color: #e5e5ea;
10236
10854
  background-color: var(--rs-btn-default-hover-bg);
10855
+ text-decoration: none;
10237
10856
  }
10238
10857
  .rs-picker-toggle:active,
10239
10858
  .rs-picker-toggle.rs-btn-active {
@@ -12225,6 +12844,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12225
12844
  color: var(--rs-btn-default-hover-text);
12226
12845
  background-color: #e5e5ea;
12227
12846
  background-color: var(--rs-btn-default-hover-bg);
12847
+ text-decoration: none;
12228
12848
  }
12229
12849
  .rs-radio-group-picker .rs-radio-checker > label:active,
12230
12850
  .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
@@ -12525,8 +13145,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12525
13145
  list-style: none;
12526
13146
  padding: 0;
12527
13147
  }
12528
- .rs-sidenav-nav > .rs-sidenav-item,
12529
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13148
+ .rs-sidenav-nav .rs-sidenav-item,
13149
+ .rs-sidenav-nav .rs-dropdown-toggle,
12530
13150
  .rs-sidenav-nav .rs-dropdown-item,
12531
13151
  .rs-sidenav-nav .rs-dropdown-item-toggle {
12532
13152
  padding: 15px 20px;
@@ -12535,8 +13155,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12535
13155
  border-radius: 0;
12536
13156
  color: inherit;
12537
13157
  }
12538
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
12539
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13158
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item,
13159
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12540
13160
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
12541
13161
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
12542
13162
  -webkit-transition: none;
@@ -13106,23 +13726,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13106
13726
  }
13107
13727
  .rs-sidenav-subtle {
13108
13728
  background-color: transparent;
13109
- color: #8e8e93;
13110
- color: var(--rs-sidenav-subtle-text);
13111
13729
  }
13112
13730
  .rs-sidenav-subtle .rs-sidenav-item,
13113
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle,
13114
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu),
13731
+ .rs-sidenav-subtle .rs-dropdown-toggle,
13732
+ .rs-sidenav-subtle .rs-dropdown-item,
13115
13733
  .rs-sidenav-subtle .rs-sidenav-toggle-button {
13116
13734
  background-color: transparent;
13735
+ color: #8e8e93;
13736
+ color: var(--rs-sidenav-subtle-text);
13117
13737
  }
13118
13738
  .rs-sidenav-subtle .rs-sidenav-item:hover,
13119
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
13120
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
13739
+ .rs-sidenav-subtle .rs-dropdown-toggle:hover,
13740
+ .rs-sidenav-subtle .rs-dropdown-item:hover,
13121
13741
  .rs-sidenav-subtle .rs-sidenav-toggle-button:hover,
13122
- .rs-sidenav-subtle .rs-sidenav-item:focus,
13123
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus,
13124
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
13125
- .rs-sidenav-subtle .rs-sidenav-toggle-button:focus {
13742
+ .rs-sidenav-subtle .rs-sidenav-item:focus-visible,
13743
+ .rs-sidenav-subtle .rs-dropdown-toggle:focus-visible,
13744
+ .rs-sidenav-subtle .rs-dropdown-item:focus-visible,
13745
+ .rs-sidenav-subtle .rs-sidenav-toggle-button:focus-visible {
13126
13746
  background-color: #f7f7fa;
13127
13747
  background-color: var(--rs-sidenav-subtle-hover-bg);
13128
13748
  color: #575757;
@@ -13157,10 +13777,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13157
13777
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
13158
13778
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13159
13779
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13160
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13161
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13162
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
13163
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
13780
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13781
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13782
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
13783
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible {
13164
13784
  background-color: #f7f7fa;
13165
13785
  background-color: var(--rs-sidenav-subtle-hover-bg);
13166
13786
  color: #575757;
@@ -13171,12 +13791,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13171
13791
  color: #1675e0;
13172
13792
  color: var(--rs-sidenav-subtle-selected-text);
13173
13793
  }
13174
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13175
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13176
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
13177
- color: #8e8e93;
13178
- color: var(--rs-sidenav-subtle-text);
13179
- }
13180
13794
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13181
13795
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13182
13796
  .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
@@ -13866,11 +14480,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13866
14480
  position: absolute;
13867
14481
  cursor: ew-resize !important;
13868
14482
  outline: none;
13869
- border-left: 3px solid #fff;
13870
- border-left: 3px solid var(--rs-bg-card);
13871
14483
  -webkit-box-sizing: content-box;
13872
14484
  box-sizing: content-box;
13873
- margin-left: -3px;
13874
14485
  }
13875
14486
  .rs-table-column-resize-spanner::after,
13876
14487
  .rs-table-column-resize-spanner::before {
@@ -14701,8 +15312,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14701
15312
  transition: opacity 0.15s linear, transform 0.15s ease-in;
14702
15313
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
14703
15314
  }
14704
- .rs-tooltip::before,
14705
- .rs-tooltip::after {
15315
+ .rs-tooltip-arrow::before,
15316
+ .rs-tooltip-arrow::after {
14706
15317
  content: ' ';
14707
15318
  display: block;
14708
15319
  position: absolute;
@@ -14711,14 +15322,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14711
15322
  border-color: transparent;
14712
15323
  border-style: solid;
14713
15324
  }
14714
- .rs-tooltip::before {
15325
+ .rs-tooltip-arrow::before {
14715
15326
  display: none;
14716
15327
  }
14717
15328
  .rs-theme-high-contrast .rs-tooltip {
14718
15329
  border: 1px solid #e5e5ea;
14719
15330
  border: 1px solid var(--rs-border-primary);
14720
15331
  }
14721
- .rs-theme-high-contrast .rs-tooltip::before {
15332
+ .rs-theme-high-contrast .rs-tooltip-arrow::before {
14722
15333
  display: block;
14723
15334
  }
14724
15335
  .rs-tooltip[class*='placement-top'] {
@@ -15441,6 +16052,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15441
16052
  color: var(--rs-btn-default-hover-text);
15442
16053
  background-color: #e5e5ea;
15443
16054
  background-color: var(--rs-btn-default-hover-bg);
16055
+ text-decoration: none;
15444
16056
  }
15445
16057
  .rs-uploader-picture .rs-uploader-trigger-btn:active,
15446
16058
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
@@ -15811,6 +16423,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15811
16423
  color: var(--rs-btn-default-hover-text);
15812
16424
  background-color: #e5e5ea;
15813
16425
  background-color: var(--rs-btn-default-hover-bg);
16426
+ text-decoration: none;
15814
16427
  }
15815
16428
  .rs-uploader-text .rs-uploader-trigger-btn:active,
15816
16429
  .rs-uploader-picture-text .rs-uploader-trigger-btn:active,