@syncfusion/blazor-themes 21.1.39 → 21.2.3

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 (87) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +41 -43
  2. package/SCSS-Themes/bootstrap.scss +41 -43
  3. package/SCSS-Themes/bootstrap4.scss +41 -43
  4. package/SCSS-Themes/bootstrap5-dark.scss +38 -43
  5. package/SCSS-Themes/bootstrap5.scss +38 -43
  6. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +4 -4
  7. package/SCSS-Themes/dropdowns/multi-select/material.scss +4 -4
  8. package/SCSS-Themes/fabric-dark.scss +41 -43
  9. package/SCSS-Themes/fabric.scss +41 -43
  10. package/SCSS-Themes/fluent-dark.scss +38 -43
  11. package/SCSS-Themes/fluent.scss +38 -43
  12. package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss +4 -8
  13. package/SCSS-Themes/gantt/gantt/bootstrap.scss +4 -8
  14. package/SCSS-Themes/gantt/gantt/bootstrap4.scss +4 -8
  15. package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss +4 -8
  16. package/SCSS-Themes/gantt/gantt/bootstrap5.scss +4 -8
  17. package/SCSS-Themes/gantt/gantt/fabric-dark.scss +4 -8
  18. package/SCSS-Themes/gantt/gantt/fabric.scss +4 -8
  19. package/SCSS-Themes/gantt/gantt/fluent-dark.scss +4 -8
  20. package/SCSS-Themes/gantt/gantt/fluent.scss +4 -8
  21. package/SCSS-Themes/gantt/gantt/highcontrast.scss +4 -8
  22. package/SCSS-Themes/gantt/gantt/material-dark.scss +4 -8
  23. package/SCSS-Themes/gantt/gantt/material.scss +4 -8
  24. package/SCSS-Themes/gantt/gantt/tailwind-dark.scss +4 -8
  25. package/SCSS-Themes/gantt/gantt/tailwind.scss +4 -8
  26. package/SCSS-Themes/highcontrast.scss +41 -43
  27. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  28. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  29. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  30. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  31. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  32. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  33. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  34. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  35. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  36. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  37. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  38. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  39. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  40. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  41. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  43. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  48. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  50. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  51. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  52. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  53. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  55. package/SCSS-Themes/material-dark.scss +45 -47
  56. package/SCSS-Themes/material.scss +45 -47
  57. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  58. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  59. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  60. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  61. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  62. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  63. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  64. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  65. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  66. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  67. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  68. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  69. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  70. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  71. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +13 -12
  72. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +13 -12
  73. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +13 -12
  74. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +13 -12
  75. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +13 -12
  76. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +13 -12
  77. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +13 -12
  78. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +13 -12
  79. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +13 -12
  80. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +13 -12
  81. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +13 -12
  82. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +13 -12
  83. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +13 -12
  84. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +13 -12
  85. package/SCSS-Themes/tailwind-dark.scss +38 -43
  86. package/SCSS-Themes/tailwind.scss +38 -43
  87. package/package.json +1 -1
@@ -1277,11 +1277,13 @@ $ripple-width: 32px !default;
1277
1277
  }
1278
1278
 
1279
1279
  .e-list-item.e-active,
1280
- .e-list-item.e-hover {
1280
+ .e-list-item.e-hover,
1281
+ .e-list-item.e-node-focus {
1281
1282
  background: transparent;
1282
1283
  }
1283
1284
 
1284
- .e-list-item.e-hover > .e-text-content {
1285
+ .e-list-item.e-hover > .e-text-content,
1286
+ .e-list-item.e-node-focus > .e-text-content {
1285
1287
  color: $treeview-text-hover-color;
1286
1288
 
1287
1289
  .e-list-text {
@@ -1330,7 +1332,8 @@ $ripple-width: 32px !default;
1330
1332
  }
1331
1333
  }
1332
1334
 
1333
- .e-list-item.e-active.e-hover > .e-text-content {
1335
+ .e-list-item.e-active.e-hover > .e-text-content,
1336
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1334
1337
  color: $treeview-text-active-hover-color;
1335
1338
 
1336
1339
  .e-list-text {
@@ -1344,7 +1347,8 @@ $ripple-width: 32px !default;
1344
1347
  }
1345
1348
 
1346
1349
  .e-list-item.e-editing.e-active > .e-text-content,
1347
- .e-list-item.e-editing.e-hover > .e-text-content {
1350
+ .e-list-item.e-editing.e-hover > .e-text-content,
1351
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1348
1352
  color: $treeview-text-color;
1349
1353
 
1350
1354
  .e-list-text {
@@ -1361,7 +1365,8 @@ $ripple-width: 32px !default;
1361
1365
  }
1362
1366
  }
1363
1367
 
1364
- .e-list-item.e-hover > .e-fullrow {
1368
+ .e-list-item.e-hover > .e-fullrow,
1369
+ .e-list-item.e-node-focus > .e-fullrow {
1365
1370
  background-color: $treeview-item-hover-bg;
1366
1371
  border-color: $treeview-item-hover-border-color;
1367
1372
  }
@@ -1386,12 +1391,14 @@ $ripple-width: 32px !default;
1386
1391
  }
1387
1392
  }
1388
1393
 
1389
- .e-list-item.e-active.e-hover > .e-fullrow{
1394
+ .e-list-item.e-active.e-hover > .e-fullrow,
1395
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1390
1396
  @include active-hover-theme;
1391
1397
  }
1392
1398
 
1393
1399
  .e-list-item.e-editing.e-active > .e-fullrow,
1394
- .e-list-item.e-editing.e-hover > .e-fullrow{
1400
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1401
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1395
1402
  @include active-editing-theme;
1396
1403
  }
1397
1404
 
@@ -1457,7 +1464,8 @@ $ripple-width: 32px !default;
1457
1464
 
1458
1465
  &:not(.e-fullrow-wrap) {
1459
1466
 
1460
- .e-list-item.e-hover > .e-text-content{
1467
+ .e-list-item.e-hover > .e-text-content,
1468
+ .e-list-item.e-node-focus > .e-text-content {
1461
1469
  background-color: $treeview-item-hover-bg;
1462
1470
  border-color: $treeview-item-hover-border-color;
1463
1471
  }
@@ -1467,12 +1475,14 @@ $ripple-width: 32px !default;
1467
1475
  border-color: $treeview-item-active-border-color;
1468
1476
  }
1469
1477
 
1470
- .e-list-item.e-active.e-hover > .e-text-content {
1478
+ .e-list-item.e-active.e-hover > .e-text-content,
1479
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1471
1480
  @include active-hover-theme;
1472
1481
  }
1473
1482
 
1474
1483
  .e-list-item.e-editing.e-active > .e-text-content,
1475
- .e-list-item.e-editing.e-hover > .e-text-content {
1484
+ .e-list-item.e-editing.e-hover > .e-text-content,
1485
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1476
1486
  @include active-editing-theme;
1477
1487
  }
1478
1488
  }
@@ -1305,11 +1305,13 @@ $ripple-width: 32px !default;
1305
1305
  }
1306
1306
 
1307
1307
  .e-list-item.e-active,
1308
- .e-list-item.e-hover {
1308
+ .e-list-item.e-hover,
1309
+ .e-list-item.e-node-focus {
1309
1310
  background: transparent;
1310
1311
  }
1311
1312
 
1312
- .e-list-item.e-hover > .e-text-content {
1313
+ .e-list-item.e-hover > .e-text-content,
1314
+ .e-list-item.e-node-focus > .e-text-content {
1313
1315
  color: $treeview-text-hover-color;
1314
1316
 
1315
1317
  .e-list-text {
@@ -1358,7 +1360,8 @@ $ripple-width: 32px !default;
1358
1360
  }
1359
1361
  }
1360
1362
 
1361
- .e-list-item.e-active.e-hover > .e-text-content {
1363
+ .e-list-item.e-active.e-hover > .e-text-content,
1364
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1362
1365
  color: $treeview-text-active-hover-color;
1363
1366
 
1364
1367
  .e-list-text {
@@ -1372,7 +1375,8 @@ $ripple-width: 32px !default;
1372
1375
  }
1373
1376
 
1374
1377
  .e-list-item.e-editing.e-active > .e-text-content,
1375
- .e-list-item.e-editing.e-hover > .e-text-content {
1378
+ .e-list-item.e-editing.e-hover > .e-text-content,
1379
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1376
1380
  color: $treeview-text-color;
1377
1381
 
1378
1382
  .e-list-text {
@@ -1389,7 +1393,8 @@ $ripple-width: 32px !default;
1389
1393
  }
1390
1394
  }
1391
1395
 
1392
- .e-list-item.e-hover > .e-fullrow {
1396
+ .e-list-item.e-hover > .e-fullrow,
1397
+ .e-list-item.e-node-focus > .e-fullrow {
1393
1398
  background-color: $treeview-item-hover-bg;
1394
1399
  border-color: $treeview-item-hover-border-color;
1395
1400
  }
@@ -1414,12 +1419,14 @@ $ripple-width: 32px !default;
1414
1419
  }
1415
1420
  }
1416
1421
 
1417
- .e-list-item.e-active.e-hover > .e-fullrow{
1422
+ .e-list-item.e-active.e-hover > .e-fullrow,
1423
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1418
1424
  @include active-hover-theme;
1419
1425
  }
1420
1426
 
1421
1427
  .e-list-item.e-editing.e-active > .e-fullrow,
1422
- .e-list-item.e-editing.e-hover > .e-fullrow{
1428
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1429
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1423
1430
  @include active-editing-theme;
1424
1431
  }
1425
1432
 
@@ -1485,7 +1492,8 @@ $ripple-width: 32px !default;
1485
1492
 
1486
1493
  &:not(.e-fullrow-wrap) {
1487
1494
 
1488
- .e-list-item.e-hover > .e-text-content{
1495
+ .e-list-item.e-hover > .e-text-content,
1496
+ .e-list-item.e-node-focus > .e-text-content {
1489
1497
  background-color: $treeview-item-hover-bg;
1490
1498
  border-color: $treeview-item-hover-border-color;
1491
1499
  }
@@ -1495,12 +1503,14 @@ $ripple-width: 32px !default;
1495
1503
  border-color: $treeview-item-active-border-color;
1496
1504
  }
1497
1505
 
1498
- .e-list-item.e-active.e-hover > .e-text-content {
1506
+ .e-list-item.e-active.e-hover > .e-text-content,
1507
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1499
1508
  @include active-hover-theme;
1500
1509
  }
1501
1510
 
1502
1511
  .e-list-item.e-editing.e-active > .e-text-content,
1503
- .e-list-item.e-editing.e-hover > .e-text-content {
1512
+ .e-list-item.e-editing.e-hover > .e-text-content,
1513
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1504
1514
  @include active-editing-theme;
1505
1515
  }
1506
1516
  }
@@ -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
  }
@@ -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
  }