Merge pull request #6137 from IgniteUI/vslavov/progress-bar-styles-8.1.x

fix(progress-bar): revert change to progress-bar styles

Author: Lipata

projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-component.scss

@@ -113,15 +113,15 @@
         @extend %circular-text !optional;
     }
 
-    @include e(text, $m: hidden) {
-        @extend %circular-text !optional;
-    }
-
     @include m(indeterminate) {
         @extend %circular-display--indeterminate !optional;
 
         @include e(outer) {
             @extend %circular-outer--indeterminate !optional;
         }
+
+        @include e(text) {
+            @extend %circular-text--hidden !optional;
+        }
     }
 }

projects/igniteui-angular/src/lib/core/styles/components/progress/_progress-theme.scss

@@ -292,6 +292,10 @@
         fill: --var($theme, 'text-color');
     }
 
+    %circular-text--hidden {
+        visibility: hidden;
+    }
+
     @include keyframes('indeterminate-accordion') {
         50% {
             stroke-dashoffset: 260;

projects/igniteui-angular/src/lib/progressbar/circularbar.component.spec.ts

@@ -450,6 +450,9 @@ describe('IgCircularBar', () => {
             fix.detectChanges();
 
             expect(bar.classList.contains(CIRCULAR_INDETERMINATE_CLASS)).toEqual(true);
+
+            // Expect text in indeterminate bar to be hidden;
+            expect(getComputedStyle(bar.querySelector('text').firstElementChild).visibility).toEqual('hidden');
         });
     });
 });