@syncfusion/ej2-splitbuttons 23.2.4 → 24.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.2.4
+*  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@23.1.43",
+  "_id": "@syncfusion/ej2-splitbuttons@24.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-HLT+obi87lgivOh09dOLc6l8WLdEfJwSFnQkeevin4fGfol0SxBhVs/Fx9SIAzcv37WNKnl3RNMlYSvJt4dq7g==",
+  "_integrity": "sha512-vv15JMiyQzQd2EY4BButNEQyk3aBBpUqAwGyc3TpJpQH+XDo3kR7FZNrAeFlp+63lHwMHE31HfRFswlltmTkbA==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,10 +33,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-23.1.43.tgz",
-  "_shasum": "ec4431d81132eb8276d0ff405d1d66cb09a9d24f",
+  "_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_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4",
-    "@syncfusion/ej2-popups": "~23.2.4"
+    "@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": "23.2.4",
+  "version": "24.1.44",
   "sideEffects": false
 }

package/src/drop-down-button/drop-down-button.d.ts

@@ -208,6 +208,7 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
     protected getPopUpElement(): HTMLElement;
     protected getULElement(): HTMLElement;
     protected wireEvents(): void;
+    protected windowResize(): void;
     protected popupWireEvents(): void;
     protected popupUnWireEvents(): void;
     /**

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

@@ -166,6 +166,8 @@ var DropDownButton = /** @class */ (function (_super) {
             content: this.target ? this.getTargetElement() : '',
             enableRtl: this.enableRtl
         });
+        this.dropDown.element.setAttribute('role', 'dialog');
+        this.dropDown.element.setAttribute('aria-label', 'dropdown menu');
         if (!isNullOrUndefined(this.popupContent)) {
             this.popupContent.style.display = '';
         }
@@ -211,7 +213,7 @@ var DropDownButton = /** @class */ (function (_super) {
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
+                attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1', 'aria-label': 'separator', 'aria-hidden': 'true' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
             if (this.enableHtmlSanitizer) {
@@ -243,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) {
@@ -403,6 +409,12 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         EventHandler.add(this.element, 'click', this.clickHandler, this);
         EventHandler.add(this.element, 'keydown', this.keyBoardHandler, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
+    };
+    DropDownButton.prototype.windowResize = function () {
+        if (!this.canOpen() && this.dropDown) {
+            this.dropDown.refreshPosition(this.element);
+        }
     };
     DropDownButton.prototype.popupWireEvents = function () {
         if (!this.delegateMousedownHandler) {
@@ -677,6 +689,7 @@ var DropDownButton = /** @class */ (function (_super) {
             EventHandler.remove(this.getPopUpElement(), 'click', this.clickHandler);
             EventHandler.remove(this.getPopUpElement(), 'keydown', this.keyBoardHandler);
         }
+        EventHandler.remove(window, 'resize', this.windowResize);
     };
     /**
      * Called internally if any of the property value changed.

package/src/progress-button/progress-button.js

@@ -405,7 +405,7 @@ var ProgressButton = /** @class */ (function (_super) {
     };
     ProgressButton.prototype.setAria = function () {
         attributes(this.element, {
-            'aria-label': this.element.textContent + ' progress', 'aria-valuemin': '0', 'aria-valuemax': '100', 'aria-valuenow': '0'
+            'aria-label': this.element.textContent + ' progress'
         });
     };
     ProgressButton.prototype.wireEvents = function () {

package/src/split-button/split-button.js

@@ -263,13 +263,20 @@ var SplitButton = /** @class */ (function (_super) {
                 this.unWireEvents();
             }
         }
-        this.wrapper = null;
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();
         _super.prototype.destroy.call(this);
-        if (!this.element.getAttribute('class')) {
+        if (this.element && !this.element.getAttribute('class')) {
             this.element.removeAttribute('class');
         }
+        if (this.refreshing && this.isAngular) {
+            this.element = this.wrapper;
+            ['e-control', 'e-split-btn', 'e-lib'].forEach(function (key) {
+                _this.element.classList.add(key);
+            });
+            setValue('ej2_instances', [this], this.element);
+        }
+        this.wrapper = null;
     };
     SplitButton.prototype.wireEvents = function () {
         EventHandler.add(this.element, 'click', this.primaryBtnClickHandler, this);

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;
 }