@syncfusion/ej2-layouts 19.3.53 → 19.4.38

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 (67) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +41 -0
  2. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +27 -0
  3. package/CHANGELOG.md +1 -9
  4. package/dist/ej2-layouts.umd.min.js +1 -1
  5. package/dist/global/ej2-layouts.min.js +1 -1
  6. package/dist/global/index.d.ts +1 -1
  7. package/package.json +6 -6
  8. package/styles/avatar/_fluent-definition.scss +25 -0
  9. package/styles/avatar/_layout.scss +5 -5
  10. package/styles/bootstrap-dark.css +8 -2
  11. package/styles/bootstrap.css +8 -2
  12. package/styles/bootstrap4.css +8 -2
  13. package/styles/bootstrap5-dark.css +8 -2
  14. package/styles/bootstrap5.css +8 -2
  15. package/styles/card/_bootstrap-dark-definition.scss +1 -0
  16. package/styles/card/_bootstrap-definition.scss +1 -0
  17. package/styles/card/_bootstrap5-definition.scss +1 -0
  18. package/styles/card/_fabric-dark-definition.scss +1 -0
  19. package/styles/card/_fabric-definition.scss +1 -0
  20. package/styles/card/_fluent-definition.scss +124 -0
  21. package/styles/card/_highcontrast-definition.scss +1 -0
  22. package/styles/card/_highcontrast-light-definition.scss +1 -0
  23. package/styles/card/_material-dark-definition.scss +1 -0
  24. package/styles/card/_material-definition.scss +1 -0
  25. package/styles/card/_tailwind-definition.scss +1 -0
  26. package/styles/card/_theme.scss +11 -0
  27. package/styles/dashboard-layout/_fluent-definition.scss +112 -0
  28. package/styles/dashboard-layout/_layout.scss +1 -1
  29. package/styles/dashboard-layout/_theme.scss +1 -1
  30. package/styles/dashboard-layout/icons/_bootstrap5.scss +1 -1
  31. package/styles/dashboard-layout/icons/_fluent.scss +81 -0
  32. package/styles/fabric-dark.css +8 -2
  33. package/styles/fabric.css +8 -2
  34. package/styles/highcontrast-light.css +8 -2
  35. package/styles/highcontrast.css +8 -2
  36. package/styles/material-dark.css +8 -2
  37. package/styles/material.css +8 -2
  38. package/styles/splitter/_bootstrap-dark-definition.scss +4 -1
  39. package/styles/splitter/_bootstrap-definition.scss +4 -1
  40. package/styles/splitter/_bootstrap4-definition.scss +4 -1
  41. package/styles/splitter/_bootstrap5-definition.scss +4 -1
  42. package/styles/splitter/_fabric-dark-definition.scss +4 -1
  43. package/styles/splitter/_fabric-definition.scss +4 -1
  44. package/styles/splitter/_fluent-definition.scss +28 -0
  45. package/styles/splitter/_highcontrast-definition.scss +4 -1
  46. package/styles/splitter/_highcontrast-light-definition.scss +4 -1
  47. package/styles/splitter/_layout.scss +2 -1
  48. package/styles/splitter/_material-dark-definition.scss +4 -1
  49. package/styles/splitter/_material-definition.scss +4 -1
  50. package/styles/splitter/_tailwind-definition.scss +4 -1
  51. package/styles/splitter/_theme.scss +6 -1
  52. package/styles/splitter/bootstrap-dark.css +8 -2
  53. package/styles/splitter/bootstrap.css +8 -2
  54. package/styles/splitter/bootstrap4.css +8 -2
  55. package/styles/splitter/bootstrap5-dark.css +8 -2
  56. package/styles/splitter/bootstrap5.css +8 -2
  57. package/styles/splitter/fabric-dark.css +8 -2
  58. package/styles/splitter/fabric.css +8 -2
  59. package/styles/splitter/highcontrast-light.css +8 -2
  60. package/styles/splitter/highcontrast.css +8 -2
  61. package/styles/splitter/icons/_fluent.scss +39 -0
  62. package/styles/splitter/material-dark.css +8 -2
  63. package/styles/splitter/material.css +8 -2
  64. package/styles/splitter/tailwind-dark.css +8 -2
  65. package/styles/splitter/tailwind.css +8 -2
  66. package/styles/tailwind-dark.css +8 -2
  67. package/styles/tailwind.css +8 -2
package/styles/splitter/bootstrap-dark.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #484848;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #0070f0;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #0070f0;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/bootstrap.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #ddd;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #317ab9;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #317ab9;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/bootstrap4.css CHANGED
@@ -239,7 +239,8 @@
239
239
  .e-splitter .e-split-bar.e-split-bar-vertical {
240
240
  -ms-flex-align: center;
241
241
  align-items: center;
242
- border: none;
242
+ border-left: none;
243
+ border-right: none;
243
244
  display: -ms-flexbox;
244
245
  display: flex;
245
246
  -ms-flex: 0 0 auto;
@@ -427,7 +428,8 @@
427
428
 
428
429
  .e-splitter .e-split-bar.e-split-bar-horizontal {
429
430
  background: #dee2e6;
430
- border: none;
431
+ border-left: none;
432
+ border-right: none;
431
433
  }
432
434
 
433
435
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -451,6 +453,8 @@
451
453
 
452
454
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
453
455
  background: #007bff;
456
+ border-left: none;
457
+ border-right: none;
454
458
  }
455
459
 
456
460
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -509,6 +513,8 @@
509
513
 
510
514
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
511
515
  background: #007bff;
516
+ border-left: none;
517
+ border-right: none;
512
518
  }
513
519
 
514
520
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/bootstrap5-dark.css CHANGED
@@ -231,7 +231,8 @@
231
231
  .e-splitter .e-split-bar.e-split-bar-vertical {
232
232
  -ms-flex-align: center;
233
233
  align-items: center;
234
- border: none;
234
+ border-left: none;
235
+ border-right: none;
235
236
  display: -ms-flexbox;
236
237
  display: flex;
237
238
  -ms-flex: 0 0 auto;
@@ -419,7 +420,8 @@
419
420
 
420
421
  .e-splitter .e-split-bar.e-split-bar-horizontal {
421
422
  background: #444c54;
422
- border: none;
423
+ border-left: none;
424
+ border-right: none;
423
425
  }
424
426
 
425
427
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -443,6 +445,8 @@
443
445
 
444
446
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
445
447
  background: #0d6efd;
448
+ border-left: none;
449
+ border-right: none;
446
450
  }
447
451
 
448
452
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -501,6 +505,8 @@
501
505
 
502
506
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
503
507
  background: #0d6efd;
508
+ border-left: none;
509
+ border-right: none;
504
510
  }
505
511
 
506
512
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/bootstrap5.css CHANGED
@@ -231,7 +231,8 @@
231
231
  .e-splitter .e-split-bar.e-split-bar-vertical {
232
232
  -ms-flex-align: center;
233
233
  align-items: center;
234
- border: none;
234
+ border-left: none;
235
+ border-right: none;
235
236
  display: -ms-flexbox;
236
237
  display: flex;
237
238
  -ms-flex: 0 0 auto;
@@ -419,7 +420,8 @@
419
420
 
420
421
  .e-splitter .e-split-bar.e-split-bar-horizontal {
421
422
  background: #dee2e6;
422
- border: none;
423
+ border-left: none;
424
+ border-right: none;
423
425
  }
424
426
 
425
427
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -443,6 +445,8 @@
443
445
 
444
446
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
445
447
  background: #0d6efd;
448
+ border-left: none;
449
+ border-right: none;
446
450
  }
447
451
 
448
452
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -501,6 +505,8 @@
501
505
 
502
506
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
503
507
  background: #0d6efd;
508
+ border-left: none;
509
+ border-right: none;
504
510
  }
505
511
 
506
512
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/fabric-dark.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #414040;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #38a9ff;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #38a9ff;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/fabric.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #dadada;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #0078d6;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #0078d6;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/highcontrast-light.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #000;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #400074;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #400074;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/highcontrast.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #fff;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #ffd939;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #ffd939;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/icons/_fluent.scss ADDED
@@ -0,0 +1,39 @@
1
+ @include export-module('splitter-fluent-icons') {
2
+ .e-splitter {
3
+ .e-split-bar {
4
+ &.e-split-bar-horizontal {
5
+ .e-resize-handler::before {
6
+ content: '\e89d';
7
+ font-family: 'e-icons';
8
+ font-size: $splitbar-icon-size;
9
+ }
10
+ }
11
+
12
+ &.e-split-bar-vertical {
13
+ & .e-resize-handler::before {
14
+ content: '\e89e';
15
+ font-family: 'e-icons';
16
+ font-size: $splitbar-icon-size;
17
+ }
18
+ }
19
+ }
20
+ }
21
+
22
+ .e-bigger {
23
+ .e-splitter {
24
+ .e-split-bar {
25
+ .e-resize-handler::before {
26
+ font-size: $bigger-splitbar-icon-size;
27
+ }
28
+ }
29
+ }
30
+
31
+ &.e-splitter {
32
+ .e-split-bar {
33
+ .e-resize-handler::before {
34
+ font-size: $bigger-splitbar-icon-size;
35
+ }
36
+ }
37
+ }
38
+ }
39
+ }
package/styles/splitter/material-dark.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: none;
244
+ border-right: none;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #616161;
431
- border: none;
432
+ border-left: none;
433
+ border-right: none;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #00b0ff;
457
+ border-left: none;
458
+ border-right: none;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #00b0ff;
517
+ border-left: none;
518
+ border-right: none;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/material.css CHANGED
@@ -241,7 +241,8 @@
241
241
  .e-splitter .e-split-bar.e-split-bar-vertical {
242
242
  -ms-flex-align: center;
243
243
  align-items: center;
244
- border: none;
244
+ border-left: none;
245
+ border-right: none;
245
246
  display: -ms-flexbox;
246
247
  display: flex;
247
248
  -ms-flex: 0 0 auto;
@@ -429,7 +430,8 @@
429
430
 
430
431
  .e-splitter .e-split-bar.e-split-bar-horizontal {
431
432
  background: #e0e0e0;
432
- border: none;
433
+ border-left: none;
434
+ border-right: none;
433
435
  }
434
436
 
435
437
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -453,6 +455,8 @@
453
455
 
454
456
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
455
457
  background: #e3165b;
458
+ border-left: none;
459
+ border-right: none;
456
460
  }
457
461
 
458
462
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -511,6 +515,8 @@
511
515
 
512
516
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
513
517
  background: #e3165b;
518
+ border-left: none;
519
+ border-right: none;
514
520
  }
515
521
 
516
522
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/tailwind-dark.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: 1px solid #4b5563;
244
+ border-right: 1px solid #4b5563;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #4b5563;
431
- border: none;
432
+ border-left: 1px solid #4b5563;
433
+ border-right: 1px solid #4b5563;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #22d3ee;
457
+ border-left: 1px solid #22d3ee;
458
+ border-right: 1px solid #22d3ee;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #22d3ee;
517
+ border-left: 1px solid #22d3ee;
518
+ border-right: 1px solid #22d3ee;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/splitter/tailwind.css CHANGED
@@ -240,7 +240,8 @@
240
240
  .e-splitter .e-split-bar.e-split-bar-vertical {
241
241
  -ms-flex-align: center;
242
242
  align-items: center;
243
- border: none;
243
+ border-left: 1px solid #e5e7eb;
244
+ border-right: 1px solid #e5e7eb;
244
245
  display: -ms-flexbox;
245
246
  display: flex;
246
247
  -ms-flex: 0 0 auto;
@@ -428,7 +429,8 @@
428
429
 
429
430
  .e-splitter .e-split-bar.e-split-bar-horizontal {
430
431
  background: #e5e7eb;
431
- border: none;
432
+ border-left: 1px solid #e5e7eb;
433
+ border-right: 1px solid #e5e7eb;
432
434
  }
433
435
 
434
436
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -452,6 +454,8 @@
452
454
 
453
455
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
454
456
  background: #4f46e5;
457
+ border-left: 1px solid #4f46e5;
458
+ border-right: 1px solid #4f46e5;
455
459
  }
456
460
 
457
461
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -510,6 +514,8 @@
510
514
 
511
515
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
512
516
  background: #4f46e5;
517
+ border-left: 1px solid #4f46e5;
518
+ border-right: 1px solid #4f46e5;
513
519
  }
514
520
 
515
521
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/tailwind-dark.css CHANGED
@@ -908,7 +908,8 @@
908
908
  .e-splitter .e-split-bar.e-split-bar-vertical {
909
909
  -ms-flex-align: center;
910
910
  align-items: center;
911
- border: none;
911
+ border-left: 1px solid #4b5563;
912
+ border-right: 1px solid #4b5563;
912
913
  display: -ms-flexbox;
913
914
  display: flex;
914
915
  -ms-flex: 0 0 auto;
@@ -1096,7 +1097,8 @@
1096
1097
 
1097
1098
  .e-splitter .e-split-bar.e-split-bar-horizontal {
1098
1099
  background: #4b5563;
1099
- border: none;
1100
+ border-left: 1px solid #4b5563;
1101
+ border-right: 1px solid #4b5563;
1100
1102
  }
1101
1103
 
1102
1104
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -1120,6 +1122,8 @@
1120
1122
 
1121
1123
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1122
1124
  background: #22d3ee;
1125
+ border-left: 1px solid #22d3ee;
1126
+ border-right: 1px solid #22d3ee;
1123
1127
  }
1124
1128
 
1125
1129
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -1178,6 +1182,8 @@
1178
1182
 
1179
1183
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1180
1184
  background: #22d3ee;
1185
+ border-left: 1px solid #22d3ee;
1186
+ border-right: 1px solid #22d3ee;
1181
1187
  }
1182
1188
 
1183
1189
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
package/styles/tailwind.css CHANGED
@@ -908,7 +908,8 @@
908
908
  .e-splitter .e-split-bar.e-split-bar-vertical {
909
909
  -ms-flex-align: center;
910
910
  align-items: center;
911
- border: none;
911
+ border-left: 1px solid #e5e7eb;
912
+ border-right: 1px solid #e5e7eb;
912
913
  display: -ms-flexbox;
913
914
  display: flex;
914
915
  -ms-flex: 0 0 auto;
@@ -1096,7 +1097,8 @@
1096
1097
 
1097
1098
  .e-splitter .e-split-bar.e-split-bar-horizontal {
1098
1099
  background: #e5e7eb;
1099
- border: none;
1100
+ border-left: 1px solid #e5e7eb;
1101
+ border-right: 1px solid #e5e7eb;
1100
1102
  }
1101
1103
 
1102
1104
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
@@ -1120,6 +1122,8 @@
1120
1122
 
1121
1123
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1122
1124
  background: #4f46e5;
1125
+ border-left: 1px solid #4f46e5;
1126
+ border-right: 1px solid #4f46e5;
1123
1127
  }
1124
1128
 
1125
1129
  .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
@@ -1178,6 +1182,8 @@
1178
1182
 
1179
1183
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1180
1184
  background: #4f46e5;
1185
+ border-left: 1px solid #4f46e5;
1186
+ border-right: 1px solid #4f46e5;
1181
1187
  }
1182
1188
 
1183
1189
  .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {