@syncfusion/ej2-splitbuttons 24.1.41 → 24.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.41
+*  version : 24.1.44
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@19.16.4",
+  "_id": "@syncfusion/ej2-splitbuttons@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-qny+mbMw7X8UPi/m1bYkmTHvpN/xsFTOSBWYCz4VOovOZZWT4FONYLODSOi146Mixs8HqOiZ5iV7TEIPLeQm2g==",
+  "_integrity": "sha512-vv15JMiyQzQd2EY4BButNEQyk3aBBpUqAwGyc3TpJpQH+XDo3kR7FZNrAeFlp+63lHwMHE31HfRFswlltmTkbA==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.16.4.tgz",
-  "_shasum": "21cf837f2cc854ae4a2db216948cb8c70c813fee",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-24.1.41.tgz",
+  "_shasum": "b458731702726abc7a6f950dfdc7e25ddd9fb4c6",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.41"
+    "@syncfusion/ej2-base": "~24.1.42",
+    "@syncfusion/ej2-popups": "~24.1.44"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.1.41",
+  "version": "24.1.44",
   "sideEffects": false
 }

package/src/drop-down-button/drop-down-button.js

@@ -245,6 +245,10 @@ var DropDownButton = /** @class */ (function (_super) {
             }
             eventArgs = { item: item, element: li };
             this.trigger('beforeItemRender', eventArgs);
+            if (eventArgs.item.disabled && !li.classList.contains('e-disabled')) {
+                li.classList.add('e-disabled');
+            }
+            ;
             ul.appendChild(li);
         }
         if (appendItems) {

package/styles/bootstrap-dark.css

@@ -1758,4 +1758,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(255, 255, 255, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #f0f0f0;
+  stroke: #f0f0f0;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #f0f0f0;
+  stroke: #f0f0f0;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #f0f0f0;
 }

package/styles/bootstrap.css

@@ -1808,4 +1808,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(220, 50, 67, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #333;
 }

package/styles/bootstrap4.css

@@ -1833,4 +1833,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #6c757d;
+  stroke: #6c757d;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #6c757d;
 }

package/styles/bootstrap5-dark.css

@@ -1848,4 +1848,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #868e96;
+  stroke: #868e96;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #868e96;
 }

package/styles/bootstrap5.css

@@ -1848,4 +1848,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #6c757d;
+  stroke: #6c757d;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #6c757d;
 }

package/styles/fabric-dark.css

@@ -1758,4 +1758,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(218, 218, 218, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/fabric.css

@@ -1838,4 +1838,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(168, 0, 0, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #333;
 }

package/styles/fluent-dark.css

@@ -1849,4 +1849,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(209, 52, 56, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/fluent.css

@@ -1849,4 +1849,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(209, 52, 56, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #323130;
+  stroke: #323130;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #323130;
+  stroke: #323130;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #323130;
 }

package/styles/highcontrast-light.css

@@ -1758,4 +1758,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(255, 255, 255, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #000;
+  stroke: #000;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #000;
+  stroke: #000;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #000;
 }

package/styles/highcontrast.css

@@ -1810,4 +1810,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(0, 0, 0, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/material-dark.css

@@ -1758,4 +1758,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(0, 0, 0, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/material.css

@@ -1836,4 +1836,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(214, 65, 19, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(0, 0, 0, 0.87);
+  stroke: rgba(0, 0, 0, 0.87);
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(0, 0, 0, 0.87);
+  stroke: rgba(0, 0, 0, 0.87);
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(0, 0, 0, 0.87);
 }

package/styles/material3-dark.css

@@ -1996,4 +1996,18 @@
 *.e-flat.e-danger .e-progress,
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(var(--color-sf-error), 0.12);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(var(--color-sf-on-surface));
 }

package/styles/material3.css

@@ -2046,4 +2046,18 @@
 *.e-flat.e-danger .e-progress,
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(var(--color-sf-error), 0.12);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(var(--color-sf-on-surface));
 }

package/styles/progress-button/_theme.scss

@@ -636,3 +636,17 @@
     }
   }
 }
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: $btn-outline-color;
+  stroke: $btn-outline-color;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: $btn-color;
+  stroke: $btn-color;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: $btn-outline-color;
+}

package/styles/progress-button/bootstrap-dark.css

@@ -442,4 +442,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(255, 255, 255, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #f0f0f0;
+  stroke: #f0f0f0;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #f0f0f0;
+  stroke: #f0f0f0;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #f0f0f0;
 }

package/styles/progress-button/bootstrap.css

@@ -519,4 +519,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(220, 50, 67, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #333;
 }

package/styles/progress-button/bootstrap4.css

@@ -522,4 +522,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #6c757d;
+  stroke: #6c757d;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #6c757d;
 }

package/styles/progress-button/bootstrap5-dark.css

@@ -535,4 +535,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #868e96;
+  stroke: #868e96;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #868e96;
 }

package/styles/progress-button/bootstrap5.css

@@ -535,4 +535,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(220, 53, 69, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #6c757d;
+  stroke: #6c757d;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #6c757d;
 }

package/styles/progress-button/fabric-dark.css

@@ -442,4 +442,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(218, 218, 218, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/progress-button/fabric.css

@@ -519,4 +519,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(168, 0, 0, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #333;
+  stroke: #333;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #333;
 }

package/styles/progress-button/fluent-dark.css

@@ -535,4 +535,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(209, 52, 56, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/progress-button/fluent.css

@@ -535,4 +535,18 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(209, 52, 56, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #323130;
+  stroke: #323130;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #323130;
+  stroke: #323130;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #323130;
 }

package/styles/progress-button/highcontrast-light.css

@@ -442,4 +442,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(255, 255, 255, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #000;
+  stroke: #000;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #000;
+  stroke: #000;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #000;
 }

package/styles/progress-button/highcontrast.css

@@ -442,4 +442,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(0, 0, 0, 0.3);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/progress-button/material-dark.css

@@ -442,4 +442,18 @@
 *.e-danger .e-progress,
 *.e-info .e-progress {
   background: rgba(0, 0, 0, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: #fff;
+  stroke: #fff;
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: #fff;
 }

package/styles/progress-button/material.css

@@ -519,4 +519,18 @@
 }
 *.e-outline:not(:focus).e-danger .e-progress {
   background: rgba(214, 65, 19, 0.2);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(0, 0, 0, 0.87);
+  stroke: rgba(0, 0, 0, 0.87);
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(0, 0, 0, 0.87);
+  stroke: rgba(0, 0, 0, 0.87);
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(0, 0, 0, 0.87);
 }

package/styles/progress-button/material3-dark.css

@@ -553,4 +553,18 @@
 *.e-flat.e-danger .e-progress,
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(var(--color-sf-error), 0.12);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(var(--color-sf-on-surface));
 }

package/styles/progress-button/material3.css

@@ -609,4 +609,18 @@
 *.e-flat.e-danger .e-progress,
 *.e-flat:not(:focus).e-danger .e-progress {
   background: rgba(var(--color-sf-error), 0.12);
+}
+
+.e-progress-btn.e-outline .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline:focus .e-spinner-pane .e-spinner-inner svg {
+  fill: rgba(var(--color-sf-on-surface));
+  stroke: rgba(var(--color-sf-on-surface));
+}
+
+.e-progress-btn.e-outline.e-success .e-spinner-pane .e-spinner-inner svg .e-path-arc {
+  stroke: rgba(var(--color-sf-on-surface));
 }