CR

Author: OS-pedrolourenco

core/src/components.d.ts

@@ -2610,7 +2610,7 @@ export namespace Components {
          */
         "reversed": boolean;
         /**
-          * Set to `"round"` for a tab-button with rounded corners, or `"rectangular"` for a tab-button without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"` for a progress-bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
          */
         "shape"?: 'round' | 'rectangular';
         /**
@@ -7964,7 +7964,7 @@ declare namespace LocalJSX {
          */
         "reversed"?: boolean;
         /**
-          * Set to `"round"` for a tab-button with rounded corners, or `"rectangular"` for a tab-button without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+          * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"` for a progress-bar without rounded corners.  Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
          */
         "shape"?: 'round' | 'rectangular';
         /**

core/src/components/progress-bar/progress-bar.ionic.scss

@@ -1,22 +1,13 @@
 @use "../../themes/ionic/ionic.globals.scss" as globals;
-@import "./progress-bar";
+@use "./progress-bar";
 
-// iOS Progress bar
+// Ionic Progress bar
 // --------------------------------------------------
 
 :host {
-  height: globals.$ion-scale-100;
-}
-
-:host(.progress-bar-solid) {
-  /**
-   * On the ionic theme the unfilled portion of the progress
-   * bar is always a consistent background color. We
-   * only apply this style when the progress bar is
-   * solid (with a buffer value of 1). This maintains
-   * the custom Ionic appearance for a buffered progress bar.
-   */
   --background: #{globals.$ion-primitives-neutral-100};
+
+  height: globals.$ion-scale-100;
 }
 
 // Progress Bar Shapes

core/src/components/progress-bar/progress-bar.tsx

@@ -58,8 +58,8 @@ export class ProgressBar implements ComponentInterface {
   @Prop({ reflect: true }) color?: Color;
 
   /**
-   * Set to `"round"` for a tab-button with rounded corners, or `"rectangular"`
-   * for a tab-button without rounded corners.
+   * Set to `"round"` for a progress-bar with rounded corners, or `"rectangular"`
+   * for a progress-bar without rounded corners.
    *
    * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
    */
@@ -69,7 +69,7 @@ export class ProgressBar implements ComponentInterface {
     const theme = getIonTheme(this);
     const { shape } = this;
 
-    // TODO(ROU-11436): Remove theme check when shapes are defined for all themes.
+    // TODO(ROU-11638): Remove theme check when shapes are defined for all themes.
     if (theme !== 'ionic') {
       return undefined;
     }

core/src/components/progress-bar/test/basic/progress-bar.e2e.ts

@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs().forEach(({ title, screenshot, config }) => {
+configs({ modes: ['ios', 'md', 'ionic-md'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('progress-bar: basic'), () => {
     test('should not have visual regressions', async ({ page }) => {
       await page.goto('/src/components/progress-bar/test/basic', config);