@syncfusion/blazor-themes 21.1.41 → 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 (85) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +29 -23
  2. package/SCSS-Themes/bootstrap.scss +29 -23
  3. package/SCSS-Themes/bootstrap4.scss +29 -23
  4. package/SCSS-Themes/bootstrap5-dark.scss +26 -23
  5. package/SCSS-Themes/bootstrap5.scss +26 -23
  6. package/SCSS-Themes/fabric-dark.scss +29 -23
  7. package/SCSS-Themes/fabric.scss +29 -23
  8. package/SCSS-Themes/fluent-dark.scss +26 -23
  9. package/SCSS-Themes/fluent.scss +26 -23
  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/highcontrast.scss +29 -23
  25. package/SCSS-Themes/inputs/rating/bootstrap-dark.scss +3 -12
  26. package/SCSS-Themes/inputs/rating/bootstrap.scss +3 -12
  27. package/SCSS-Themes/inputs/rating/bootstrap4.scss +3 -12
  28. package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss +0 -12
  29. package/SCSS-Themes/inputs/rating/bootstrap5.scss +0 -12
  30. package/SCSS-Themes/inputs/rating/fabric-dark.scss +3 -12
  31. package/SCSS-Themes/inputs/rating/fabric.scss +3 -12
  32. package/SCSS-Themes/inputs/rating/fluent-dark.scss +0 -12
  33. package/SCSS-Themes/inputs/rating/fluent.scss +0 -12
  34. package/SCSS-Themes/inputs/rating/highcontrast.scss +3 -12
  35. package/SCSS-Themes/inputs/rating/material-dark.scss +3 -12
  36. package/SCSS-Themes/inputs/rating/material.scss +3 -12
  37. package/SCSS-Themes/inputs/rating/tailwind-dark.scss +0 -12
  38. package/SCSS-Themes/inputs/rating/tailwind.scss +0 -12
  39. package/SCSS-Themes/lists/list-view/bootstrap-dark.scss +1 -1
  40. package/SCSS-Themes/lists/list-view/bootstrap.scss +1 -1
  41. package/SCSS-Themes/lists/list-view/bootstrap4.scss +1 -1
  42. package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss +1 -1
  43. package/SCSS-Themes/lists/list-view/bootstrap5.scss +1 -1
  44. package/SCSS-Themes/lists/list-view/fabric-dark.scss +1 -1
  45. package/SCSS-Themes/lists/list-view/fabric.scss +1 -1
  46. package/SCSS-Themes/lists/list-view/fluent-dark.scss +1 -1
  47. package/SCSS-Themes/lists/list-view/fluent.scss +1 -1
  48. package/SCSS-Themes/lists/list-view/highcontrast.scss +1 -1
  49. package/SCSS-Themes/lists/list-view/material-dark.scss +1 -1
  50. package/SCSS-Themes/lists/list-view/material.scss +1 -1
  51. package/SCSS-Themes/lists/list-view/tailwind-dark.scss +1 -1
  52. package/SCSS-Themes/lists/list-view/tailwind.scss +1 -1
  53. package/SCSS-Themes/material-dark.scss +29 -23
  54. package/SCSS-Themes/material.scss +29 -23
  55. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +20 -10
  56. package/SCSS-Themes/navigations/treeview/bootstrap.scss +20 -10
  57. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +20 -10
  58. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +20 -10
  59. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +20 -10
  60. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +20 -10
  61. package/SCSS-Themes/navigations/treeview/fabric.scss +20 -10
  62. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +20 -10
  63. package/SCSS-Themes/navigations/treeview/fluent.scss +20 -10
  64. package/SCSS-Themes/navigations/treeview/highcontrast.scss +20 -10
  65. package/SCSS-Themes/navigations/treeview/material-dark.scss +20 -10
  66. package/SCSS-Themes/navigations/treeview/material.scss +20 -10
  67. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +20 -10
  68. package/SCSS-Themes/navigations/treeview/tailwind.scss +20 -10
  69. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +1 -0
  70. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +1 -0
  71. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +1 -0
  72. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +1 -0
  73. package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +1 -0
  74. package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +1 -0
  75. package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +1 -0
  76. package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -0
  77. package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -0
  78. package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +1 -0
  79. package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +1 -0
  80. package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +1 -0
  81. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +1 -0
  82. package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +1 -0
  83. package/SCSS-Themes/tailwind-dark.scss +26 -23
  84. package/SCSS-Themes/tailwind.scss +26 -23
  85. package/package.json +1 -1
@@ -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
  }
@@ -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
  }
@@ -1288,11 +1288,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1288
1288
  }
1289
1289
 
1290
1290
  .e-list-item.e-active,
1291
- .e-list-item.e-hover {
1291
+ .e-list-item.e-hover,
1292
+ .e-list-item.e-node-focus {
1292
1293
  background: transparent;
1293
1294
  }
1294
1295
 
1295
- .e-list-item.e-hover > .e-text-content {
1296
+ .e-list-item.e-hover > .e-text-content,
1297
+ .e-list-item.e-node-focus > .e-text-content {
1296
1298
  color: $treeview-text-hover-color;
1297
1299
 
1298
1300
  .e-list-text {
@@ -1341,7 +1343,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1341
1343
  }
1342
1344
  }
1343
1345
 
1344
- .e-list-item.e-active.e-hover > .e-text-content {
1346
+ .e-list-item.e-active.e-hover > .e-text-content,
1347
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1345
1348
  color: $treeview-text-active-hover-color;
1346
1349
 
1347
1350
  .e-list-text {
@@ -1355,7 +1358,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1355
1358
  }
1356
1359
 
1357
1360
  .e-list-item.e-editing.e-active > .e-text-content,
1358
- .e-list-item.e-editing.e-hover > .e-text-content {
1361
+ .e-list-item.e-editing.e-hover > .e-text-content,
1362
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1359
1363
  color: $treeview-text-color;
1360
1364
 
1361
1365
  .e-list-text {
@@ -1372,7 +1376,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1372
1376
  }
1373
1377
  }
1374
1378
 
1375
- .e-list-item.e-hover > .e-fullrow {
1379
+ .e-list-item.e-hover > .e-fullrow,
1380
+ .e-list-item.e-node-focus > .e-fullrow {
1376
1381
  background-color: $treeview-item-hover-bg;
1377
1382
  border-color: $treeview-item-hover-border-color;
1378
1383
  }
@@ -1397,12 +1402,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1397
1402
  }
1398
1403
  }
1399
1404
 
1400
- .e-list-item.e-active.e-hover > .e-fullrow{
1405
+ .e-list-item.e-active.e-hover > .e-fullrow,
1406
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1401
1407
  @include active-hover-theme;
1402
1408
  }
1403
1409
 
1404
1410
  .e-list-item.e-editing.e-active > .e-fullrow,
1405
- .e-list-item.e-editing.e-hover > .e-fullrow{
1411
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1412
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1406
1413
  @include active-editing-theme;
1407
1414
  }
1408
1415
 
@@ -1468,7 +1475,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1468
1475
 
1469
1476
  &:not(.e-fullrow-wrap) {
1470
1477
 
1471
- .e-list-item.e-hover > .e-text-content{
1478
+ .e-list-item.e-hover > .e-text-content,
1479
+ .e-list-item.e-node-focus > .e-text-content {
1472
1480
  background-color: $treeview-item-hover-bg;
1473
1481
  border-color: $treeview-item-hover-border-color;
1474
1482
  }
@@ -1478,12 +1486,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1478
1486
  border-color: $treeview-item-active-border-color;
1479
1487
  }
1480
1488
 
1481
- .e-list-item.e-active.e-hover > .e-text-content {
1489
+ .e-list-item.e-active.e-hover > .e-text-content,
1490
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1482
1491
  @include active-hover-theme;
1483
1492
  }
1484
1493
 
1485
1494
  .e-list-item.e-editing.e-active > .e-text-content,
1486
- .e-list-item.e-editing.e-hover > .e-text-content {
1495
+ .e-list-item.e-editing.e-hover > .e-text-content,
1496
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1487
1497
  @include active-editing-theme;
1488
1498
  }
1489
1499
  }
@@ -1288,11 +1288,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1288
1288
  }
1289
1289
 
1290
1290
  .e-list-item.e-active,
1291
- .e-list-item.e-hover {
1291
+ .e-list-item.e-hover,
1292
+ .e-list-item.e-node-focus {
1292
1293
  background: transparent;
1293
1294
  }
1294
1295
 
1295
- .e-list-item.e-hover > .e-text-content {
1296
+ .e-list-item.e-hover > .e-text-content,
1297
+ .e-list-item.e-node-focus > .e-text-content {
1296
1298
  color: $treeview-text-hover-color;
1297
1299
 
1298
1300
  .e-list-text {
@@ -1341,7 +1343,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1341
1343
  }
1342
1344
  }
1343
1345
 
1344
- .e-list-item.e-active.e-hover > .e-text-content {
1346
+ .e-list-item.e-active.e-hover > .e-text-content,
1347
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1345
1348
  color: $treeview-text-active-hover-color;
1346
1349
 
1347
1350
  .e-list-text {
@@ -1355,7 +1358,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1355
1358
  }
1356
1359
 
1357
1360
  .e-list-item.e-editing.e-active > .e-text-content,
1358
- .e-list-item.e-editing.e-hover > .e-text-content {
1361
+ .e-list-item.e-editing.e-hover > .e-text-content,
1362
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1359
1363
  color: $treeview-text-color;
1360
1364
 
1361
1365
  .e-list-text {
@@ -1372,7 +1376,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1372
1376
  }
1373
1377
  }
1374
1378
 
1375
- .e-list-item.e-hover > .e-fullrow {
1379
+ .e-list-item.e-hover > .e-fullrow,
1380
+ .e-list-item.e-node-focus > .e-fullrow {
1376
1381
  background-color: $treeview-item-hover-bg;
1377
1382
  border-color: $treeview-item-hover-border-color;
1378
1383
  }
@@ -1397,12 +1402,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1397
1402
  }
1398
1403
  }
1399
1404
 
1400
- .e-list-item.e-active.e-hover > .e-fullrow{
1405
+ .e-list-item.e-active.e-hover > .e-fullrow,
1406
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
1401
1407
  @include active-hover-theme;
1402
1408
  }
1403
1409
 
1404
1410
  .e-list-item.e-editing.e-active > .e-fullrow,
1405
- .e-list-item.e-editing.e-hover > .e-fullrow{
1411
+ .e-list-item.e-editing.e-hover > .e-fullrow,
1412
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
1406
1413
  @include active-editing-theme;
1407
1414
  }
1408
1415
 
@@ -1468,7 +1475,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1468
1475
 
1469
1476
  &:not(.e-fullrow-wrap) {
1470
1477
 
1471
- .e-list-item.e-hover > .e-text-content{
1478
+ .e-list-item.e-hover > .e-text-content,
1479
+ .e-list-item.e-node-focus > .e-text-content {
1472
1480
  background-color: $treeview-item-hover-bg;
1473
1481
  border-color: $treeview-item-hover-border-color;
1474
1482
  }
@@ -1478,12 +1486,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
1478
1486
  border-color: $treeview-item-active-border-color;
1479
1487
  }
1480
1488
 
1481
- .e-list-item.e-active.e-hover > .e-text-content {
1489
+ .e-list-item.e-active.e-hover > .e-text-content,
1490
+ .e-list-item.e-active.e-node-focus > .e-text-content {
1482
1491
  @include active-hover-theme;
1483
1492
  }
1484
1493
 
1485
1494
  .e-list-item.e-editing.e-active > .e-text-content,
1486
- .e-list-item.e-editing.e-hover > .e-text-content {
1495
+ .e-list-item.e-editing.e-hover > .e-text-content,
1496
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
1487
1497
  @include active-editing-theme;
1488
1498
  }
1489
1499
  }
@@ -2454,6 +2454,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
2454
2454
 
2455
2455
  .e-checkbox-layout {
2456
2456
  max-width: 45%;
2457
+ overflow: visible;
2457
2458
  }
2458
2459
 
2459
2460
  }
@@ -2408,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 176px !default;
2408
2408
 
2409
2409
  .e-checkbox-layout {
2410
2410
  max-width: 45%;
2411
+ overflow: visible;
2411
2412
  }
2412
2413
 
2413
2414
  }
@@ -2408,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 177px !default;
2408
2408
 
2409
2409
  .e-checkbox-layout {
2410
2410
  max-width: 45%;
2411
+ overflow: visible;
2411
2412
  }
2412
2413
 
2413
2414
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -2414,6 +2414,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
2414
2414
 
2415
2415
  .e-checkbox-layout {
2416
2416
  max-width: 45%;
2417
+ overflow: visible;
2417
2418
  }
2418
2419
 
2419
2420
  }
@@ -2408,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
2408
2408
 
2409
2409
  .e-checkbox-layout {
2410
2410
  max-width: 45%;
2411
+ overflow: visible;
2411
2412
  }
2412
2413
 
2413
2414
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -2409,6 +2409,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
2409
2409
 
2410
2410
  .e-checkbox-layout {
2411
2411
  max-width: 45%;
2412
+ overflow: visible;
2412
2413
  }
2413
2414
 
2414
2415
  }
@@ -2409,6 +2409,7 @@ $field-list-adaptive-outerdiv-height: 190px !default;
2409
2409
 
2410
2410
  .e-checkbox-layout {
2411
2411
  max-width: 45%;
2412
+ overflow: visible;
2412
2413
  }
2413
2414
 
2414
2415
  }
@@ -2409,6 +2409,7 @@ $field-list-adaptive-outerdiv-height: 195px !default;
2409
2409
 
2410
2410
  .e-checkbox-layout {
2411
2411
  max-width: 45%;
2412
+ overflow: visible;
2412
2413
  }
2413
2414
 
2414
2415
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -2412,6 +2412,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
2412
2412
 
2413
2413
  .e-checkbox-layout {
2414
2414
  max-width: 45%;
2415
+ overflow: visible;
2415
2416
  }
2416
2417
 
2417
2418
  }
@@ -40055,7 +40055,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
40055
40055
  font-size: $listview-header-font-size;
40056
40056
  }
40057
40057
 
40058
- & .e-icons:not(.e-primary .e-btn-icon) {
40058
+ & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
40059
40059
  color: $listview-icon-color;
40060
40060
 
40061
40061
  @if ($skin-name == 'tailwind') {
@@ -53943,11 +53943,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53943
53943
  }
53944
53944
 
53945
53945
  .e-list-item.e-active,
53946
- .e-list-item.e-hover {
53946
+ .e-list-item.e-hover,
53947
+ .e-list-item.e-node-focus {
53947
53948
  background: transparent;
53948
53949
  }
53949
53950
 
53950
- .e-list-item.e-hover > .e-text-content {
53951
+ .e-list-item.e-hover > .e-text-content,
53952
+ .e-list-item.e-node-focus > .e-text-content {
53951
53953
  color: $treeview-text-hover-color;
53952
53954
 
53953
53955
  .e-list-text {
@@ -53996,7 +53998,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
53996
53998
  }
53997
53999
  }
53998
54000
 
53999
- .e-list-item.e-active.e-hover > .e-text-content {
54001
+ .e-list-item.e-active.e-hover > .e-text-content,
54002
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54000
54003
  color: $treeview-text-active-hover-color;
54001
54004
 
54002
54005
  .e-list-text {
@@ -54010,7 +54013,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54010
54013
  }
54011
54014
 
54012
54015
  .e-list-item.e-editing.e-active > .e-text-content,
54013
- .e-list-item.e-editing.e-hover > .e-text-content {
54016
+ .e-list-item.e-editing.e-hover > .e-text-content,
54017
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54014
54018
  color: $treeview-text-color;
54015
54019
 
54016
54020
  .e-list-text {
@@ -54027,7 +54031,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54027
54031
  }
54028
54032
  }
54029
54033
 
54030
- .e-list-item.e-hover > .e-fullrow {
54034
+ .e-list-item.e-hover > .e-fullrow,
54035
+ .e-list-item.e-node-focus > .e-fullrow {
54031
54036
  background-color: $treeview-item-hover-bg;
54032
54037
  border-color: $treeview-item-hover-border-color;
54033
54038
  }
@@ -54052,12 +54057,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54052
54057
  }
54053
54058
  }
54054
54059
 
54055
- .e-list-item.e-active.e-hover > .e-fullrow{
54060
+ .e-list-item.e-active.e-hover > .e-fullrow,
54061
+ .e-list-item.e-active.e-node-focus > .e-fullrow {
54056
54062
  @include active-hover-theme;
54057
54063
  }
54058
54064
 
54059
54065
  .e-list-item.e-editing.e-active > .e-fullrow,
54060
- .e-list-item.e-editing.e-hover > .e-fullrow{
54066
+ .e-list-item.e-editing.e-hover > .e-fullrow,
54067
+ .e-list-item.e-editing.e-node-focus > .e-fullrow {
54061
54068
  @include active-editing-theme;
54062
54069
  }
54063
54070
 
@@ -54123,7 +54130,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54123
54130
 
54124
54131
  &:not(.e-fullrow-wrap) {
54125
54132
 
54126
- .e-list-item.e-hover > .e-text-content{
54133
+ .e-list-item.e-hover > .e-text-content,
54134
+ .e-list-item.e-node-focus > .e-text-content {
54127
54135
  background-color: $treeview-item-hover-bg;
54128
54136
  border-color: $treeview-item-hover-border-color;
54129
54137
  }
@@ -54133,12 +54141,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
54133
54141
  border-color: $treeview-item-active-border-color;
54134
54142
  }
54135
54143
 
54136
- .e-list-item.e-active.e-hover > .e-text-content {
54144
+ .e-list-item.e-active.e-hover > .e-text-content,
54145
+ .e-list-item.e-active.e-node-focus > .e-text-content {
54137
54146
  @include active-hover-theme;
54138
54147
  }
54139
54148
 
54140
54149
  .e-list-item.e-editing.e-active > .e-text-content,
54141
- .e-list-item.e-editing.e-hover > .e-text-content {
54150
+ .e-list-item.e-editing.e-hover > .e-text-content,
54151
+ .e-list-item.e-editing.e-node-focus > .e-text-content {
54142
54152
  @include active-editing-theme;
54143
54153
  }
54144
54154
  }
@@ -88377,6 +88387,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
88377
88387
  border-radius: $gantt-header-border-radius;
88378
88388
  }
88379
88389
 
88390
+ .e-grid .e-spinner-pane {
88391
+ display: none;
88392
+ }
88393
+
88380
88394
  .e-cloneproperties.e-draganddrop {
88381
88395
  box-shadow: $gantt-clone-prop-box-shadow;
88382
88396
  opacity: .95;
@@ -100774,6 +100788,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
100774
100788
 
100775
100789
  .e-checkbox-layout {
100776
100790
  max-width: 45%;
100791
+ overflow: visible;
100777
100792
  }
100778
100793
 
100779
100794
  }
@@ -114714,7 +114729,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
114714
114729
  $rating-li-font-size: $font-icon-20 !default;
114715
114730
  $rating-li-padding: 4px !default;
114716
114731
  $rating-li-line-height: 3px !default;
114717
- $rating-li-min-width-height: 28px !default;
114718
114732
  $rating-focus-border-radius: 4px !default;
114719
114733
  $rating-label-bottom-margin: 6px !default;
114720
114734
  $rating-label-right-margin: 10px !default;
@@ -114727,21 +114741,18 @@ $rating-tooltip-tip-bottom-height: 8px !default;
114727
114741
 
114728
114742
  $rating-small-li-font-size: $font-icon-16 !default;
114729
114743
  $rating-small-li-line-height: 10px !default;
114730
- $rating-small-li-min-width-height: 24px !default;
114731
114744
  $rating-small-label-font-size: $text-xxs !default;
114732
114745
  $rating-small-label-line-height: 16px !default;
114733
114746
  $rating-small-reset-font-size : $font-icon-12 !default;
114734
114747
 
114735
114748
  $rating-bigger-li-font-size: $font-icon-24 !default;
114736
114749
  $rating-bigger-li-line-height: 18px !default;
114737
- $rating-bigger-li-min-width-height: 32px !default;
114738
114750
  $rating-bigger-label-font-size: $text-2xl !default;
114739
114751
  $rating-bigger-label-line-height: 22px !default;
114740
114752
  $rating-bigger-reset-font-size : $font-icon-20 !default;
114741
114753
 
114742
114754
  $rating-bigger-small-li-font-size: $font-icon-22 !default;
114743
114755
  $rating-bigger-small-li-line-height: 15px !default;
114744
- $rating-bigger-small-li-min-width-height: 30px !default;
114745
114756
  $rating-bigger-small-label-font-size: $text-xs !default;
114746
114757
  $rating-bigger-small-label-line-height: 18px !default;
114747
114758
  $rating-bigger-small-reset-font-size : $font-icon-18 !default;
@@ -114796,8 +114807,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114796
114807
  padding: $rating-li-padding;
114797
114808
  line-height: $rating-li-line-height;
114798
114809
  display: block;
114799
- min-width: $rating-li-min-width-height; //font-size + padding
114800
- min-height: $rating-li-min-width-height; //font-size + padding
114801
114810
  //For Blazor Tooltip
114802
114811
  position: relative;
114803
114812
 
@@ -114922,8 +114931,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114922
114931
  .e-rating-item-container {
114923
114932
  font-size: $rating-small-li-font-size;
114924
114933
  line-height: $rating-small-li-line-height;
114925
- min-height: $rating-small-li-min-width-height; //font-size + padding
114926
- min-width: $rating-small-li-min-width-height; //font-size + padding
114927
114934
  }
114928
114935
 
114929
114936
  .e-rating-label {
@@ -114941,8 +114948,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114941
114948
  .e-rating-item-container {
114942
114949
  font-size: $rating-bigger-li-font-size;
114943
114950
  line-height: $rating-bigger-li-line-height;
114944
- min-width: $rating-bigger-li-min-width-height; //font-size + padding
114945
- min-height: $rating-bigger-li-min-width-height; //font-size + padding
114946
114951
  }
114947
114952
 
114948
114953
  .e-rating-label {
@@ -114962,8 +114967,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
114962
114967
  .e-rating-item-container {
114963
114968
  font-size: $rating-bigger-small-li-font-size;
114964
114969
  line-height: $rating-bigger-small-li-line-height;
114965
- min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
114966
- min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
114967
114970
  }
114968
114971
 
114969
114972
  .e-rating-label {