@syncfusion/ej2-layouts 31.1.22 → 31.2.2

package/dist/ej2-layouts.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-layouts.min.js
-*  version : 31.1.22
+*  version : 31.2.2
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-layouts.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-layouts.umd.min.js
-*  version : 31.1.22
+*  version : 31.2.2
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/ej2-layouts.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-layouts.min.js
-*  version : 31.1.22
+*  version : 31.2.2
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.22
+*  version : 31.2.2
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-layouts",
-  "version": "31.1.22",
+  "version": "31.2.2",
   "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,7 +8,7 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-layouts.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.22"
+    "@syncfusion/ej2-base": "~31.2.2"
   },
   "devDependencies": {},
   "keywords": [

package/styles/bds-lite.css

@@ -1315,7 +1315,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1328,7 +1328,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bds.css

@@ -1513,7 +1513,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1526,7 +1526,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1763,8 +1763,8 @@
   color: var(--color-sf-text-disabled);
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap-dark-lite.css

@@ -1279,7 +1279,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1292,7 +1292,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap-dark.css

@@ -1471,7 +1471,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1484,7 +1484,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1721,8 +1721,8 @@
   color: #767676;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap-lite.css

@@ -1279,7 +1279,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1292,7 +1292,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap.css

@@ -1472,7 +1472,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1485,7 +1485,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1722,8 +1722,8 @@
   color: #adadad;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap4-lite.css

@@ -1275,7 +1275,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1288,7 +1288,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap4.css

@@ -1476,7 +1476,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1489,7 +1489,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1726,8 +1726,8 @@
   color: #adb5bd;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap5-dark-lite.css

@@ -1296,7 +1296,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1309,7 +1309,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap5-dark.css

@@ -1489,7 +1489,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1502,7 +1502,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1739,8 +1739,8 @@
   color: #6c757d;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap5-lite.css

@@ -1296,7 +1296,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1309,7 +1309,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap5.3-lite.css

@@ -1288,7 +1288,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1301,7 +1301,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/bootstrap5.3.css

@@ -1481,7 +1481,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1494,7 +1494,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1731,8 +1731,8 @@
   color: var(--color-sf-content-text-color-disabled);
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/bootstrap5.css

@@ -1489,7 +1489,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1502,7 +1502,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1739,8 +1739,8 @@
   color: #adb5bd;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/fabric-dark-lite.css

@@ -1279,7 +1279,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1292,7 +1292,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/fabric-dark.css

@@ -1471,7 +1471,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1484,7 +1484,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1721,8 +1721,8 @@
   color: #6f6c6c;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/fabric-lite.css

@@ -1288,7 +1288,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1301,7 +1301,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/fabric.css

@@ -1481,7 +1481,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1494,7 +1494,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1731,8 +1731,8 @@
   color: #a6a6a6;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/fluent-dark-lite.css

@@ -1304,7 +1304,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1317,7 +1317,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/fluent-dark.css

@@ -1504,7 +1504,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1517,7 +1517,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1754,8 +1754,8 @@
   color: #484644;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/fluent-lite.css

@@ -1304,7 +1304,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1317,7 +1317,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/fluent.css

@@ -1504,7 +1504,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1517,7 +1517,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1754,8 +1754,8 @@
   color: #a19f9d;
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/fluent2-lite.css

@@ -1298,7 +1298,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1311,7 +1311,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);

package/styles/fluent2.css

@@ -1493,7 +1493,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1506,7 +1506,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);
@@ -1747,8 +1747,8 @@
   color: var(--color-sf-content-text-color-disabled);
 }
 
-.e-bigger.e-timeline [class^="e-dot "]::before,
-.e-bigger .e-timeline [class^="e-dot "]::before {
+.e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
+.e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 40px;
   min-height: 40px;
   font-size: 18px;

package/styles/highcontrast-light-lite.css

@@ -1216,7 +1216,7 @@
   height: inherit;
   width: 100%;
 }
-.e-timeline [class^="e-dot "]::before,
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
 .e-timeline .e-dot-item,
 .e-timeline .e-dot {
   display: -webkit-box;
@@ -1229,7 +1229,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-.e-timeline [class^="e-dot "]::before {
+.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
   min-width: 32px;
   min-height: 32px;
   border-radius: var(--dot-radius);