@syncfusion/blazor-themes 21.1.41 → 21.2.4

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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +54 -24
  2. package/SCSS-Themes/bootstrap.scss +54 -24
  3. package/SCSS-Themes/bootstrap4.scss +55 -25
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -24
  5. package/SCSS-Themes/bootstrap5.scss +51 -24
  6. package/SCSS-Themes/fabric-dark.scss +54 -24
  7. package/SCSS-Themes/fabric.scss +54 -24
  8. package/SCSS-Themes/fluent-dark.scss +52 -25
  9. package/SCSS-Themes/fluent.scss +52 -25
  10. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -0
  11. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -0
  12. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -0
  13. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -0
  14. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -0
  15. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -0
  16. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -0
  17. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -0
  18. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -0
  19. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -0
  20. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -0
  21. package/SCSS-Themes/gantt/gantt/material.scss +4 -0
  22. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -0
  23. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -0
  24. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -0
  25. package/SCSS-Themes/grids/grid/bootstrap.scss +25 -0
  26. package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -1
  27. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -0
  28. package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -0
  29. package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -0
  30. package/SCSS-Themes/grids/grid/fabric.scss +25 -0
  31. package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -0
  32. package/SCSS-Themes/grids/grid/fluent.scss +25 -0
  33. package/SCSS-Themes/grids/grid/highcontrast.scss +25 -0
  34. package/SCSS-Themes/grids/grid/material-dark.scss +25 -0
  35. package/SCSS-Themes/grids/grid/material.scss +25 -0
  36. package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -0
  37. package/SCSS-Themes/grids/grid/tailwind.scss +25 -0
  38. package/SCSS-Themes/highcontrast.scss +54 -24
  39. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  40. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  41. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  42. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  43. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  44. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  45. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  46. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  47. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  48. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  49. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  50. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  51. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  52. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  53. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  55. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  56. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  57. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  58. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  59. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  60. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  61. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  62. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  63. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  64. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  65. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  66. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  67. package/SCSS-Themes/material-dark.scss +55 -25
  68. package/SCSS-Themes/material.scss +55 -25
  69. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  71. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  72. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  73. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  74. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  75. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  76. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  77. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  78. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  79. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  80. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  81. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  82. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  83. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -1
  84. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -1
  85. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -1
  86. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -1
  87. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -1
  88. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -1
  89. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -1
  90. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +2 -2
  91. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +2 -2
  92. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -1
  93. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +2 -2
  94. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +2 -2
  95. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -1
  96. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -1
  97. package/SCSS-Themes/tailwind-dark.scss +51 -24
  98. package/SCSS-Themes/tailwind.scss +51 -24
  99. package/package.json +1 -1
@@ -1284,11 +1284,13 @@ $treeview-item-active-check-color: $primary !default;
1284
1284
  }
1285
1285
 
1286
1286
  .e-list-item.e-active,
1287
- .e-list-item.e-hover {
1287
+ .e-list-item.e-hover,
1288
+ .e-list-item.e-node-focus {
1288
1289
  background: transparent;
1289
1290
  }
1290
1291
 
1291
- .e-list-item.e-hover > .e-text-content {
1292
+ .e-list-item.e-hover > .e-text-content,
1293
+ .e-list-item.e-node-focus > .e-text-content {
1292
1294
  color: $treeview-text-hover-color;
1293
1295
 
1294
1296
  .e-list-text {
@@ -1337,7 +1339,8 @@ $treeview-item-active-check-color: $primary !default;
1337
1339
  }
1338
1340
  }
1339
1341
 
1340
- .e-list-item.e-active.e-hover > .e-text-content {
1342
+ .e-list-item.e-active.e-hover > .e-text-content,
1343
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1341
1344
  color: $treeview-text-active-hover-color;
1342
1345
 
1343
1346
  .e-list-text {
@@ -1351,7 +1354,8 @@ $treeview-item-active-check-color: $primary !default;
1351
1354
  }
1352
1355
 
1353
1356
  .e-list-item.e-editing.e-active > .e-text-content,
1354
- .e-list-item.e-editing.e-hover > .e-text-content {
1357
+ .e-list-item.e-editing.e-hover > .e-text-content,
1358
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1355
1359
  color: $treeview-text-color;
1356
1360
 
1357
1361
  .e-list-text {
@@ -1368,7 +1372,8 @@ $treeview-item-active-check-color: $primary !default;
1368
1372
  }
1369
1373
  }
1370
1374
 
1371
- .e-list-item.e-hover > .e-fullrow {
1375
+ .e-list-item.e-hover > .e-fullrow,
1376
+ .e-list-item.e-node-focus > .e-fullrow {
1372
1377
  background-color: $treeview-item-hover-bg;
1373
1378
  border-color: $treeview-item-hover-border-color;
1374
1379
  }
@@ -1393,12 +1398,14 @@ $treeview-item-active-check-color: $primary !default;
1393
1398
  }
1394
1399
  }
1395
1400
 
1396
- .e-list-item.e-active.e-hover > .e-fullrow{
1401
+ .e-list-item.e-active.e-hover > .e-fullrow,
1402
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1397
1403
  @include active-hover-theme;
1398
1404
  }
1399
1405
 
1400
1406
  .e-list-item.e-editing.e-active > .e-fullrow,
1401
- .e-list-item.e-editing.e-hover > .e-fullrow{
1407
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1408
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1402
1409
  @include active-editing-theme;
1403
1410
  }
1404
1411
 
@@ -1464,7 +1471,8 @@ $treeview-item-active-check-color: $primary !default;
1464
1471
 
1465
1472
  &:not(.e-fullrow-wrap) {
1466
1473
 
1467
- .e-list-item.e-hover > .e-text-content{
1474
+ .e-list-item.e-hover > .e-text-content,
1475
+ .e-list-item.e-node-focus > .e-text-content {
1468
1476
  background-color: $treeview-item-hover-bg;
1469
1477
  border-color: $treeview-item-hover-border-color;
1470
1478
  }
@@ -1474,12 +1482,14 @@ $treeview-item-active-check-color: $primary !default;
1474
1482
  border-color: $treeview-item-active-border-color;
1475
1483
  }
1476
1484
 
1477
- .e-list-item.e-active.e-hover > .e-text-content {
1485
+ .e-list-item.e-active.e-hover > .e-text-content,
1486
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1478
1487
  @include active-hover-theme;
1479
1488
  }
1480
1489
 
1481
1490
  .e-list-item.e-editing.e-active > .e-text-content,
1482
- .e-list-item.e-editing.e-hover > .e-text-content {
1491
+ .e-list-item.e-editing.e-hover > .e-text-content,
1492
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1483
1493
  @include active-editing-theme;
1484
1494
  }
1485
1495
  }
@@ -1280,11 +1280,13 @@ $ripple-width: 32px !default;
1280
1280
  }
1281
1281
 
1282
1282
  .e-list-item.e-active,
1283
- .e-list-item.e-hover {
1283
+ .e-list-item.e-hover,
1284
+ .e-list-item.e-node-focus {
1284
1285
  background: transparent;
1285
1286
  }
1286
1287
 
1287
- .e-list-item.e-hover > .e-text-content {
1288
+ .e-list-item.e-hover > .e-text-content,
1289
+ .e-list-item.e-node-focus > .e-text-content {
1288
1290
  color: $treeview-text-hover-color;
1289
1291
 
1290
1292
  .e-list-text {
@@ -1333,7 +1335,8 @@ $ripple-width: 32px !default;
1333
1335
  }
1334
1336
  }
1335
1337
 
1336
- .e-list-item.e-active.e-hover > .e-text-content {
1338
+ .e-list-item.e-active.e-hover > .e-text-content,
1339
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1337
1340
  color: $treeview-text-active-hover-color;
1338
1341
 
1339
1342
  .e-list-text {
@@ -1347,7 +1350,8 @@ $ripple-width: 32px !default;
1347
1350
  }
1348
1351
 
1349
1352
  .e-list-item.e-editing.e-active > .e-text-content,
1350
- .e-list-item.e-editing.e-hover > .e-text-content {
1353
+ .e-list-item.e-editing.e-hover > .e-text-content,
1354
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1351
1355
  color: $treeview-text-color;
1352
1356
 
1353
1357
  .e-list-text {
@@ -1364,7 +1368,8 @@ $ripple-width: 32px !default;
1364
1368
  }
1365
1369
  }
1366
1370
 
1367
- .e-list-item.e-hover > .e-fullrow {
1371
+ .e-list-item.e-hover > .e-fullrow,
1372
+ .e-list-item.e-node-focus > .e-fullrow {
1368
1373
  background-color: $treeview-item-hover-bg;
1369
1374
  border-color: $treeview-item-hover-border-color;
1370
1375
  }
@@ -1389,12 +1394,14 @@ $ripple-width: 32px !default;
1389
1394
  }
1390
1395
  }
1391
1396
 
1392
- .e-list-item.e-active.e-hover > .e-fullrow{
1397
+ .e-list-item.e-active.e-hover > .e-fullrow,
1398
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1393
1399
  @include active-hover-theme;
1394
1400
  }
1395
1401
 
1396
1402
  .e-list-item.e-editing.e-active > .e-fullrow,
1397
- .e-list-item.e-editing.e-hover > .e-fullrow{
1403
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1404
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1398
1405
  @include active-editing-theme;
1399
1406
  }
1400
1407
 
@@ -1460,7 +1467,8 @@ $ripple-width: 32px !default;
1460
1467
 
1461
1468
  &:not(.e-fullrow-wrap) {
1462
1469
 
1463
- .e-list-item.e-hover > .e-text-content{
1470
+ .e-list-item.e-hover > .e-text-content,
1471
+ .e-list-item.e-node-focus > .e-text-content {
1464
1472
  background-color: $treeview-item-hover-bg;
1465
1473
  border-color: $treeview-item-hover-border-color;
1466
1474
  }
@@ -1470,12 +1478,14 @@ $ripple-width: 32px !default;
1470
1478
  border-color: $treeview-item-active-border-color;
1471
1479
  }
1472
1480
 
1473
- .e-list-item.e-active.e-hover > .e-text-content {
1481
+ .e-list-item.e-active.e-hover > .e-text-content,
1482
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1474
1483
  @include active-hover-theme;
1475
1484
  }
1476
1485
 
1477
1486
  .e-list-item.e-editing.e-active > .e-text-content,
1478
- .e-list-item.e-editing.e-hover > .e-text-content {
1487
+ .e-list-item.e-editing.e-hover > .e-text-content,
1488
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1479
1489
  @include active-editing-theme;
1480
1490
  }
1481
1491
  }
@@ -1276,11 +1276,13 @@ $ripple-width: 32px !default;
1276
1276
  }
1277
1277
 
1278
1278
  .e-list-item.e-active,
1279
- .e-list-item.e-hover {
1279
+ .e-list-item.e-hover,
1280
+ .e-list-item.e-node-focus {
1280
1281
  background: transparent;
1281
1282
  }
1282
1283
 
1283
- .e-list-item.e-hover > .e-text-content {
1284
+ .e-list-item.e-hover > .e-text-content,
1285
+ .e-list-item.e-node-focus > .e-text-content {
1284
1286
  color: $treeview-text-hover-color;
1285
1287
 
1286
1288
  .e-list-text {
@@ -1329,7 +1331,8 @@ $ripple-width: 32px !default;
1329
1331
  }
1330
1332
  }
1331
1333
 
1332
- .e-list-item.e-active.e-hover > .e-text-content {
1334
+ .e-list-item.e-active.e-hover > .e-text-content,
1335
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1333
1336
  color: $treeview-text-active-hover-color;
1334
1337
 
1335
1338
  .e-list-text {
@@ -1343,7 +1346,8 @@ $ripple-width: 32px !default;
1343
1346
  }
1344
1347
 
1345
1348
  .e-list-item.e-editing.e-active > .e-text-content,
1346
- .e-list-item.e-editing.e-hover > .e-text-content {
1349
+ .e-list-item.e-editing.e-hover > .e-text-content,
1350
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1347
1351
  color: $treeview-text-color;
1348
1352
 
1349
1353
  .e-list-text {
@@ -1360,7 +1364,8 @@ $ripple-width: 32px !default;
1360
1364
  }
1361
1365
  }
1362
1366
 
1363
- .e-list-item.e-hover > .e-fullrow {
1367
+ .e-list-item.e-hover > .e-fullrow,
1368
+ .e-list-item.e-node-focus > .e-fullrow {
1364
1369
  background-color: $treeview-item-hover-bg;
1365
1370
  border-color: $treeview-item-hover-border-color;
1366
1371
  }
@@ -1385,12 +1390,14 @@ $ripple-width: 32px !default;
1385
1390
  }
1386
1391
  }
1387
1392
 
1388
- .e-list-item.e-active.e-hover > .e-fullrow{
1393
+ .e-list-item.e-active.e-hover > .e-fullrow,
1394
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1389
1395
  @include active-hover-theme;
1390
1396
  }
1391
1397
 
1392
1398
  .e-list-item.e-editing.e-active > .e-fullrow,
1393
- .e-list-item.e-editing.e-hover > .e-fullrow{
1399
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1400
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1394
1401
  @include active-editing-theme;
1395
1402
  }
1396
1403
 
@@ -1456,7 +1463,8 @@ $ripple-width: 32px !default;
1456
1463
 
1457
1464
  &:not(.e-fullrow-wrap) {
1458
1465
 
1459
- .e-list-item.e-hover > .e-text-content{
1466
+ .e-list-item.e-hover > .e-text-content,
1467
+ .e-list-item.e-node-focus > .e-text-content {
1460
1468
  background-color: $treeview-item-hover-bg;
1461
1469
  border-color: $treeview-item-hover-border-color;
1462
1470
  }
@@ -1466,12 +1474,14 @@ $ripple-width: 32px !default;
1466
1474
  border-color: $treeview-item-active-border-color;
1467
1475
  }
1468
1476
 
1469
- .e-list-item.e-active.e-hover > .e-text-content {
1477
+ .e-list-item.e-active.e-hover > .e-text-content,
1478
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1470
1479
  @include active-hover-theme;
1471
1480
  }
1472
1481
 
1473
1482
  .e-list-item.e-editing.e-active > .e-text-content,
1474
- .e-list-item.e-editing.e-hover > .e-text-content {
1483
+ .e-list-item.e-editing.e-hover > .e-text-content,
1484
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1475
1485
  @include active-editing-theme;
1476
1486
  }
1477
1487
  }
@@ -1284,11 +1284,13 @@ $treeview-item-active-check-color: $primary !default;
1284
1284
  }
1285
1285
 
1286
1286
  .e-list-item.e-active,
1287
- .e-list-item.e-hover {
1287
+ .e-list-item.e-hover,
1288
+ .e-list-item.e-node-focus {
1288
1289
  background: transparent;
1289
1290
  }
1290
1291
 
1291
- .e-list-item.e-hover > .e-text-content {
1292
+ .e-list-item.e-hover > .e-text-content,
1293
+ .e-list-item.e-node-focus > .e-text-content {
1292
1294
  color: $treeview-text-hover-color;
1293
1295
 
1294
1296
  .e-list-text {
@@ -1337,7 +1339,8 @@ $treeview-item-active-check-color: $primary !default;
1337
1339
  }
1338
1340
  }
1339
1341
 
1340
- .e-list-item.e-active.e-hover > .e-text-content {
1342
+ .e-list-item.e-active.e-hover > .e-text-content,
1343
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1341
1344
  color: $treeview-text-active-hover-color;
1342
1345
 
1343
1346
  .e-list-text {
@@ -1351,7 +1354,8 @@ $treeview-item-active-check-color: $primary !default;
1351
1354
  }
1352
1355
 
1353
1356
  .e-list-item.e-editing.e-active > .e-text-content,
1354
- .e-list-item.e-editing.e-hover > .e-text-content {
1357
+ .e-list-item.e-editing.e-hover > .e-text-content,
1358
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1355
1359
  color: $treeview-text-color;
1356
1360
 
1357
1361
  .e-list-text {
@@ -1368,7 +1372,8 @@ $treeview-item-active-check-color: $primary !default;
1368
1372
  }
1369
1373
  }
1370
1374
 
1371
- .e-list-item.e-hover > .e-fullrow {
1375
+ .e-list-item.e-hover > .e-fullrow,
1376
+ .e-list-item.e-node-focus > .e-fullrow {
1372
1377
  background-color: $treeview-item-hover-bg;
1373
1378
  border-color: $treeview-item-hover-border-color;
1374
1379
  }
@@ -1393,12 +1398,14 @@ $treeview-item-active-check-color: $primary !default;
1393
1398
  }
1394
1399
  }
1395
1400
 
1396
- .e-list-item.e-active.e-hover > .e-fullrow{
1401
+ .e-list-item.e-active.e-hover > .e-fullrow,
1402
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1397
1403
  @include active-hover-theme;
1398
1404
  }
1399
1405
 
1400
1406
  .e-list-item.e-editing.e-active > .e-fullrow,
1401
- .e-list-item.e-editing.e-hover > .e-fullrow{
1407
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1408
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1402
1409
  @include active-editing-theme;
1403
1410
  }
1404
1411
 
@@ -1464,7 +1471,8 @@ $treeview-item-active-check-color: $primary !default;
1464
1471
 
1465
1472
  &:not(.e-fullrow-wrap) {
1466
1473
 
1467
- .e-list-item.e-hover > .e-text-content{
1474
+ .e-list-item.e-hover > .e-text-content,
1475
+ .e-list-item.e-node-focus > .e-text-content {
1468
1476
  background-color: $treeview-item-hover-bg;
1469
1477
  border-color: $treeview-item-hover-border-color;
1470
1478
  }
@@ -1474,12 +1482,14 @@ $treeview-item-active-check-color: $primary !default;
1474
1482
  border-color: $treeview-item-active-border-color;
1475
1483
  }
1476
1484
 
1477
- .e-list-item.e-active.e-hover > .e-text-content {
1485
+ .e-list-item.e-active.e-hover > .e-text-content,
1486
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1478
1487
  @include active-hover-theme;
1479
1488
  }
1480
1489
 
1481
1490
  .e-list-item.e-editing.e-active > .e-text-content,
1482
- .e-list-item.e-editing.e-hover > .e-text-content {
1491
+ .e-list-item.e-editing.e-hover > .e-text-content,
1492
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1483
1493
  @include active-editing-theme;
1484
1494
  }
1485
1495
  }
@@ -1284,11 +1284,13 @@ $treeview-item-active-check-color: $primary !default;
1284
1284
  }
1285
1285
 
1286
1286
  .e-list-item.e-active,
1287
- .e-list-item.e-hover {
1287
+ .e-list-item.e-hover,
1288
+ .e-list-item.e-node-focus {
1288
1289
  background: transparent;
1289
1290
  }
1290
1291
 
1291
- .e-list-item.e-hover > .e-text-content {
1292
+ .e-list-item.e-hover > .e-text-content,
1293
+ .e-list-item.e-node-focus > .e-text-content {
1292
1294
  color: $treeview-text-hover-color;
1293
1295
 
1294
1296
  .e-list-text {
@@ -1337,7 +1339,8 @@ $treeview-item-active-check-color: $primary !default;
1337
1339
  }
1338
1340
  }
1339
1341
 
1340
- .e-list-item.e-active.e-hover > .e-text-content {
1342
+ .e-list-item.e-active.e-hover > .e-text-content,
1343
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1341
1344
  color: $treeview-text-active-hover-color;
1342
1345
 
1343
1346
  .e-list-text {
@@ -1351,7 +1354,8 @@ $treeview-item-active-check-color: $primary !default;
1351
1354
  }
1352
1355
 
1353
1356
  .e-list-item.e-editing.e-active > .e-text-content,
1354
- .e-list-item.e-editing.e-hover > .e-text-content {
1357
+ .e-list-item.e-editing.e-hover > .e-text-content,
1358
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1355
1359
  color: $treeview-text-color;
1356
1360
 
1357
1361
  .e-list-text {
@@ -1368,7 +1372,8 @@ $treeview-item-active-check-color: $primary !default;
1368
1372
  }
1369
1373
  }
1370
1374
 
1371
- .e-list-item.e-hover > .e-fullrow {
1375
+ .e-list-item.e-hover > .e-fullrow,
1376
+ .e-list-item.e-node-focus > .e-fullrow {
1372
1377
  background-color: $treeview-item-hover-bg;
1373
1378
  border-color: $treeview-item-hover-border-color;
1374
1379
  }
@@ -1393,12 +1398,14 @@ $treeview-item-active-check-color: $primary !default;
1393
1398
  }
1394
1399
  }
1395
1400
 
1396
- .e-list-item.e-active.e-hover > .e-fullrow{
1401
+ .e-list-item.e-active.e-hover > .e-fullrow,
1402
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1397
1403
  @include active-hover-theme;
1398
1404
  }
1399
1405
 
1400
1406
  .e-list-item.e-editing.e-active > .e-fullrow,
1401
- .e-list-item.e-editing.e-hover > .e-fullrow{
1407
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1408
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1402
1409
  @include active-editing-theme;
1403
1410
  }
1404
1411
 
@@ -1464,7 +1471,8 @@ $treeview-item-active-check-color: $primary !default;
1464
1471
 
1465
1472
  &:not(.e-fullrow-wrap) {
1466
1473
 
1467
- .e-list-item.e-hover > .e-text-content{
1474
+ .e-list-item.e-hover > .e-text-content,
1475
+ .e-list-item.e-node-focus > .e-text-content {
1468
1476
  background-color: $treeview-item-hover-bg;
1469
1477
  border-color: $treeview-item-hover-border-color;
1470
1478
  }
@@ -1474,12 +1482,14 @@ $treeview-item-active-check-color: $primary !default;
1474
1482
  border-color: $treeview-item-active-border-color;
1475
1483
  }
1476
1484
 
1477
- .e-list-item.e-active.e-hover > .e-text-content {
1485
+ .e-list-item.e-active.e-hover > .e-text-content,
1486
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1478
1487
  @include active-hover-theme;
1479
1488
  }
1480
1489
 
1481
1490
  .e-list-item.e-editing.e-active > .e-text-content,
1482
- .e-list-item.e-editing.e-hover > .e-text-content {
1491
+ .e-list-item.e-editing.e-hover > .e-text-content,
1492
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1483
1493
  @include active-editing-theme;
1484
1494
  }
1485
1495
  }
@@ -1282,11 +1282,13 @@ $ripple-width: 32px !default;
1282
1282
  }
1283
1283
 
1284
1284
  .e-list-item.e-active,
1285
- .e-list-item.e-hover {
1285
+ .e-list-item.e-hover,
1286
+ .e-list-item.e-node-focus {
1286
1287
  background: transparent;
1287
1288
  }
1288
1289
 
1289
- .e-list-item.e-hover > .e-text-content {
1290
+ .e-list-item.e-hover > .e-text-content,
1291
+ .e-list-item.e-node-focus > .e-text-content {
1290
1292
  color: $treeview-text-hover-color;
1291
1293
 
1292
1294
  .e-list-text {
@@ -1335,7 +1337,8 @@ $ripple-width: 32px !default;
1335
1337
  }
1336
1338
  }
1337
1339
 
1338
- .e-list-item.e-active.e-hover > .e-text-content {
1340
+ .e-list-item.e-active.e-hover > .e-text-content,
1341
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1339
1342
  color: $treeview-text-active-hover-color;
1340
1343
 
1341
1344
  .e-list-text {
@@ -1349,7 +1352,8 @@ $ripple-width: 32px !default;
1349
1352
  }
1350
1353
 
1351
1354
  .e-list-item.e-editing.e-active > .e-text-content,
1352
- .e-list-item.e-editing.e-hover > .e-text-content {
1355
+ .e-list-item.e-editing.e-hover > .e-text-content,
1356
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1353
1357
  color: $treeview-text-color;
1354
1358
 
1355
1359
  .e-list-text {
@@ -1366,7 +1370,8 @@ $ripple-width: 32px !default;
1366
1370
  }
1367
1371
  }
1368
1372
 
1369
- .e-list-item.e-hover > .e-fullrow {
1373
+ .e-list-item.e-hover > .e-fullrow,
1374
+ .e-list-item.e-node-focus > .e-fullrow {
1370
1375
  background-color: $treeview-item-hover-bg;
1371
1376
  border-color: $treeview-item-hover-border-color;
1372
1377
  }
@@ -1391,12 +1396,14 @@ $ripple-width: 32px !default;
1391
1396
  }
1392
1397
  }
1393
1398
 
1394
- .e-list-item.e-active.e-hover > .e-fullrow{
1399
+ .e-list-item.e-active.e-hover > .e-fullrow,
1400
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1395
1401
  @include active-hover-theme;
1396
1402
  }
1397
1403
 
1398
1404
  .e-list-item.e-editing.e-active > .e-fullrow,
1399
- .e-list-item.e-editing.e-hover > .e-fullrow{
1405
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1406
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1400
1407
  @include active-editing-theme;
1401
1408
  }
1402
1409
 
@@ -1462,7 +1469,8 @@ $ripple-width: 32px !default;
1462
1469
 
1463
1470
  &:not(.e-fullrow-wrap) {
1464
1471
 
1465
- .e-list-item.e-hover > .e-text-content{
1472
+ .e-list-item.e-hover > .e-text-content,
1473
+ .e-list-item.e-node-focus > .e-text-content {
1466
1474
  background-color: $treeview-item-hover-bg;
1467
1475
  border-color: $treeview-item-hover-border-color;
1468
1476
  }
@@ -1472,12 +1480,14 @@ $ripple-width: 32px !default;
1472
1480
  border-color: $treeview-item-active-border-color;
1473
1481
  }
1474
1482
 
1475
- .e-list-item.e-active.e-hover > .e-text-content {
1483
+ .e-list-item.e-active.e-hover > .e-text-content,
1484
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1476
1485
  @include active-hover-theme;
1477
1486
  }
1478
1487
 
1479
1488
  .e-list-item.e-editing.e-active > .e-text-content,
1480
- .e-list-item.e-editing.e-hover > .e-text-content {
1489
+ .e-list-item.e-editing.e-hover > .e-text-content,
1490
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1481
1491
  @include active-editing-theme;
1482
1492
  }
1483
1493
  }
@@ -1278,11 +1278,13 @@ $ripple-width: 32px !default;
1278
1278
  }
1279
1279
 
1280
1280
  .e-list-item.e-active,
1281
- .e-list-item.e-hover {
1281
+ .e-list-item.e-hover,
1282
+ .e-list-item.e-node-focus {
1282
1283
  background: transparent;
1283
1284
  }
1284
1285
 
1285
- .e-list-item.e-hover > .e-text-content {
1286
+ .e-list-item.e-hover > .e-text-content,
1287
+ .e-list-item.e-node-focus > .e-text-content {
1286
1288
  color: $treeview-text-hover-color;
1287
1289
 
1288
1290
  .e-list-text {
@@ -1331,7 +1333,8 @@ $ripple-width: 32px !default;
1331
1333
  }
1332
1334
  }
1333
1335
 
1334
- .e-list-item.e-active.e-hover > .e-text-content {
1336
+ .e-list-item.e-active.e-hover > .e-text-content,
1337
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1335
1338
  color: $treeview-text-active-hover-color;
1336
1339
 
1337
1340
  .e-list-text {
@@ -1345,7 +1348,8 @@ $ripple-width: 32px !default;
1345
1348
  }
1346
1349
 
1347
1350
  .e-list-item.e-editing.e-active > .e-text-content,
1348
- .e-list-item.e-editing.e-hover > .e-text-content {
1351
+ .e-list-item.e-editing.e-hover > .e-text-content,
1352
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1349
1353
  color: $treeview-text-color;
1350
1354
 
1351
1355
  .e-list-text {
@@ -1362,7 +1366,8 @@ $ripple-width: 32px !default;
1362
1366
  }
1363
1367
  }
1364
1368
 
1365
- .e-list-item.e-hover > .e-fullrow {
1369
+ .e-list-item.e-hover > .e-fullrow,
1370
+ .e-list-item.e-node-focus > .e-fullrow {
1366
1371
  background-color: $treeview-item-hover-bg;
1367
1372
  border-color: $treeview-item-hover-border-color;
1368
1373
  }
@@ -1387,12 +1392,14 @@ $ripple-width: 32px !default;
1387
1392
  }
1388
1393
  }
1389
1394
 
1390
- .e-list-item.e-active.e-hover > .e-fullrow{
1395
+ .e-list-item.e-active.e-hover > .e-fullrow,
1396
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1391
1397
  @include active-hover-theme;
1392
1398
  }
1393
1399
 
1394
1400
  .e-list-item.e-editing.e-active > .e-fullrow,
1395
- .e-list-item.e-editing.e-hover > .e-fullrow{
1401
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1402
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1396
1403
  @include active-editing-theme;
1397
1404
  }
1398
1405
 
@@ -1458,7 +1465,8 @@ $ripple-width: 32px !default;
1458
1465
 
1459
1466
  &:not(.e-fullrow-wrap) {
1460
1467
 
1461
- .e-list-item.e-hover > .e-text-content{
1468
+ .e-list-item.e-hover > .e-text-content,
1469
+ .e-list-item.e-node-focus > .e-text-content {
1462
1470
  background-color: $treeview-item-hover-bg;
1463
1471
  border-color: $treeview-item-hover-border-color;
1464
1472
  }
@@ -1468,12 +1476,14 @@ $ripple-width: 32px !default;
1468
1476
  border-color: $treeview-item-active-border-color;
1469
1477
  }
1470
1478
 
1471
- .e-list-item.e-active.e-hover > .e-text-content {
1479
+ .e-list-item.e-active.e-hover > .e-text-content,
1480
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1472
1481
  @include active-hover-theme;
1473
1482
  }
1474
1483
 
1475
1484
  .e-list-item.e-editing.e-active > .e-text-content,
1476
- .e-list-item.e-editing.e-hover > .e-text-content {
1485
+ .e-list-item.e-editing.e-hover > .e-text-content,
1486
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1477
1487
  @include active-editing-theme;
1478
1488
  }
1479
1489
  }