@syncfusion/ej2-layouts 31.1.22 → 31.2.2

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 (70) hide show
  1. package/dist/ej2-layouts.min.js +1 -1
  2. package/dist/ej2-layouts.umd.min.js +1 -1
  3. package/dist/global/ej2-layouts.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +2 -2
  6. package/styles/bds-lite.css +2 -2
  7. package/styles/bds.css +4 -4
  8. package/styles/bootstrap-dark-lite.css +2 -2
  9. package/styles/bootstrap-dark.css +4 -4
  10. package/styles/bootstrap-lite.css +2 -2
  11. package/styles/bootstrap.css +4 -4
  12. package/styles/bootstrap4-lite.css +2 -2
  13. package/styles/bootstrap4.css +4 -4
  14. package/styles/bootstrap5-dark-lite.css +2 -2
  15. package/styles/bootstrap5-dark.css +4 -4
  16. package/styles/bootstrap5-lite.css +2 -2
  17. package/styles/bootstrap5.3-lite.css +2 -2
  18. package/styles/bootstrap5.3.css +4 -4
  19. package/styles/bootstrap5.css +4 -4
  20. package/styles/fabric-dark-lite.css +2 -2
  21. package/styles/fabric-dark.css +4 -4
  22. package/styles/fabric-lite.css +2 -2
  23. package/styles/fabric.css +4 -4
  24. package/styles/fluent-dark-lite.css +2 -2
  25. package/styles/fluent-dark.css +4 -4
  26. package/styles/fluent-lite.css +2 -2
  27. package/styles/fluent.css +4 -4
  28. package/styles/fluent2-lite.css +2 -2
  29. package/styles/fluent2.css +4 -4
  30. package/styles/highcontrast-light-lite.css +2 -2
  31. package/styles/highcontrast-light.css +4 -4
  32. package/styles/highcontrast-lite.css +2 -2
  33. package/styles/highcontrast.css +4 -4
  34. package/styles/material-dark-lite.css +2 -2
  35. package/styles/material-dark.css +4 -4
  36. package/styles/material-lite.css +2 -2
  37. package/styles/material.css +4 -4
  38. package/styles/material3-dark-lite.css +2 -2
  39. package/styles/material3-dark.css +4 -4
  40. package/styles/material3-lite.css +2 -2
  41. package/styles/material3.css +4 -4
  42. package/styles/tailwind-dark-lite.css +2 -2
  43. package/styles/tailwind-dark.css +4 -4
  44. package/styles/tailwind-lite.css +2 -2
  45. package/styles/tailwind.css +4 -4
  46. package/styles/tailwind3-lite.css +2 -2
  47. package/styles/tailwind3.css +4 -4
  48. package/styles/timeline/_bigger.scss +1 -1
  49. package/styles/timeline/_layout.scss +2 -2
  50. package/styles/timeline/bds.css +4 -4
  51. package/styles/timeline/bootstrap-dark.css +4 -4
  52. package/styles/timeline/bootstrap.css +4 -4
  53. package/styles/timeline/bootstrap4.css +4 -4
  54. package/styles/timeline/bootstrap5-dark.css +4 -4
  55. package/styles/timeline/bootstrap5.3.css +4 -4
  56. package/styles/timeline/bootstrap5.css +4 -4
  57. package/styles/timeline/fabric-dark.css +4 -4
  58. package/styles/timeline/fabric.css +4 -4
  59. package/styles/timeline/fluent-dark.css +4 -4
  60. package/styles/timeline/fluent.css +4 -4
  61. package/styles/timeline/fluent2.css +4 -4
  62. package/styles/timeline/highcontrast-light.css +4 -4
  63. package/styles/timeline/highcontrast.css +4 -4
  64. package/styles/timeline/material-dark.css +4 -4
  65. package/styles/timeline/material.css +4 -4
  66. package/styles/timeline/material3-dark.css +4 -4
  67. package/styles/timeline/material3.css +4 -4
  68. package/styles/timeline/tailwind-dark.css +4 -4
  69. package/styles/timeline/tailwind.css +4 -4
  70. package/styles/timeline/tailwind3.css +4 -4
package/styles/highcontrast-light.css CHANGED
@@ -1408,7 +1408,7 @@
1408
1408
  height: inherit;
1409
1409
  width: 100%;
1410
1410
  }
1411
- .e-timeline [class^="e-dot "]::before,
1411
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1412
1412
  .e-timeline .e-dot-item,
1413
1413
  .e-timeline .e-dot {
1414
1414
  display: -webkit-box;
@@ -1421,7 +1421,7 @@
1421
1421
  -ms-flex-pack: center;
1422
1422
  justify-content: center;
1423
1423
  }
1424
- .e-timeline [class^="e-dot "]::before {
1424
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1425
1425
  min-width: 32px;
1426
1426
  min-height: 32px;
1427
1427
  border-radius: var(--dot-radius);
@@ -1658,8 +1658,8 @@
1658
1658
  color: #400074;
1659
1659
  }
1660
1660
 
1661
- .e-bigger.e-timeline [class^="e-dot "]::before,
1662
- .e-bigger .e-timeline [class^="e-dot "]::before {
1661
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1662
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1663
1663
  min-width: 40px;
1664
1664
  min-height: 40px;
1665
1665
  font-size: 18px;
package/styles/highcontrast-lite.css CHANGED
@@ -1287,7 +1287,7 @@
1287
1287
  height: inherit;
1288
1288
  width: 100%;
1289
1289
  }
1290
- .e-timeline [class^="e-dot "]::before,
1290
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1291
1291
  .e-timeline .e-dot-item,
1292
1292
  .e-timeline .e-dot {
1293
1293
  display: -webkit-box;
@@ -1300,7 +1300,7 @@
1300
1300
  -ms-flex-pack: center;
1301
1301
  justify-content: center;
1302
1302
  }
1303
- .e-timeline [class^="e-dot "]::before {
1303
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1304
1304
  min-width: 32px;
1305
1305
  min-height: 32px;
1306
1306
  border-radius: var(--dot-radius);
package/styles/highcontrast.css CHANGED
@@ -1480,7 +1480,7 @@
1480
1480
  height: inherit;
1481
1481
  width: 100%;
1482
1482
  }
1483
- .e-timeline [class^="e-dot "]::before,
1483
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1484
1484
  .e-timeline .e-dot-item,
1485
1485
  .e-timeline .e-dot {
1486
1486
  display: -webkit-box;
@@ -1493,7 +1493,7 @@
1493
1493
  -ms-flex-pack: center;
1494
1494
  justify-content: center;
1495
1495
  }
1496
- .e-timeline [class^="e-dot "]::before {
1496
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1497
1497
  min-width: 32px;
1498
1498
  min-height: 32px;
1499
1499
  border-radius: var(--dot-radius);
@@ -1730,8 +1730,8 @@
1730
1730
  color: #ffd939;
1731
1731
  }
1732
1732
 
1733
- .e-bigger.e-timeline [class^="e-dot "]::before,
1734
- .e-bigger .e-timeline [class^="e-dot "]::before {
1733
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1734
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1735
1735
  min-width: 40px;
1736
1736
  min-height: 40px;
1737
1737
  font-size: 18px;
package/styles/material-dark-lite.css CHANGED
@@ -1277,7 +1277,7 @@
1277
1277
  height: inherit;
1278
1278
  width: 100%;
1279
1279
  }
1280
- .e-timeline [class^="e-dot "]::before,
1280
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1281
1281
  .e-timeline .e-dot-item,
1282
1282
  .e-timeline .e-dot {
1283
1283
  display: -webkit-box;
@@ -1290,7 +1290,7 @@
1290
1290
  -ms-flex-pack: center;
1291
1291
  justify-content: center;
1292
1292
  }
1293
- .e-timeline [class^="e-dot "]::before {
1293
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1294
1294
  min-width: 32px;
1295
1295
  min-height: 32px;
1296
1296
  border-radius: var(--dot-radius);
package/styles/material-dark.css CHANGED
@@ -1469,7 +1469,7 @@
1469
1469
  height: inherit;
1470
1470
  width: 100%;
1471
1471
  }
1472
- .e-timeline [class^="e-dot "]::before,
1472
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1473
1473
  .e-timeline .e-dot-item,
1474
1474
  .e-timeline .e-dot {
1475
1475
  display: -webkit-box;
@@ -1482,7 +1482,7 @@
1482
1482
  -ms-flex-pack: center;
1483
1483
  justify-content: center;
1484
1484
  }
1485
- .e-timeline [class^="e-dot "]::before {
1485
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1486
1486
  min-width: 32px;
1487
1487
  min-height: 32px;
1488
1488
  border-radius: var(--dot-radius);
@@ -1719,8 +1719,8 @@
1719
1719
  color: rgba(255, 255, 255, 0.38);
1720
1720
  }
1721
1721
 
1722
- .e-bigger.e-timeline [class^="e-dot "]::before,
1723
- .e-bigger .e-timeline [class^="e-dot "]::before {
1722
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1723
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1724
1724
  min-width: 40px;
1725
1725
  min-height: 40px;
1726
1726
  font-size: 18px;
package/styles/material-lite.css CHANGED
@@ -1279,7 +1279,7 @@
1279
1279
  height: inherit;
1280
1280
  width: 100%;
1281
1281
  }
1282
- .e-timeline [class^="e-dot "]::before,
1282
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1283
1283
  .e-timeline .e-dot-item,
1284
1284
  .e-timeline .e-dot {
1285
1285
  display: -webkit-box;
@@ -1292,7 +1292,7 @@
1292
1292
  -ms-flex-pack: center;
1293
1293
  justify-content: center;
1294
1294
  }
1295
- .e-timeline [class^="e-dot "]::before {
1295
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1296
1296
  min-width: 32px;
1297
1297
  min-height: 32px;
1298
1298
  border-radius: var(--dot-radius);
package/styles/material.css CHANGED
@@ -1471,7 +1471,7 @@
1471
1471
  height: inherit;
1472
1472
  width: 100%;
1473
1473
  }
1474
- .e-timeline [class^="e-dot "]::before,
1474
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1475
1475
  .e-timeline .e-dot-item,
1476
1476
  .e-timeline .e-dot {
1477
1477
  display: -webkit-box;
@@ -1484,7 +1484,7 @@
1484
1484
  -ms-flex-pack: center;
1485
1485
  justify-content: center;
1486
1486
  }
1487
- .e-timeline [class^="e-dot "]::before {
1487
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1488
1488
  min-width: 32px;
1489
1489
  min-height: 32px;
1490
1490
  border-radius: var(--dot-radius);
@@ -1721,8 +1721,8 @@
1721
1721
  color: rgba(0, 0, 0, 0.38);
1722
1722
  }
1723
1723
 
1724
- .e-bigger.e-timeline [class^="e-dot "]::before,
1725
- .e-bigger .e-timeline [class^="e-dot "]::before {
1724
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1725
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1726
1726
  min-width: 40px;
1727
1727
  min-height: 40px;
1728
1728
  font-size: 18px;
package/styles/material3-dark-lite.css CHANGED
@@ -1294,7 +1294,7 @@
1294
1294
  height: inherit;
1295
1295
  width: 100%;
1296
1296
  }
1297
- .e-timeline [class^="e-dot "]::before,
1297
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1298
1298
  .e-timeline .e-dot-item,
1299
1299
  .e-timeline .e-dot {
1300
1300
  display: -webkit-box;
@@ -1307,7 +1307,7 @@
1307
1307
  -ms-flex-pack: center;
1308
1308
  justify-content: center;
1309
1309
  }
1310
- .e-timeline [class^="e-dot "]::before {
1310
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1311
1311
  min-width: 32px;
1312
1312
  min-height: 32px;
1313
1313
  border-radius: var(--dot-radius);
package/styles/material3-dark.css CHANGED
@@ -1486,7 +1486,7 @@
1486
1486
  height: inherit;
1487
1487
  width: 100%;
1488
1488
  }
1489
- .e-timeline [class^="e-dot "]::before,
1489
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1490
1490
  .e-timeline .e-dot-item,
1491
1491
  .e-timeline .e-dot {
1492
1492
  display: -webkit-box;
@@ -1499,7 +1499,7 @@
1499
1499
  -ms-flex-pack: center;
1500
1500
  justify-content: center;
1501
1501
  }
1502
- .e-timeline [class^="e-dot "]::before {
1502
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1503
1503
  min-width: 32px;
1504
1504
  min-height: 32px;
1505
1505
  border-radius: var(--dot-radius);
@@ -1736,8 +1736,8 @@
1736
1736
  color: rgba(var(--color-sf-on-surface), 0.38);
1737
1737
  }
1738
1738
 
1739
- .e-bigger.e-timeline [class^="e-dot "]::before,
1740
- .e-bigger .e-timeline [class^="e-dot "]::before {
1739
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1740
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1741
1741
  min-width: 40px;
1742
1742
  min-height: 40px;
1743
1743
  font-size: 18px;
package/styles/material3-lite.css CHANGED
@@ -1296,7 +1296,7 @@
1296
1296
  height: inherit;
1297
1297
  width: 100%;
1298
1298
  }
1299
- .e-timeline [class^="e-dot "]::before,
1299
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1300
1300
  .e-timeline .e-dot-item,
1301
1301
  .e-timeline .e-dot {
1302
1302
  display: -webkit-box;
@@ -1309,7 +1309,7 @@
1309
1309
  -ms-flex-pack: center;
1310
1310
  justify-content: center;
1311
1311
  }
1312
- .e-timeline [class^="e-dot "]::before {
1312
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1313
1313
  min-width: 32px;
1314
1314
  min-height: 32px;
1315
1315
  border-radius: var(--dot-radius);
package/styles/material3.css CHANGED
@@ -1488,7 +1488,7 @@
1488
1488
  height: inherit;
1489
1489
  width: 100%;
1490
1490
  }
1491
- .e-timeline [class^="e-dot "]::before,
1491
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1492
1492
  .e-timeline .e-dot-item,
1493
1493
  .e-timeline .e-dot {
1494
1494
  display: -webkit-box;
@@ -1501,7 +1501,7 @@
1501
1501
  -ms-flex-pack: center;
1502
1502
  justify-content: center;
1503
1503
  }
1504
- .e-timeline [class^="e-dot "]::before {
1504
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1505
1505
  min-width: 32px;
1506
1506
  min-height: 32px;
1507
1507
  border-radius: var(--dot-radius);
@@ -1738,8 +1738,8 @@
1738
1738
  color: rgba(var(--color-sf-on-surface), 0.38);
1739
1739
  }
1740
1740
 
1741
- .e-bigger.e-timeline [class^="e-dot "]::before,
1742
- .e-bigger .e-timeline [class^="e-dot "]::before {
1741
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1742
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1743
1743
  min-width: 40px;
1744
1744
  min-height: 40px;
1745
1745
  font-size: 18px;
package/styles/tailwind-dark-lite.css CHANGED
@@ -1307,7 +1307,7 @@
1307
1307
  height: inherit;
1308
1308
  width: 100%;
1309
1309
  }
1310
- .e-timeline [class^="e-dot "]::before,
1310
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1311
1311
  .e-timeline .e-dot-item,
1312
1312
  .e-timeline .e-dot {
1313
1313
  display: -webkit-box;
@@ -1320,7 +1320,7 @@
1320
1320
  -ms-flex-pack: center;
1321
1321
  justify-content: center;
1322
1322
  }
1323
- .e-timeline [class^="e-dot "]::before {
1323
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1324
1324
  min-width: 32px;
1325
1325
  min-height: 32px;
1326
1326
  border-radius: var(--dot-radius);
package/styles/tailwind-dark.css CHANGED
@@ -1505,7 +1505,7 @@
1505
1505
  height: inherit;
1506
1506
  width: 100%;
1507
1507
  }
1508
- .e-timeline [class^="e-dot "]::before,
1508
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1509
1509
  .e-timeline .e-dot-item,
1510
1510
  .e-timeline .e-dot {
1511
1511
  display: -webkit-box;
@@ -1518,7 +1518,7 @@
1518
1518
  -ms-flex-pack: center;
1519
1519
  justify-content: center;
1520
1520
  }
1521
- .e-timeline [class^="e-dot "]::before {
1521
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1522
1522
  min-width: 32px;
1523
1523
  min-height: 32px;
1524
1524
  border-radius: var(--dot-radius);
@@ -1755,8 +1755,8 @@
1755
1755
  color: #6b7280;
1756
1756
  }
1757
1757
 
1758
- .e-bigger.e-timeline [class^="e-dot "]::before,
1759
- .e-bigger .e-timeline [class^="e-dot "]::before {
1758
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1759
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1760
1760
  min-width: 40px;
1761
1761
  min-height: 40px;
1762
1762
  font-size: 18px;
package/styles/tailwind-lite.css CHANGED
@@ -1307,7 +1307,7 @@
1307
1307
  height: inherit;
1308
1308
  width: 100%;
1309
1309
  }
1310
- .e-timeline [class^="e-dot "]::before,
1310
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1311
1311
  .e-timeline .e-dot-item,
1312
1312
  .e-timeline .e-dot {
1313
1313
  display: -webkit-box;
@@ -1320,7 +1320,7 @@
1320
1320
  -ms-flex-pack: center;
1321
1321
  justify-content: center;
1322
1322
  }
1323
- .e-timeline [class^="e-dot "]::before {
1323
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1324
1324
  min-width: 32px;
1325
1325
  min-height: 32px;
1326
1326
  border-radius: var(--dot-radius);
package/styles/tailwind.css CHANGED
@@ -1505,7 +1505,7 @@
1505
1505
  height: inherit;
1506
1506
  width: 100%;
1507
1507
  }
1508
- .e-timeline [class^="e-dot "]::before,
1508
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1509
1509
  .e-timeline .e-dot-item,
1510
1510
  .e-timeline .e-dot {
1511
1511
  display: -webkit-box;
@@ -1518,7 +1518,7 @@
1518
1518
  -ms-flex-pack: center;
1519
1519
  justify-content: center;
1520
1520
  }
1521
- .e-timeline [class^="e-dot "]::before {
1521
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1522
1522
  min-width: 32px;
1523
1523
  min-height: 32px;
1524
1524
  border-radius: var(--dot-radius);
@@ -1755,8 +1755,8 @@
1755
1755
  color: #9ca3af;
1756
1756
  }
1757
1757
 
1758
- .e-bigger.e-timeline [class^="e-dot "]::before,
1759
- .e-bigger .e-timeline [class^="e-dot "]::before {
1758
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1759
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1760
1760
  min-width: 40px;
1761
1761
  min-height: 40px;
1762
1762
  font-size: 18px;
package/styles/tailwind3-lite.css CHANGED
@@ -1296,7 +1296,7 @@
1296
1296
  height: inherit;
1297
1297
  width: 100%;
1298
1298
  }
1299
- .e-timeline [class^="e-dot "]::before,
1299
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1300
1300
  .e-timeline .e-dot-item,
1301
1301
  .e-timeline .e-dot {
1302
1302
  display: -webkit-box;
@@ -1309,7 +1309,7 @@
1309
1309
  -ms-flex-pack: center;
1310
1310
  justify-content: center;
1311
1311
  }
1312
- .e-timeline [class^="e-dot "]::before {
1312
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1313
1313
  min-width: 32px;
1314
1314
  min-height: 32px;
1315
1315
  border-radius: var(--dot-radius);
package/styles/tailwind3.css CHANGED
@@ -1484,7 +1484,7 @@
1484
1484
  height: inherit;
1485
1485
  width: 100%;
1486
1486
  }
1487
- .e-timeline [class^="e-dot "]::before,
1487
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1488
1488
  .e-timeline .e-dot-item,
1489
1489
  .e-timeline .e-dot {
1490
1490
  display: -webkit-box;
@@ -1497,7 +1497,7 @@
1497
1497
  -ms-flex-pack: center;
1498
1498
  justify-content: center;
1499
1499
  }
1500
- .e-timeline [class^="e-dot "]::before {
1500
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1501
1501
  min-width: 32px;
1502
1502
  min-height: 32px;
1503
1503
  border-radius: var(--dot-radius);
@@ -1734,8 +1734,8 @@
1734
1734
  color: var(--color-sf-content-text-color-disabled);
1735
1735
  }
1736
1736
 
1737
- .e-bigger.e-timeline [class^="e-dot "]::before,
1738
- .e-bigger .e-timeline [class^="e-dot "]::before {
1737
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
1738
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
1739
1739
  min-width: 40px;
1740
1740
  min-height: 40px;
1741
1741
  font-size: 18px;
package/styles/timeline/_bigger.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @include export-module('timeline-bigger') {
2
2
  .e-bigger.e-timeline,
3
3
  .e-bigger .e-timeline {
4
- [class ^= 'e-dot ']::before {
4
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
5
5
  min-width: $timeline-bigger-dot-icon-size;
6
6
  min-height: $timeline-bigger-dot-icon-size;
7
7
  font-size: $timeline-bigger-dot-font-size;
package/styles/timeline/_layout.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  height: inherit;
9
9
  width: 100%;
10
10
 
11
- [class ^= 'e-dot ']::before,
11
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
12
12
  .e-dot-item,
13
13
  .e-dot {
14
14
  display: flex;
@@ -16,7 +16,7 @@
16
16
  justify-content: center;
17
17
  }
18
18
 
19
- [class ^= 'e-dot ']::before {
19
+ .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
20
20
  min-width: $timeline-dot-icon-size;
21
21
  min-height: $timeline-dot-icon-size;
22
22
  border-radius: var(--dot-radius);
package/styles/timeline/bds.css CHANGED
@@ -11,7 +11,7 @@
11
11
  height: inherit;
12
12
  width: 100%;
13
13
  }
14
- .e-timeline [class^="e-dot "]::before,
14
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
15
15
  .e-timeline .e-dot-item,
16
16
  .e-timeline .e-dot {
17
17
  display: -webkit-box;
@@ -24,7 +24,7 @@
24
24
  -ms-flex-pack: center;
25
25
  justify-content: center;
26
26
  }
27
- .e-timeline [class^="e-dot "]::before {
27
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
28
28
  min-width: 32px;
29
29
  min-height: 32px;
30
30
  border-radius: var(--dot-radius);
@@ -261,8 +261,8 @@
261
261
  color: var(--color-sf-text-disabled);
262
262
  }
263
263
 
264
- .e-bigger.e-timeline [class^="e-dot "]::before,
265
- .e-bigger .e-timeline [class^="e-dot "]::before {
264
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
265
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
266
266
  min-width: 40px;
267
267
  min-height: 40px;
268
268
  font-size: 18px;
package/styles/timeline/bootstrap-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #767676;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/bootstrap.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #adadad;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/bootstrap4.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #adb5bd;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/bootstrap5-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #6c757d;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/bootstrap5.3.css CHANGED
@@ -11,7 +11,7 @@
11
11
  height: inherit;
12
12
  width: 100%;
13
13
  }
14
- .e-timeline [class^="e-dot "]::before,
14
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
15
15
  .e-timeline .e-dot-item,
16
16
  .e-timeline .e-dot {
17
17
  display: -webkit-box;
@@ -24,7 +24,7 @@
24
24
  -ms-flex-pack: center;
25
25
  justify-content: center;
26
26
  }
27
- .e-timeline [class^="e-dot "]::before {
27
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
28
28
  min-width: 32px;
29
29
  min-height: 32px;
30
30
  border-radius: var(--dot-radius);
@@ -261,8 +261,8 @@
261
261
  color: var(--color-sf-content-text-color-disabled);
262
262
  }
263
263
 
264
- .e-bigger.e-timeline [class^="e-dot "]::before,
265
- .e-bigger .e-timeline [class^="e-dot "]::before {
264
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
265
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
266
266
  min-width: 40px;
267
267
  min-height: 40px;
268
268
  font-size: 18px;
package/styles/timeline/bootstrap5.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #adb5bd;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;