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
@@ -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 {
@@ -4985,7 +4986,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4985
4986
  .rs-dropdown-item.rs-dropdown-item-active:focus {
4986
4987
  color: #1675e0;
4987
4988
  color: var(--rs-dropdown-item-text-active);
4988
- background-color: rgba(242, 250, 255, 0.5);
4989
+ background-color: #f2faff;
4989
4990
  background-color: var(--rs-dropdown-item-bg-active);
4990
4991
  }
4991
4992
  .rs-dropdown-item:focus-visible,
@@ -5047,7 +5048,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5047
5048
  }
5048
5049
  .rs-dropdown-item-submenu.rs-dropdown-item > .rs-dropdown-menu {
5049
5050
  position: absolute;
5050
- top: 0;
5051
+ top: -6px;
5051
5052
  }
5052
5053
  .rs-dropdown-item.rs-dropdown-item-submenu {
5053
5054
  padding: 0;
@@ -5062,6 +5063,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5062
5063
  .rs-dropdown-item-submenu .rs-dropdown-menu {
5063
5064
  right: 100%;
5064
5065
  }
5066
+ .rs-dropdown-item-submenu .rs-dropdown-menu[data-direction='start'] {
5067
+ right: unset;
5068
+ left: 100%;
5069
+ }
5065
5070
  .rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu {
5066
5071
  display: table;
5067
5072
  -webkit-animation-name: slideUpIn;
@@ -5071,7 +5076,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5071
5076
  }
5072
5077
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus {
5073
5078
  outline: 0;
5074
- background-color: rgba(242, 250, 255, 0.5);
5079
+ background-color: #f2faff;
5075
5080
  background-color: var(--rs-dropdown-item-bg-active);
5076
5081
  }
5077
5082
  .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
@@ -5886,19 +5891,29 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
5886
5891
  .rs-grid-container::after {
5887
5892
  clear: both;
5888
5893
  }
5889
- @media (min-width: 480px) {
5894
+ @media (min-width: 576px) {
5890
5895
  .rs-grid-container {
5891
- width: 490px;
5896
+ width: 550px;
5897
+ }
5898
+ }
5899
+ @media (min-width: 768px) {
5900
+ .rs-grid-container {
5901
+ width: 730px;
5892
5902
  }
5893
5903
  }
5894
5904
  @media (min-width: 992px) {
5895
5905
  .rs-grid-container {
5896
- width: 950px;
5906
+ width: 970px;
5897
5907
  }
5898
5908
  }
5899
5909
  @media (min-width: 1200px) {
5900
5910
  .rs-grid-container {
5901
- width: 1150px;
5911
+ width: 970px;
5912
+ }
5913
+ }
5914
+ @media (min-width: 1400px) {
5915
+ .rs-grid-container {
5916
+ width: 970px;
5902
5917
  }
5903
5918
  }
5904
5919
  .rs-grid-container-fluid {
@@ -6216,7 +6231,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6216
6231
  .rs-col-xs-push-0 {
6217
6232
  right: auto;
6218
6233
  }
6219
- @media (min-width: 480px) {
6234
+ @media (min-width: 576px) {
6220
6235
  .rs-col-sm-1 {
6221
6236
  width: 4.16666667%;
6222
6237
  }
@@ -6512,7 +6527,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6512
6527
  right: auto;
6513
6528
  }
6514
6529
  }
6515
- @media (min-width: 992px) {
6530
+ @media (min-width: 768px) {
6516
6531
  .rs-col-md-1 {
6517
6532
  width: 4.16666667%;
6518
6533
  }
@@ -6808,7 +6823,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
6808
6823
  right: auto;
6809
6824
  }
6810
6825
  }
6811
- @media (min-width: 1200px) {
6826
+ @media (min-width: 992px) {
6812
6827
  .rs-col-lg-1 {
6813
6828
  width: 4.16666667%;
6814
6829
  }
@@ -7104,26 +7119,628 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
7104
7119
  right: auto;
7105
7120
  }
7106
7121
  }
7107
- @media (max-width: 479px) {
7122
+ @media (min-width: 1200px) {
7123
+ .rs-col-xl-1 {
7124
+ width: 4.16666667%;
7125
+ }
7126
+ .rs-col-xl-pull-1 {
7127
+ left: 4.16666667%;
7128
+ }
7129
+ .rs-col-xl-push-1 {
7130
+ right: 4.16666667%;
7131
+ }
7132
+ .rs-col-xl-offset-1 {
7133
+ margin-right: 4.16666667%;
7134
+ }
7135
+ .rs-col-xl-2 {
7136
+ width: 8.33333333%;
7137
+ }
7138
+ .rs-col-xl-pull-2 {
7139
+ left: 8.33333333%;
7140
+ }
7141
+ .rs-col-xl-push-2 {
7142
+ right: 8.33333333%;
7143
+ }
7144
+ .rs-col-xl-offset-2 {
7145
+ margin-right: 8.33333333%;
7146
+ }
7147
+ .rs-col-xl-3 {
7148
+ width: 12.5%;
7149
+ }
7150
+ .rs-col-xl-pull-3 {
7151
+ left: 12.5%;
7152
+ }
7153
+ .rs-col-xl-push-3 {
7154
+ right: 12.5%;
7155
+ }
7156
+ .rs-col-xl-offset-3 {
7157
+ margin-right: 12.5%;
7158
+ }
7159
+ .rs-col-xl-4 {
7160
+ width: 16.66666667%;
7161
+ }
7162
+ .rs-col-xl-pull-4 {
7163
+ left: 16.66666667%;
7164
+ }
7165
+ .rs-col-xl-push-4 {
7166
+ right: 16.66666667%;
7167
+ }
7168
+ .rs-col-xl-offset-4 {
7169
+ margin-right: 16.66666667%;
7170
+ }
7171
+ .rs-col-xl-5 {
7172
+ width: 20.83333333%;
7173
+ }
7174
+ .rs-col-xl-pull-5 {
7175
+ left: 20.83333333%;
7176
+ }
7177
+ .rs-col-xl-push-5 {
7178
+ right: 20.83333333%;
7179
+ }
7180
+ .rs-col-xl-offset-5 {
7181
+ margin-right: 20.83333333%;
7182
+ }
7183
+ .rs-col-xl-6 {
7184
+ width: 25%;
7185
+ }
7186
+ .rs-col-xl-pull-6 {
7187
+ left: 25%;
7188
+ }
7189
+ .rs-col-xl-push-6 {
7190
+ right: 25%;
7191
+ }
7192
+ .rs-col-xl-offset-6 {
7193
+ margin-right: 25%;
7194
+ }
7195
+ .rs-col-xl-7 {
7196
+ width: 29.16666667%;
7197
+ }
7198
+ .rs-col-xl-pull-7 {
7199
+ left: 29.16666667%;
7200
+ }
7201
+ .rs-col-xl-push-7 {
7202
+ right: 29.16666667%;
7203
+ }
7204
+ .rs-col-xl-offset-7 {
7205
+ margin-right: 29.16666667%;
7206
+ }
7207
+ .rs-col-xl-8 {
7208
+ width: 33.33333333%;
7209
+ }
7210
+ .rs-col-xl-pull-8 {
7211
+ left: 33.33333333%;
7212
+ }
7213
+ .rs-col-xl-push-8 {
7214
+ right: 33.33333333%;
7215
+ }
7216
+ .rs-col-xl-offset-8 {
7217
+ margin-right: 33.33333333%;
7218
+ }
7219
+ .rs-col-xl-9 {
7220
+ width: 37.5%;
7221
+ }
7222
+ .rs-col-xl-pull-9 {
7223
+ left: 37.5%;
7224
+ }
7225
+ .rs-col-xl-push-9 {
7226
+ right: 37.5%;
7227
+ }
7228
+ .rs-col-xl-offset-9 {
7229
+ margin-right: 37.5%;
7230
+ }
7231
+ .rs-col-xl-10 {
7232
+ width: 41.66666667%;
7233
+ }
7234
+ .rs-col-xl-pull-10 {
7235
+ left: 41.66666667%;
7236
+ }
7237
+ .rs-col-xl-push-10 {
7238
+ right: 41.66666667%;
7239
+ }
7240
+ .rs-col-xl-offset-10 {
7241
+ margin-right: 41.66666667%;
7242
+ }
7243
+ .rs-col-xl-11 {
7244
+ width: 45.83333333%;
7245
+ }
7246
+ .rs-col-xl-pull-11 {
7247
+ left: 45.83333333%;
7248
+ }
7249
+ .rs-col-xl-push-11 {
7250
+ right: 45.83333333%;
7251
+ }
7252
+ .rs-col-xl-offset-11 {
7253
+ margin-right: 45.83333333%;
7254
+ }
7255
+ .rs-col-xl-12 {
7256
+ width: 50%;
7257
+ }
7258
+ .rs-col-xl-pull-12 {
7259
+ left: 50%;
7260
+ }
7261
+ .rs-col-xl-push-12 {
7262
+ right: 50%;
7263
+ }
7264
+ .rs-col-xl-offset-12 {
7265
+ margin-right: 50%;
7266
+ }
7267
+ .rs-col-xl-13 {
7268
+ width: 54.16666667%;
7269
+ }
7270
+ .rs-col-xl-pull-13 {
7271
+ left: 54.16666667%;
7272
+ }
7273
+ .rs-col-xl-push-13 {
7274
+ right: 54.16666667%;
7275
+ }
7276
+ .rs-col-xl-offset-13 {
7277
+ margin-right: 54.16666667%;
7278
+ }
7279
+ .rs-col-xl-14 {
7280
+ width: 58.33333333%;
7281
+ }
7282
+ .rs-col-xl-pull-14 {
7283
+ left: 58.33333333%;
7284
+ }
7285
+ .rs-col-xl-push-14 {
7286
+ right: 58.33333333%;
7287
+ }
7288
+ .rs-col-xl-offset-14 {
7289
+ margin-right: 58.33333333%;
7290
+ }
7291
+ .rs-col-xl-15 {
7292
+ width: 62.5%;
7293
+ }
7294
+ .rs-col-xl-pull-15 {
7295
+ left: 62.5%;
7296
+ }
7297
+ .rs-col-xl-push-15 {
7298
+ right: 62.5%;
7299
+ }
7300
+ .rs-col-xl-offset-15 {
7301
+ margin-right: 62.5%;
7302
+ }
7303
+ .rs-col-xl-16 {
7304
+ width: 66.66666667%;
7305
+ }
7306
+ .rs-col-xl-pull-16 {
7307
+ left: 66.66666667%;
7308
+ }
7309
+ .rs-col-xl-push-16 {
7310
+ right: 66.66666667%;
7311
+ }
7312
+ .rs-col-xl-offset-16 {
7313
+ margin-right: 66.66666667%;
7314
+ }
7315
+ .rs-col-xl-17 {
7316
+ width: 70.83333333%;
7317
+ }
7318
+ .rs-col-xl-pull-17 {
7319
+ left: 70.83333333%;
7320
+ }
7321
+ .rs-col-xl-push-17 {
7322
+ right: 70.83333333%;
7323
+ }
7324
+ .rs-col-xl-offset-17 {
7325
+ margin-right: 70.83333333%;
7326
+ }
7327
+ .rs-col-xl-18 {
7328
+ width: 75%;
7329
+ }
7330
+ .rs-col-xl-pull-18 {
7331
+ left: 75%;
7332
+ }
7333
+ .rs-col-xl-push-18 {
7334
+ right: 75%;
7335
+ }
7336
+ .rs-col-xl-offset-18 {
7337
+ margin-right: 75%;
7338
+ }
7339
+ .rs-col-xl-19 {
7340
+ width: 79.16666667%;
7341
+ }
7342
+ .rs-col-xl-pull-19 {
7343
+ left: 79.16666667%;
7344
+ }
7345
+ .rs-col-xl-push-19 {
7346
+ right: 79.16666667%;
7347
+ }
7348
+ .rs-col-xl-offset-19 {
7349
+ margin-right: 79.16666667%;
7350
+ }
7351
+ .rs-col-xl-20 {
7352
+ width: 83.33333333%;
7353
+ }
7354
+ .rs-col-xl-pull-20 {
7355
+ left: 83.33333333%;
7356
+ }
7357
+ .rs-col-xl-push-20 {
7358
+ right: 83.33333333%;
7359
+ }
7360
+ .rs-col-xl-offset-20 {
7361
+ margin-right: 83.33333333%;
7362
+ }
7363
+ .rs-col-xl-21 {
7364
+ width: 87.5%;
7365
+ }
7366
+ .rs-col-xl-pull-21 {
7367
+ left: 87.5%;
7368
+ }
7369
+ .rs-col-xl-push-21 {
7370
+ right: 87.5%;
7371
+ }
7372
+ .rs-col-xl-offset-21 {
7373
+ margin-right: 87.5%;
7374
+ }
7375
+ .rs-col-xl-22 {
7376
+ width: 91.66666667%;
7377
+ }
7378
+ .rs-col-xl-pull-22 {
7379
+ left: 91.66666667%;
7380
+ }
7381
+ .rs-col-xl-push-22 {
7382
+ right: 91.66666667%;
7383
+ }
7384
+ .rs-col-xl-offset-22 {
7385
+ margin-right: 91.66666667%;
7386
+ }
7387
+ .rs-col-xl-23 {
7388
+ width: 95.83333333%;
7389
+ }
7390
+ .rs-col-xl-pull-23 {
7391
+ left: 95.83333333%;
7392
+ }
7393
+ .rs-col-xl-push-23 {
7394
+ right: 95.83333333%;
7395
+ }
7396
+ .rs-col-xl-offset-23 {
7397
+ margin-right: 95.83333333%;
7398
+ }
7399
+ .rs-col-xl-24 {
7400
+ width: 100%;
7401
+ }
7402
+ .rs-col-xl-pull-24 {
7403
+ left: 100%;
7404
+ }
7405
+ .rs-col-xl-push-24 {
7406
+ right: 100%;
7407
+ }
7408
+ .rs-col-xl-offset-24 {
7409
+ margin-right: 100%;
7410
+ }
7411
+ .rs-col-xl-pull-0 {
7412
+ left: auto;
7413
+ }
7414
+ .rs-col-xl-push-0 {
7415
+ right: auto;
7416
+ }
7417
+ }
7418
+ @media (min-width: 1400px) {
7419
+ .rs-col-xxl-1 {
7420
+ width: 4.16666667%;
7421
+ }
7422
+ .rs-col-xxl-pull-1 {
7423
+ left: 4.16666667%;
7424
+ }
7425
+ .rs-col-xxl-push-1 {
7426
+ right: 4.16666667%;
7427
+ }
7428
+ .rs-col-xxl-offset-1 {
7429
+ margin-right: 4.16666667%;
7430
+ }
7431
+ .rs-col-xxl-2 {
7432
+ width: 8.33333333%;
7433
+ }
7434
+ .rs-col-xxl-pull-2 {
7435
+ left: 8.33333333%;
7436
+ }
7437
+ .rs-col-xxl-push-2 {
7438
+ right: 8.33333333%;
7439
+ }
7440
+ .rs-col-xxl-offset-2 {
7441
+ margin-right: 8.33333333%;
7442
+ }
7443
+ .rs-col-xxl-3 {
7444
+ width: 12.5%;
7445
+ }
7446
+ .rs-col-xxl-pull-3 {
7447
+ left: 12.5%;
7448
+ }
7449
+ .rs-col-xxl-push-3 {
7450
+ right: 12.5%;
7451
+ }
7452
+ .rs-col-xxl-offset-3 {
7453
+ margin-right: 12.5%;
7454
+ }
7455
+ .rs-col-xxl-4 {
7456
+ width: 16.66666667%;
7457
+ }
7458
+ .rs-col-xxl-pull-4 {
7459
+ left: 16.66666667%;
7460
+ }
7461
+ .rs-col-xxl-push-4 {
7462
+ right: 16.66666667%;
7463
+ }
7464
+ .rs-col-xxl-offset-4 {
7465
+ margin-right: 16.66666667%;
7466
+ }
7467
+ .rs-col-xxl-5 {
7468
+ width: 20.83333333%;
7469
+ }
7470
+ .rs-col-xxl-pull-5 {
7471
+ left: 20.83333333%;
7472
+ }
7473
+ .rs-col-xxl-push-5 {
7474
+ right: 20.83333333%;
7475
+ }
7476
+ .rs-col-xxl-offset-5 {
7477
+ margin-right: 20.83333333%;
7478
+ }
7479
+ .rs-col-xxl-6 {
7480
+ width: 25%;
7481
+ }
7482
+ .rs-col-xxl-pull-6 {
7483
+ left: 25%;
7484
+ }
7485
+ .rs-col-xxl-push-6 {
7486
+ right: 25%;
7487
+ }
7488
+ .rs-col-xxl-offset-6 {
7489
+ margin-right: 25%;
7490
+ }
7491
+ .rs-col-xxl-7 {
7492
+ width: 29.16666667%;
7493
+ }
7494
+ .rs-col-xxl-pull-7 {
7495
+ left: 29.16666667%;
7496
+ }
7497
+ .rs-col-xxl-push-7 {
7498
+ right: 29.16666667%;
7499
+ }
7500
+ .rs-col-xxl-offset-7 {
7501
+ margin-right: 29.16666667%;
7502
+ }
7503
+ .rs-col-xxl-8 {
7504
+ width: 33.33333333%;
7505
+ }
7506
+ .rs-col-xxl-pull-8 {
7507
+ left: 33.33333333%;
7508
+ }
7509
+ .rs-col-xxl-push-8 {
7510
+ right: 33.33333333%;
7511
+ }
7512
+ .rs-col-xxl-offset-8 {
7513
+ margin-right: 33.33333333%;
7514
+ }
7515
+ .rs-col-xxl-9 {
7516
+ width: 37.5%;
7517
+ }
7518
+ .rs-col-xxl-pull-9 {
7519
+ left: 37.5%;
7520
+ }
7521
+ .rs-col-xxl-push-9 {
7522
+ right: 37.5%;
7523
+ }
7524
+ .rs-col-xxl-offset-9 {
7525
+ margin-right: 37.5%;
7526
+ }
7527
+ .rs-col-xxl-10 {
7528
+ width: 41.66666667%;
7529
+ }
7530
+ .rs-col-xxl-pull-10 {
7531
+ left: 41.66666667%;
7532
+ }
7533
+ .rs-col-xxl-push-10 {
7534
+ right: 41.66666667%;
7535
+ }
7536
+ .rs-col-xxl-offset-10 {
7537
+ margin-right: 41.66666667%;
7538
+ }
7539
+ .rs-col-xxl-11 {
7540
+ width: 45.83333333%;
7541
+ }
7542
+ .rs-col-xxl-pull-11 {
7543
+ left: 45.83333333%;
7544
+ }
7545
+ .rs-col-xxl-push-11 {
7546
+ right: 45.83333333%;
7547
+ }
7548
+ .rs-col-xxl-offset-11 {
7549
+ margin-right: 45.83333333%;
7550
+ }
7551
+ .rs-col-xxl-12 {
7552
+ width: 50%;
7553
+ }
7554
+ .rs-col-xxl-pull-12 {
7555
+ left: 50%;
7556
+ }
7557
+ .rs-col-xxl-push-12 {
7558
+ right: 50%;
7559
+ }
7560
+ .rs-col-xxl-offset-12 {
7561
+ margin-right: 50%;
7562
+ }
7563
+ .rs-col-xxl-13 {
7564
+ width: 54.16666667%;
7565
+ }
7566
+ .rs-col-xxl-pull-13 {
7567
+ left: 54.16666667%;
7568
+ }
7569
+ .rs-col-xxl-push-13 {
7570
+ right: 54.16666667%;
7571
+ }
7572
+ .rs-col-xxl-offset-13 {
7573
+ margin-right: 54.16666667%;
7574
+ }
7575
+ .rs-col-xxl-14 {
7576
+ width: 58.33333333%;
7577
+ }
7578
+ .rs-col-xxl-pull-14 {
7579
+ left: 58.33333333%;
7580
+ }
7581
+ .rs-col-xxl-push-14 {
7582
+ right: 58.33333333%;
7583
+ }
7584
+ .rs-col-xxl-offset-14 {
7585
+ margin-right: 58.33333333%;
7586
+ }
7587
+ .rs-col-xxl-15 {
7588
+ width: 62.5%;
7589
+ }
7590
+ .rs-col-xxl-pull-15 {
7591
+ left: 62.5%;
7592
+ }
7593
+ .rs-col-xxl-push-15 {
7594
+ right: 62.5%;
7595
+ }
7596
+ .rs-col-xxl-offset-15 {
7597
+ margin-right: 62.5%;
7598
+ }
7599
+ .rs-col-xxl-16 {
7600
+ width: 66.66666667%;
7601
+ }
7602
+ .rs-col-xxl-pull-16 {
7603
+ left: 66.66666667%;
7604
+ }
7605
+ .rs-col-xxl-push-16 {
7606
+ right: 66.66666667%;
7607
+ }
7608
+ .rs-col-xxl-offset-16 {
7609
+ margin-right: 66.66666667%;
7610
+ }
7611
+ .rs-col-xxl-17 {
7612
+ width: 70.83333333%;
7613
+ }
7614
+ .rs-col-xxl-pull-17 {
7615
+ left: 70.83333333%;
7616
+ }
7617
+ .rs-col-xxl-push-17 {
7618
+ right: 70.83333333%;
7619
+ }
7620
+ .rs-col-xxl-offset-17 {
7621
+ margin-right: 70.83333333%;
7622
+ }
7623
+ .rs-col-xxl-18 {
7624
+ width: 75%;
7625
+ }
7626
+ .rs-col-xxl-pull-18 {
7627
+ left: 75%;
7628
+ }
7629
+ .rs-col-xxl-push-18 {
7630
+ right: 75%;
7631
+ }
7632
+ .rs-col-xxl-offset-18 {
7633
+ margin-right: 75%;
7634
+ }
7635
+ .rs-col-xxl-19 {
7636
+ width: 79.16666667%;
7637
+ }
7638
+ .rs-col-xxl-pull-19 {
7639
+ left: 79.16666667%;
7640
+ }
7641
+ .rs-col-xxl-push-19 {
7642
+ right: 79.16666667%;
7643
+ }
7644
+ .rs-col-xxl-offset-19 {
7645
+ margin-right: 79.16666667%;
7646
+ }
7647
+ .rs-col-xxl-20 {
7648
+ width: 83.33333333%;
7649
+ }
7650
+ .rs-col-xxl-pull-20 {
7651
+ left: 83.33333333%;
7652
+ }
7653
+ .rs-col-xxl-push-20 {
7654
+ right: 83.33333333%;
7655
+ }
7656
+ .rs-col-xxl-offset-20 {
7657
+ margin-right: 83.33333333%;
7658
+ }
7659
+ .rs-col-xxl-21 {
7660
+ width: 87.5%;
7661
+ }
7662
+ .rs-col-xxl-pull-21 {
7663
+ left: 87.5%;
7664
+ }
7665
+ .rs-col-xxl-push-21 {
7666
+ right: 87.5%;
7667
+ }
7668
+ .rs-col-xxl-offset-21 {
7669
+ margin-right: 87.5%;
7670
+ }
7671
+ .rs-col-xxl-22 {
7672
+ width: 91.66666667%;
7673
+ }
7674
+ .rs-col-xxl-pull-22 {
7675
+ left: 91.66666667%;
7676
+ }
7677
+ .rs-col-xxl-push-22 {
7678
+ right: 91.66666667%;
7679
+ }
7680
+ .rs-col-xxl-offset-22 {
7681
+ margin-right: 91.66666667%;
7682
+ }
7683
+ .rs-col-xxl-23 {
7684
+ width: 95.83333333%;
7685
+ }
7686
+ .rs-col-xxl-pull-23 {
7687
+ left: 95.83333333%;
7688
+ }
7689
+ .rs-col-xxl-push-23 {
7690
+ right: 95.83333333%;
7691
+ }
7692
+ .rs-col-xxl-offset-23 {
7693
+ margin-right: 95.83333333%;
7694
+ }
7695
+ .rs-col-xxl-24 {
7696
+ width: 100%;
7697
+ }
7698
+ .rs-col-xxl-pull-24 {
7699
+ left: 100%;
7700
+ }
7701
+ .rs-col-xxl-push-24 {
7702
+ right: 100%;
7703
+ }
7704
+ .rs-col-xxl-offset-24 {
7705
+ margin-right: 100%;
7706
+ }
7707
+ .rs-col-xxl-pull-0 {
7708
+ left: auto;
7709
+ }
7710
+ .rs-col-xxl-push-0 {
7711
+ right: auto;
7712
+ }
7713
+ }
7714
+ @media (max-width: 575px) {
7108
7715
  .rs-hidden-xs {
7109
7716
  display: none;
7110
7717
  }
7111
7718
  }
7112
- @media (min-width: 480px) and (max-width: 991px) {
7719
+ @media (min-width: 576px) and (max-width: 767px) {
7113
7720
  .rs-hidden-sm {
7114
7721
  display: none;
7115
7722
  }
7116
7723
  }
7117
- @media (min-width: 992px) and (max-width: 1199px) {
7724
+ @media (min-width: 768px) and (max-width: 991px) {
7118
7725
  .rs-hidden-md {
7119
7726
  display: none;
7120
7727
  }
7121
7728
  }
7122
- @media (min-width: 1200px) {
7729
+ @media (min-width: 992px) and (max-width: 1199px) {
7123
7730
  .rs-hidden-lg {
7124
7731
  display: none;
7125
7732
  }
7126
7733
  }
7734
+ @media (min-width: 1200px) and (max-width: 1399px) {
7735
+ .rs-hidden-xl {
7736
+ display: none;
7737
+ }
7738
+ }
7739
+ @media (min-width: 1400px) {
7740
+ .rs-hidden-xxl {
7741
+ display: none;
7742
+ }
7743
+ }
7127
7744
  .rs-header {
7128
7745
  -webkit-box-flex: 0;
7129
7746
  -ms-flex: 0 0 auto;
@@ -9792,6 +10409,7 @@ textarea.rs-picker-search-input {
9792
10409
  color: var(--rs-btn-default-hover-text);
9793
10410
  background-color: #e5e5ea;
9794
10411
  background-color: var(--rs-btn-default-hover-bg);
10412
+ text-decoration: none;
9795
10413
  }
9796
10414
  .rs-pagination-btn:active,
9797
10415
  .rs-pagination-btn.rs-btn-active {
@@ -10222,6 +10840,7 @@ textarea.rs-picker-search-input {
10222
10840
  color: var(--rs-btn-default-hover-text);
10223
10841
  background-color: #e5e5ea;
10224
10842
  background-color: var(--rs-btn-default-hover-bg);
10843
+ text-decoration: none;
10225
10844
  }
10226
10845
  .rs-picker-toggle:active,
10227
10846
  .rs-picker-toggle.rs-btn-active {
@@ -12209,6 +12828,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12209
12828
  color: var(--rs-btn-default-hover-text);
12210
12829
  background-color: #e5e5ea;
12211
12830
  background-color: var(--rs-btn-default-hover-bg);
12831
+ text-decoration: none;
12212
12832
  }
12213
12833
  .rs-radio-group-picker .rs-radio-checker > label:active,
12214
12834
  .rs-radio-group-picker .rs-radio-checker > label.rs-btn-active {
@@ -12509,8 +13129,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12509
13129
  list-style: none;
12510
13130
  padding: 0;
12511
13131
  }
12512
- .rs-sidenav-nav > .rs-sidenav-item,
12513
- .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13132
+ .rs-sidenav-nav .rs-sidenav-item,
13133
+ .rs-sidenav-nav .rs-dropdown-toggle,
12514
13134
  .rs-sidenav-nav .rs-dropdown-item,
12515
13135
  .rs-sidenav-nav .rs-dropdown-item-toggle {
12516
13136
  padding: 15px 20px;
@@ -12519,8 +13139,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12519
13139
  border-radius: 0;
12520
13140
  color: inherit;
12521
13141
  }
12522
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item,
12523
- .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle,
13142
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item,
13143
+ .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
12524
13144
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item,
12525
13145
  .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle {
12526
13146
  -webkit-transition: none;
@@ -13090,23 +13710,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13090
13710
  }
13091
13711
  .rs-sidenav-subtle {
13092
13712
  background-color: transparent;
13093
- color: #8e8e93;
13094
- color: var(--rs-sidenav-subtle-text);
13095
13713
  }
13096
13714
  .rs-sidenav-subtle .rs-sidenav-item,
13097
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle,
13098
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu),
13715
+ .rs-sidenav-subtle .rs-dropdown-toggle,
13716
+ .rs-sidenav-subtle .rs-dropdown-item,
13099
13717
  .rs-sidenav-subtle .rs-sidenav-toggle-button {
13100
13718
  background-color: transparent;
13719
+ color: #8e8e93;
13720
+ color: var(--rs-sidenav-subtle-text);
13101
13721
  }
13102
13722
  .rs-sidenav-subtle .rs-sidenav-item:hover,
13103
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:hover,
13104
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu):hover,
13723
+ .rs-sidenav-subtle .rs-dropdown-toggle:hover,
13724
+ .rs-sidenav-subtle .rs-dropdown-item:hover,
13105
13725
  .rs-sidenav-subtle .rs-sidenav-toggle-button:hover,
13106
- .rs-sidenav-subtle .rs-sidenav-item:focus,
13107
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-toggle:focus,
13108
- .rs-sidenav-subtle .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu):focus,
13109
- .rs-sidenav-subtle .rs-sidenav-toggle-button:focus {
13726
+ .rs-sidenav-subtle .rs-sidenav-item:focus-visible,
13727
+ .rs-sidenav-subtle .rs-dropdown-toggle:focus-visible,
13728
+ .rs-sidenav-subtle .rs-dropdown-item:focus-visible,
13729
+ .rs-sidenav-subtle .rs-sidenav-toggle-button:focus-visible {
13110
13730
  background-color: #f7f7fa;
13111
13731
  background-color: var(--rs-sidenav-subtle-hover-bg);
13112
13732
  color: #575757;
@@ -13141,10 +13761,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13141
13761
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
13142
13762
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13143
13763
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
13144
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13145
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
13146
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
13147
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus {
13764
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13765
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
13766
+ .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
13767
+ .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible {
13148
13768
  background-color: #f7f7fa;
13149
13769
  background-color: var(--rs-sidenav-subtle-hover-bg);
13150
13770
  color: #575757;
@@ -13155,12 +13775,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13155
13775
  color: #1675e0;
13156
13776
  color: var(--rs-sidenav-subtle-selected-text);
13157
13777
  }
13158
- .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13159
- .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle,
13160
- .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
13161
- color: #8e8e93;
13162
- color: var(--rs-sidenav-subtle-text);
13163
- }
13164
13778
  .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13165
13779
  .rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover,
13166
13780
  .rs-sidenav-subtle.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle:hover {
@@ -13850,11 +14464,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13850
14464
  position: absolute;
13851
14465
  cursor: ew-resize !important;
13852
14466
  outline: none;
13853
- border-right: 3px solid #fff;
13854
- border-right: 3px solid var(--rs-bg-card);
13855
14467
  -webkit-box-sizing: content-box;
13856
14468
  box-sizing: content-box;
13857
- margin-right: -3px;
13858
14469
  }
13859
14470
  .rs-table-column-resize-spanner::after,
13860
14471
  .rs-table-column-resize-spanner::before {
@@ -14683,8 +15294,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14683
15294
  transition: opacity 0.15s linear, transform 0.15s ease-in;
14684
15295
  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
14685
15296
  }
14686
- .rs-tooltip::before,
14687
- .rs-tooltip::after {
15297
+ .rs-tooltip-arrow::before,
15298
+ .rs-tooltip-arrow::after {
14688
15299
  content: ' ';
14689
15300
  display: block;
14690
15301
  position: absolute;
@@ -14693,14 +15304,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14693
15304
  border-color: transparent;
14694
15305
  border-style: solid;
14695
15306
  }
14696
- .rs-tooltip::before {
15307
+ .rs-tooltip-arrow::before {
14697
15308
  display: none;
14698
15309
  }
14699
15310
  .rs-theme-high-contrast .rs-tooltip {
14700
15311
  border: 1px solid #e5e5ea;
14701
15312
  border: 1px solid var(--rs-border-primary);
14702
15313
  }
14703
- .rs-theme-high-contrast .rs-tooltip::before {
15314
+ .rs-theme-high-contrast .rs-tooltip-arrow::before {
14704
15315
  display: block;
14705
15316
  }
14706
15317
  .rs-tooltip[class*='placement-top'] {
@@ -15419,6 +16030,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15419
16030
  color: var(--rs-btn-default-hover-text);
15420
16031
  background-color: #e5e5ea;
15421
16032
  background-color: var(--rs-btn-default-hover-bg);
16033
+ text-decoration: none;
15422
16034
  }
15423
16035
  .rs-uploader-picture .rs-uploader-trigger-btn:active,
15424
16036
  .rs-uploader-picture .rs-uploader-trigger-btn.rs-btn-active {
@@ -15789,6 +16401,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15789
16401
  color: var(--rs-btn-default-hover-text);
15790
16402
  background-color: #e5e5ea;
15791
16403
  background-color: var(--rs-btn-default-hover-bg);
16404
+ text-decoration: none;
15792
16405
  }
15793
16406
  .rs-uploader-text .rs-uploader-trigger-btn:active,
15794
16407
  .rs-uploader-picture-text .rs-uploader-trigger-btn:active,