@syncfusion/ej2-navigations 28.2.12 → 29.1.34

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 (201) hide show
  1. package/README.md +1 -1
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +96 -18
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +96 -18
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +19 -26
  13. package/src/common/menu-base.d.ts +5 -0
  14. package/src/common/menu-base.js +60 -6
  15. package/src/sidebar/sidebar.d.ts +1 -0
  16. package/src/sidebar/sidebar.js +8 -1
  17. package/src/tab/tab-model.d.ts +1 -1
  18. package/src/tab/tab.d.ts +3 -3
  19. package/src/tab/tab.js +20 -4
  20. package/src/treeview/treeview.js +7 -6
  21. package/styles/accordion/_bootstrap-dark-definition.scss +4 -2
  22. package/styles/accordion/_bootstrap4-definition.scss +7 -5
  23. package/styles/accordion/bootstrap-dark.css +12 -12
  24. package/styles/accordion/bootstrap4.css +4 -4
  25. package/styles/accordion/bootstrap5-dark.css +37 -37
  26. package/styles/accordion/bootstrap5.css +16 -16
  27. package/styles/accordion/fabric.css +11 -11
  28. package/styles/accordion/tailwind-dark.css +2 -2
  29. package/styles/bds-lite.css +11 -1
  30. package/styles/bds.css +11 -1
  31. package/styles/bootstrap-dark-lite.css +60 -50
  32. package/styles/bootstrap-dark.css +60 -50
  33. package/styles/bootstrap-lite.css +11 -1
  34. package/styles/bootstrap.css +11 -1
  35. package/styles/bootstrap4-lite.css +88 -78
  36. package/styles/bootstrap4.css +89 -79
  37. package/styles/bootstrap5-dark-lite.css +223 -213
  38. package/styles/bootstrap5-dark.css +223 -213
  39. package/styles/bootstrap5-lite.css +84 -74
  40. package/styles/bootstrap5.3-lite.css +12 -8
  41. package/styles/bootstrap5.3.css +18 -8
  42. package/styles/bootstrap5.css +84 -74
  43. package/styles/breadcrumb/_bigger.scss +3 -1
  44. package/styles/breadcrumb/_bootstrap4-definition.scss +6 -4
  45. package/styles/breadcrumb/_bootstrap5-definition.scss +5 -3
  46. package/styles/breadcrumb/_fusionnew-definition.scss +9 -3
  47. package/styles/breadcrumb/_layout.scss +3 -1
  48. package/styles/breadcrumb/bootstrap-dark.css +2 -2
  49. package/styles/breadcrumb/bootstrap4.css +4 -4
  50. package/styles/breadcrumb/bootstrap5-dark.css +12 -12
  51. package/styles/breadcrumb/bootstrap5.css +3 -3
  52. package/styles/breadcrumb/fabric-dark.css +3 -3
  53. package/styles/context-menu/_bootstrap4-definition.scss +3 -1
  54. package/styles/context-menu/_fusionnew-definition.scss +1 -0
  55. package/styles/context-menu/_theme.scss +9 -1
  56. package/styles/context-menu/bds.css +1 -1
  57. package/styles/context-menu/bootstrap-dark.css +1 -1
  58. package/styles/context-menu/bootstrap.css +1 -1
  59. package/styles/context-menu/bootstrap4.css +2 -2
  60. package/styles/context-menu/bootstrap5-dark.css +8 -8
  61. package/styles/context-menu/bootstrap5.3.css +1 -1
  62. package/styles/context-menu/bootstrap5.css +1 -1
  63. package/styles/context-menu/fabric-dark.css +1 -1
  64. package/styles/context-menu/fabric.css +1 -1
  65. package/styles/context-menu/fluent-dark.css +1 -1
  66. package/styles/context-menu/fluent.css +1 -1
  67. package/styles/context-menu/fluent2.css +1 -1
  68. package/styles/context-menu/highcontrast-light.css +1 -1
  69. package/styles/context-menu/highcontrast.css +1 -1
  70. package/styles/context-menu/material-dark.css +2 -1
  71. package/styles/context-menu/material.css +1 -1
  72. package/styles/context-menu/material3-dark.css +2 -1
  73. package/styles/context-menu/material3.css +2 -1
  74. package/styles/context-menu/tailwind-dark.css +1 -1
  75. package/styles/context-menu/tailwind.css +1 -1
  76. package/styles/context-menu/tailwind3.css +1 -1
  77. package/styles/fabric-dark-lite.css +17 -7
  78. package/styles/fabric-dark.css +17 -7
  79. package/styles/fabric-lite.css +48 -38
  80. package/styles/fabric.css +48 -38
  81. package/styles/fluent-dark-lite.css +21 -11
  82. package/styles/fluent-dark.css +21 -11
  83. package/styles/fluent-lite.css +21 -11
  84. package/styles/fluent.css +21 -11
  85. package/styles/fluent2-lite.css +11 -1
  86. package/styles/fluent2.css +11 -1
  87. package/styles/h-scroll/_bootstrap4-definition.scss +4 -2
  88. package/styles/h-scroll/bootstrap4.css +5 -5
  89. package/styles/h-scroll/bootstrap5-dark.css +6 -6
  90. package/styles/h-scroll/fabric.css +1 -1
  91. package/styles/highcontrast-light-lite.css +11 -1
  92. package/styles/highcontrast-light.css +11 -1
  93. package/styles/highcontrast-lite.css +11 -1
  94. package/styles/highcontrast.css +11 -1
  95. package/styles/material-dark-lite.css +14 -3
  96. package/styles/material-dark.css +14 -3
  97. package/styles/material-lite.css +19 -9
  98. package/styles/material.css +19 -9
  99. package/styles/material3-dark-lite.css +12 -1
  100. package/styles/material3-dark.css +19 -2
  101. package/styles/material3-lite.css +12 -1
  102. package/styles/material3.css +19 -2
  103. package/styles/menu/_bootstrap4-definition.scss +4 -2
  104. package/styles/menu/_theme.scss +7 -6
  105. package/styles/menu/bootstrap4.css +13 -13
  106. package/styles/menu/bootstrap5-dark.css +14 -14
  107. package/styles/pager/_bigger.scss +3 -1
  108. package/styles/pager/_bootstrap-dark-definition.scss +3 -2
  109. package/styles/pager/_bootstrap4-definition.scss +2 -1
  110. package/styles/pager/bootstrap-dark.css +4 -4
  111. package/styles/pager/bootstrap4.css +1 -1
  112. package/styles/pager/bootstrap5-dark.css +13 -13
  113. package/styles/pager/bootstrap5.css +4 -4
  114. package/styles/pager/fabric.css +2 -2
  115. package/styles/pager/material3-dark.css +7 -1
  116. package/styles/pager/material3.css +7 -1
  117. package/styles/sidebar/bootstrap5-dark.css +1 -1
  118. package/styles/stepper/_bootstrap4-definition.scss +4 -2
  119. package/styles/stepper/_material-dark-definition.scss +4 -2
  120. package/styles/stepper/_material-definition.scss +7 -5
  121. package/styles/stepper/bootstrap-dark.css +2 -2
  122. package/styles/stepper/bootstrap4.css +2 -2
  123. package/styles/stepper/bootstrap5-dark.css +20 -20
  124. package/styles/stepper/bootstrap5.css +2 -2
  125. package/styles/stepper/fabric-dark.css +2 -2
  126. package/styles/stepper/fabric.css +2 -2
  127. package/styles/stepper/fluent-dark.css +1 -1
  128. package/styles/stepper/fluent.css +1 -1
  129. package/styles/stepper/material-dark.css +2 -2
  130. package/styles/stepper/material.css +8 -8
  131. package/styles/tab/_bootstrap-dark-definition.scss +8 -6
  132. package/styles/tab/_bootstrap4-definition.scss +13 -11
  133. package/styles/tab/_bootstrap5-definition.scss +3 -1
  134. package/styles/tab/_bootstrap5.3-definition.scss +3 -1
  135. package/styles/tab/_fluent-definition.scss +4 -2
  136. package/styles/tab/_layout.scss +4 -0
  137. package/styles/tab/bds.css +5 -0
  138. package/styles/tab/bootstrap-dark.css +34 -29
  139. package/styles/tab/bootstrap.css +5 -0
  140. package/styles/tab/bootstrap4.css +32 -27
  141. package/styles/tab/bootstrap5-dark.css +48 -43
  142. package/styles/tab/bootstrap5.3.css +5 -0
  143. package/styles/tab/bootstrap5.css +27 -22
  144. package/styles/tab/fabric-dark.css +5 -0
  145. package/styles/tab/fabric.css +9 -4
  146. package/styles/tab/fluent-dark.css +12 -7
  147. package/styles/tab/fluent.css +12 -7
  148. package/styles/tab/fluent2.css +5 -0
  149. package/styles/tab/highcontrast-light.css +5 -0
  150. package/styles/tab/highcontrast.css +5 -0
  151. package/styles/tab/material-dark.css +5 -0
  152. package/styles/tab/material.css +5 -0
  153. package/styles/tab/material3-dark.css +5 -0
  154. package/styles/tab/material3.css +5 -0
  155. package/styles/tab/tailwind-dark.css +5 -0
  156. package/styles/tab/tailwind.css +5 -0
  157. package/styles/tab/tailwind3.css +5 -0
  158. package/styles/tailwind-dark-lite.css +15 -5
  159. package/styles/tailwind-dark.css +15 -5
  160. package/styles/tailwind-lite.css +13 -3
  161. package/styles/tailwind.css +13 -3
  162. package/styles/tailwind3-lite.css +12 -2
  163. package/styles/tailwind3.css +13 -2
  164. package/styles/toolbar/_bootstrap4-definition.scss +8 -6
  165. package/styles/toolbar/_material-dark-definition.scss +3 -1
  166. package/styles/toolbar/_material-definition.scss +3 -1
  167. package/styles/toolbar/bootstrap4.css +12 -12
  168. package/styles/toolbar/bootstrap5-dark.css +47 -47
  169. package/styles/toolbar/bootstrap5.css +23 -23
  170. package/styles/toolbar/fabric.css +9 -9
  171. package/styles/treeview/_bigger.scss +5 -1
  172. package/styles/treeview/_bootstrap4-definition.scss +6 -4
  173. package/styles/treeview/_bootstrap5-definition.scss +4 -2
  174. package/styles/treeview/_bootstrap5.3-definition.scss +1 -1
  175. package/styles/treeview/_fluent-definition.scss +3 -1
  176. package/styles/treeview/_layout.scss +6 -2
  177. package/styles/treeview/_tailwind-definition.scss +3 -1
  178. package/styles/treeview/_theme.scss +3 -1
  179. package/styles/treeview/bds.css +5 -0
  180. package/styles/treeview/bootstrap-dark.css +5 -0
  181. package/styles/treeview/bootstrap.css +5 -0
  182. package/styles/treeview/bootstrap4.css +14 -9
  183. package/styles/treeview/bootstrap5-dark.css +17 -12
  184. package/styles/treeview/bootstrap5.3.css +12 -7
  185. package/styles/treeview/bootstrap5.css +8 -3
  186. package/styles/treeview/fabric-dark.css +5 -0
  187. package/styles/treeview/fabric.css +12 -7
  188. package/styles/treeview/fluent-dark.css +7 -2
  189. package/styles/treeview/fluent.css +7 -2
  190. package/styles/treeview/fluent2.css +5 -0
  191. package/styles/treeview/highcontrast-light.css +5 -0
  192. package/styles/treeview/highcontrast.css +5 -0
  193. package/styles/treeview/material-dark.css +5 -0
  194. package/styles/treeview/material.css +5 -0
  195. package/styles/treeview/material3-dark.css +5 -0
  196. package/styles/treeview/material3.css +5 -0
  197. package/styles/treeview/tailwind-dark.css +7 -2
  198. package/styles/treeview/tailwind.css +7 -2
  199. package/styles/treeview/tailwind3.css +7 -1
  200. package/styles/v-scroll/fabric-dark.css +1 -1
  201. package/styles/v-scroll/fabric.css +1 -1
@@ -15,10 +15,10 @@
15
15
  margin-top: 0;
16
16
  }
17
17
  .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
18
- border-top: 1px none #444c54;
18
+ border-top: 1px none rgb(68.0034482759, 75.85, 83.6965517241);
19
19
  }
20
20
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
21
- border-bottom: 1px solid #444c54;
21
+ border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
22
22
  }
23
23
  .e-accordion .e-acrdn-item:first-child {
24
24
  margin-top: 0;
@@ -180,11 +180,11 @@
180
180
  .e-accordion {
181
181
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
182
182
  background: #212529;
183
- border: 1px solid #444c54;
183
+ border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
184
184
  border-radius: 4px;
185
185
  }
186
186
  .e-accordion .e-acrdn-item {
187
- border-color: #444c54;
187
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
188
188
  border-style: solid;
189
189
  border-width: 0 0 1px 0;
190
190
  border-radius: 0;
@@ -209,20 +209,20 @@
209
209
  border-radius: 0;
210
210
  }
211
211
  .e-accordion .e-acrdn-item.e-item-focus {
212
- border-color: #444c54;
212
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
213
213
  border-style: solid;
214
214
  border-width: 0 0 1px 0;
215
215
  }
216
216
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
217
- border-top: 1px none #444c54;
217
+ border-top: 1px none rgb(68.0034482759, 75.85, 83.6965517241);
218
218
  }
219
219
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
220
- border-color: #444c54;
220
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
221
221
  border-style: solid;
222
222
  border-width: 0 0 1px 0;
223
223
  }
224
224
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
225
- background: #031633;
225
+ background: rgb(2.6, 22, 50.6);
226
226
  }
227
227
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
228
228
  color: #0d6efd;
@@ -234,10 +234,10 @@
234
234
  color: #adb5bd;
235
235
  }
236
236
  .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
237
- border-color: #444c54;
237
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
238
238
  }
239
239
  .e-accordion .e-acrdn-item.e-expand-state.e-select {
240
- border-color: #444c54;
240
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
241
241
  border-style: solid;
242
242
  border-width: 0 0 1px 0;
243
243
  }
@@ -263,29 +263,29 @@
263
263
  color: #6c757d;
264
264
  }
265
265
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
266
- border-color: #444c54;
266
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
267
267
  border-style: solid;
268
268
  border-width: 0 0 1px 0;
269
- background: #031633;
269
+ background: rgb(2.6, 22, 50.6);
270
270
  }
271
271
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
272
- background: #031633;
272
+ background: rgb(2.6, 22, 50.6);
273
273
  }
274
274
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
275
- background: #031633;
275
+ background: rgb(2.6, 22, 50.6);
276
276
  }
277
277
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
278
278
  color: #fff;
279
279
  }
280
280
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
281
- border-bottom: 1px none #444c54;
281
+ border-bottom: 1px none rgb(68.0034482759, 75.85, 83.6965517241);
282
282
  }
283
283
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
284
284
  color: #fff;
285
285
  }
286
286
  .e-accordion .e-acrdn-item.e-select {
287
287
  background: none;
288
- border-color: #444c54;
288
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
289
289
  border-style: solid;
290
290
  border-width: 0 0 1px 0;
291
291
  }
@@ -317,7 +317,7 @@
317
317
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
318
318
  border: 0;
319
319
  border-color: initial;
320
- background: #031633;
320
+ background: rgb(2.6, 22, 50.6);
321
321
  }
322
322
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
323
  border: 0;
@@ -334,56 +334,56 @@
334
334
  color: #0d6efd;
335
335
  }
336
336
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
337
- color: #6ea8fe;
337
+ color: rgb(109.8, 168, 253.8);
338
338
  }
339
339
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
340
- color: #6ea8fe;
340
+ color: rgb(109.8, 168, 253.8);
341
341
  }
342
342
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
343
343
  color: #fff;
344
344
  }
345
345
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
346
- border-color: #444c54;
346
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
347
347
  border-style: solid;
348
348
  border-width: 0 0 1px 0;
349
- background: #031633;
349
+ background: rgb(2.6, 22, 50.6);
350
350
  }
351
351
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
352
- color: #6ea8fe;
352
+ color: rgb(109.8, 168, 253.8);
353
353
  }
354
354
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
355
355
  color: #adb5bd;
356
356
  }
357
357
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
358
- color: #6ea8fe;
358
+ color: rgb(109.8, 168, 253.8);
359
359
  }
360
360
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
361
- color: #6ea8fe;
361
+ color: rgb(109.8, 168, 253.8);
362
362
  }
363
363
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
364
364
  color: #adb5bd;
365
365
  }
366
366
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
367
- border-color: #444c54;
367
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
368
368
  }
369
369
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
370
- color: #6ea8fe;
370
+ color: rgb(109.8, 168, 253.8);
371
371
  }
372
372
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
373
373
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
374
374
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
375
- color: #6ea8fe;
375
+ color: rgb(109.8, 168, 253.8);
376
376
  }
377
377
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
378
- border-color: #444c54;
378
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
379
379
  }
380
380
  .e-accordion .e-acrdn-item.e-selected {
381
- border-color: #444c54;
381
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
382
382
  border-style: solid;
383
383
  border-width: 0 0 1px 0;
384
384
  }
385
385
  .e-accordion .e-acrdn-item.e-selected.e-select {
386
- border-color: #444c54;
386
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
387
387
  border-style: solid;
388
388
  border-width: 0 0 1px 0;
389
389
  }
@@ -391,13 +391,13 @@
391
391
  background: #212529;
392
392
  }
393
393
  .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
394
- border-bottom: 1px none #444c54;
394
+ border-bottom: 1px none rgb(68.0034482759, 75.85, 83.6965517241);
395
395
  }
396
396
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
397
- color: #6ea8fe;
397
+ color: rgb(109.8, 168, 253.8);
398
398
  }
399
399
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
400
- color: #6ea8fe;
400
+ color: rgb(109.8, 168, 253.8);
401
401
  }
402
402
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
403
  position: relative;
@@ -406,7 +406,7 @@
406
406
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
- border-color: #444c54;
409
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
410
410
  border-style: solid;
411
411
  border-width: 0 0 1px 0;
412
412
  }
@@ -417,9 +417,9 @@
417
417
  color: #fff;
418
418
  }
419
419
  .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
420
- background: #031633;
420
+ background: rgb(2.6, 22, 50.6);
421
421
  border-radius: 0;
422
- border-color: #444c54;
422
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
423
423
  border-style: solid;
424
424
  border-width: 0 0 1px 0;
425
425
  }
@@ -427,7 +427,7 @@
427
427
  background: none;
428
428
  }
429
429
  .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
430
- border-color: #444c54;
430
+ border-color: rgb(68.0034482759, 75.85, 83.6965517241);
431
431
  }
432
432
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
433
433
  color: #fff;
@@ -222,7 +222,7 @@
222
222
  border-width: 0 0 1px 0;
223
223
  }
224
224
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
225
- background: #e7f1ff;
225
+ background: rgb(230.8, 240.5, 254.8);
226
226
  }
227
227
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
228
228
  color: #0d6efd;
@@ -266,13 +266,13 @@
266
266
  border-color: #dee2e6;
267
267
  border-style: solid;
268
268
  border-width: 0 0 1px 0;
269
- background: #e7f1ff;
269
+ background: rgb(230.8, 240.5, 254.8);
270
270
  }
271
271
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
272
- background: #e7f1ff;
272
+ background: rgb(230.8, 240.5, 254.8);
273
273
  }
274
274
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
275
- background: #e7f1ff;
275
+ background: rgb(230.8, 240.5, 254.8);
276
276
  }
277
277
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
278
278
  color: #212529;
@@ -317,7 +317,7 @@
317
317
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
318
318
  border: 0;
319
319
  border-color: initial;
320
- background: #e7f1ff;
320
+ background: rgb(230.8, 240.5, 254.8);
321
321
  }
322
322
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
323
  border: 0;
@@ -334,10 +334,10 @@
334
334
  color: #0d6efd;
335
335
  }
336
336
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
337
- color: #0c63e4;
337
+ color: rgb(11.7, 99, 227.7);
338
338
  }
339
339
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
340
- color: #0c63e4;
340
+ color: rgb(11.7, 99, 227.7);
341
341
  }
342
342
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
343
343
  color: #212529;
@@ -346,19 +346,19 @@
346
346
  border-color: #dee2e6;
347
347
  border-style: solid;
348
348
  border-width: 0 0 1px 0;
349
- background: #e7f1ff;
349
+ background: rgb(230.8, 240.5, 254.8);
350
350
  }
351
351
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
352
- color: #0c63e4;
352
+ color: rgb(11.7, 99, 227.7);
353
353
  }
354
354
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
355
355
  color: #6c757d;
356
356
  }
357
357
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
358
- color: #0c63e4;
358
+ color: rgb(11.7, 99, 227.7);
359
359
  }
360
360
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
361
- color: #0c63e4;
361
+ color: rgb(11.7, 99, 227.7);
362
362
  }
363
363
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
364
364
  color: #6c757d;
@@ -367,12 +367,12 @@
367
367
  border-color: #dee2e6;
368
368
  }
369
369
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
370
- color: #0c63e4;
370
+ color: rgb(11.7, 99, 227.7);
371
371
  }
372
372
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
373
373
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
374
374
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
375
- color: #0c63e4;
375
+ color: rgb(11.7, 99, 227.7);
376
376
  }
377
377
  .e-accordion .e-acrdn-item.e-select.e-item-focus {
378
378
  border-color: #dee2e6;
@@ -394,10 +394,10 @@
394
394
  border-bottom: 1px none #dee2e6;
395
395
  }
396
396
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
397
- color: #0c63e4;
397
+ color: rgb(11.7, 99, 227.7);
398
398
  }
399
399
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
400
- color: #0c63e4;
400
+ color: rgb(11.7, 99, 227.7);
401
401
  }
402
402
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
403
  position: relative;
@@ -417,7 +417,7 @@
417
417
  color: #212529;
418
418
  }
419
419
  .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
420
- background: #e7f1ff;
420
+ background: rgb(230.8, 240.5, 254.8);
421
421
  border-radius: 0;
422
422
  border-color: #dee2e6;
423
423
  border-style: solid;
@@ -214,7 +214,7 @@
214
214
  border-width: 1px 0 1px 0;
215
215
  }
216
216
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
217
- border-top: 1px solid #d1ebff;
217
+ border-top: 1px solid rgb(208.9, 234.7504672897, 255);
218
218
  }
219
219
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
220
220
  border-color: #666;
@@ -222,7 +222,7 @@
222
222
  border-width: 1px;
223
223
  }
224
224
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
225
- background: #d1ebff;
225
+ background: rgb(208.9, 234.7504672897, 255);
226
226
  }
227
227
  .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
228
228
  color: #333;
@@ -234,10 +234,10 @@
234
234
  color: #333;
235
235
  }
236
236
  .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
237
- border-color: #d1ebff #d1ebff #eaeaea;
237
+ border-color: rgb(208.9, 234.7504672897, 255) rgb(208.9, 234.7504672897, 255) #eaeaea;
238
238
  }
239
239
  .e-accordion .e-acrdn-item.e-expand-state.e-select {
240
- border-color: #d1ebff;
240
+ border-color: rgb(208.9, 234.7504672897, 255);
241
241
  border-style: solid;
242
242
  border-width: 1px 0 1px 0;
243
243
  }
@@ -266,13 +266,13 @@
266
266
  border-color: #666;
267
267
  border-style: solid;
268
268
  border-width: 1px;
269
- background: #d1ebff;
269
+ background: rgb(208.9, 234.7504672897, 255);
270
270
  }
271
271
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
272
- background: #d1ebff;
272
+ background: rgb(208.9, 234.7504672897, 255);
273
273
  }
274
274
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
275
- background: #d1ebff;
275
+ background: rgb(208.9, 234.7504672897, 255);
276
276
  }
277
277
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
278
278
  color: #333;
@@ -305,7 +305,7 @@
305
305
  border: 1px solid #666;
306
306
  }
307
307
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
308
- background: #d1ebff;
308
+ background: rgb(208.9, 234.7504672897, 255);
309
309
  border: 1px solid #666;
310
310
  border-color: #666;
311
311
  }
@@ -343,10 +343,10 @@
343
343
  color: #333;
344
344
  }
345
345
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
346
- border-color: #d1ebff;
346
+ border-color: rgb(208.9, 234.7504672897, 255);
347
347
  border-style: solid;
348
348
  border-width: 1px;
349
- background: #d1ebff;
349
+ background: rgb(208.9, 234.7504672897, 255);
350
350
  }
351
351
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
352
352
  color: #333;
@@ -364,7 +364,7 @@
364
364
  color: #333;
365
365
  }
366
366
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
367
- border-color: #d1ebff;
367
+ border-color: rgb(208.9, 234.7504672897, 255);
368
368
  }
369
369
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
370
370
  color: #333;
@@ -179,7 +179,7 @@
179
179
 
180
180
  .e-accordion {
181
181
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
182
- background: #232e3e;
182
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
183
183
  border: 1px solid #4b5563;
184
184
  border-radius: 0;
185
185
  }
@@ -249,7 +249,7 @@
249
249
  color: #6b7280;
250
250
  }
251
251
  .e-accordion .e-acrdn-item.e-overlay {
252
- background: #232e3e;
252
+ background: rgb(27.323255814, 36.1372093023, 48.476744186);
253
253
  opacity: 0.5;
254
254
  }
255
255
  .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons,
@@ -3183,7 +3183,7 @@
3183
3183
 
3184
3184
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3185
3185
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3186
- background-color: inherit;
3186
+ background-color: var(--color-sf-bg-primary-alt);
3187
3187
  border: 1px solid var(--color-sf-border-secondary);
3188
3188
  }
3189
3189
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3702,6 +3702,11 @@
3702
3702
  height: 42px;
3703
3703
  width: 100%;
3704
3704
  }
3705
+ @media screen and (max-width: 480px) {
3706
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
3707
+ height: 46px;
3708
+ }
3709
+ }
3705
3710
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
3706
3711
  display: -webkit-inline-box;
3707
3712
  display: -ms-inline-flexbox;
@@ -6494,6 +6499,11 @@
6494
6499
  position: absolute;
6495
6500
  width: 100%;
6496
6501
  }
6502
+ @supports (-webkit-overflow-scrolling: touch) {
6503
+ .e-treeview .e-fullrow {
6504
+ z-index: -1;
6505
+ }
6506
+ }
6497
6507
  .e-treeview .e-checkbox-wrapper {
6498
6508
  margin: 0 0 0 6px;
6499
6509
  pointer-events: all;
package/styles/bds.css CHANGED
@@ -3859,7 +3859,7 @@
3859
3859
 
3860
3860
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
3861
3861
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
3862
- background-color: inherit;
3862
+ background-color: var(--color-sf-bg-primary-alt);
3863
3863
  border: 1px solid var(--color-sf-border-secondary);
3864
3864
  }
3865
3865
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4438,6 +4438,11 @@
4438
4438
  height: 42px;
4439
4439
  width: 100%;
4440
4440
  }
4441
+ @media screen and (max-width: 480px) {
4442
+ .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
4443
+ height: 46px;
4444
+ }
4445
+ }
4441
4446
  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
4442
4447
  display: -webkit-inline-box;
4443
4448
  display: -ms-inline-flexbox;
@@ -8431,6 +8436,11 @@
8431
8436
  position: absolute;
8432
8437
  width: 100%;
8433
8438
  }
8439
+ @supports (-webkit-overflow-scrolling: touch) {
8440
+ .e-treeview .e-fullrow {
8441
+ z-index: -1;
8442
+ }
8443
+ }
8434
8444
  .e-treeview .e-checkbox-wrapper {
8435
8445
  margin: 0 0 0 6px;
8436
8446
  pointer-events: all;