@patternfly/patternfly 6.5.0-prerelease.57 → 6.5.0-prerelease.59

package/components/Accordion/accordion.css

@@ -104,7 +104,7 @@
   row-gap: var(--pf-v6-c-accordion--RowGap);
   background-color: var(--pf-v6-c-accordion--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
   --pf-v6-c-accordion--BackgroundColor: transparent;
   --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
   --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;

package/components/Accordion/accordion.scss

@@ -129,7 +129,7 @@
   row-gap: var(--#{$accordion}--RowGap);
   background-color: var(--#{$accordion}--BackgroundColor);
 
-  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
   &.pf-m-plain {
     --#{$accordion}--BackgroundColor: transparent;
     --#{$accordion}__expandable-content--BackgroundColor: transparent;

package/components/DataList/data-list.css

@@ -572,7 +572,7 @@
 .pf-v6-c-data-list.pf-m-drag-over {
   overflow-anchor: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
   --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
 }
 

package/components/DataList/data-list.scss

@@ -191,7 +191,7 @@
     overflow-anchor: none;
   }
 
-  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
   &.pf-m-plain {
     --#{$data-list}__item--BackgroundColor: var(--#{$data-list}--pf-m-plain__item--BackgroundColor);
   }

package/components/Drawer/drawer.css

@@ -473,7 +473,7 @@
     --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
     min-width: var(--pf-v6-c-drawer__panel--MinWidth);
   }
-  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
+  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
     background: transparent;
   }
   .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {

package/components/Drawer/drawer.scss

@@ -567,7 +567,7 @@ $pf-v6-c-drawer__panel--list--width: (25, 33, 50, 66, 75, 100);
 
     &.pf-m-inline,
     &.pf-m-static {
-      @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+      @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
       &.pf-m-plain {
         > .#{$drawer}__main > .#{$drawer}__panel {
           background: transparent;

package/components/Page/page.css

@@ -721,16 +721,16 @@
   outline: 0;
 }
 
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-breadcrumb.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-tabs.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-section.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-wizard.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-group.pf-m-plain {
   --pf-v6-c-page__main-section--BackgroundColor: transparent;
   --pf-v6-c-page__main-subnav--BackgroundColor: transparent;

package/components/Page/page.scss

@@ -645,7 +645,7 @@ $pf-page-v6--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
 .#{$page}__main-section,
 .#{$page}__main-wizard,
 .#{$page}__main-group {
-  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
   &.pf-m-plain {
     --#{$page}__main-section--BackgroundColor: transparent;
     --#{$page}__main-subnav--BackgroundColor: transparent;

package/components/Progress/progress.css

@@ -2,7 +2,7 @@
   --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
-  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -12,6 +12,7 @@
   --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
   --pf-v6-c-progress__indicator--BorderColor: transparent;
+  --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
   --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
   --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -181,6 +182,7 @@
   position: absolute;
   height: var(--pf-v6-c-progress__indicator--Height);
   background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
+  border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
 }
 .pf-v6-c-progress__indicator::before {
   position: absolute;

package/components/Progress/progress.scss

@@ -7,7 +7,7 @@
   // Element variables
   --#{$progress}__bar--Height: var(--pf-t--global--spacer--md);
   --#{$progress}__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default); // the bar always needs white under it so that the semi-transparent color shows correctly
-  --#{$progress}__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --#{$progress}__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
   --#{$progress}__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --#{$progress}__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --#{$progress}__measure--m-static-width--MinWidth: 4.5ch; // 4.5 because the % character is wider than a 0
@@ -17,6 +17,7 @@
   --#{$progress}__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
   --#{$progress}__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
   --#{$progress}__indicator--BorderColor: transparent;
+  --#{$progress}__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
   --#{$progress}__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--#{$progress}--GridGap));
 
   // Modifier variables
@@ -222,6 +223,7 @@
   position: absolute; // position absolute to bring above the semi-transparent bar overlay
   height: var(--#{$progress}__indicator--Height);
   background-color: var(--#{$progress}__indicator--BackgroundColor);
+  border-radius: var(--#{$progress}__indicator--BorderRadius);
 
   // for forced colors mode
   &::before {

package/components/Table/table.css

@@ -169,7 +169,7 @@
   width: 100%;
   background-color: var(--pf-v6-c-table--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
   --pf-v6-c-table--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;

package/components/Table/table.scss

@@ -266,7 +266,7 @@
   width: 100%;
   background-color: var(--#{$table}--BackgroundColor);
 
-  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
   &.pf-m-plain {
     --#{$table}--BackgroundColor: transparent;
     --#{$table}__expandable-row-content--BackgroundColor: transparent;

package/components/Wizard/wizard.css

@@ -163,14 +163,14 @@
 .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
   display: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
   --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
   --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
   --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
 }
 @media screen and (min-width: 62rem) {
-  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
     --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
   }
 }

package/components/Wizard/wizard.scss

@@ -224,7 +224,7 @@
     }
   }
 
-  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain),
+  @at-root :where(.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass),
   &.pf-m-plain {
     --#{$wizard}__header--BackgroundColor: var(--#{$wizard}--m-plain__header--BackgroundColor);
     --#{$wizard}__toggle--BackgroundColor: var(--#{$wizard}--m-plain__toggle--BackgroundColor);

package/components/_index.css

@@ -306,7 +306,7 @@
   row-gap: var(--pf-v6-c-accordion--RowGap);
   background-color: var(--pf-v6-c-accordion--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
   --pf-v6-c-accordion--BackgroundColor: transparent;
   --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
   --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
@@ -4828,7 +4828,7 @@ ul) {
 .pf-v6-c-data-list.pf-m-drag-over {
   overflow-anchor: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
   --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
 }
 
@@ -6725,7 +6725,7 @@ ul) {
     --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
     min-width: var(--pf-v6-c-drawer__panel--MinWidth);
   }
-  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
+  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
     background: transparent;
   }
   .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -14154,16 +14154,16 @@ ul.pf-v6-c-list {
   outline: 0;
 }
 
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-breadcrumb.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-tabs.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-section.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-wizard.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-group.pf-m-plain {
   --pf-v6-c-page__main-section--BackgroundColor: transparent;
   --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -15073,7 +15073,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
-  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -15083,6 +15083,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
   --pf-v6-c-progress__indicator--BorderColor: transparent;
+  --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
   --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
   --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -15252,6 +15253,7 @@ ul.pf-v6-c-list {
   position: absolute;
   height: var(--pf-v6-c-progress__indicator--Height);
   background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
+  border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
 }
 .pf-v6-c-progress__indicator::before {
   position: absolute;
@@ -18913,7 +18915,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   width: 100%;
   background-color: var(--pf-v6-c-table--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
   --pf-v6-c-table--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -25038,14 +25040,14 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
   display: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
   --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
   --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
   --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
 }
 @media screen and (min-width: 62rem) {
-  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
     --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
   }
 }

package/docs/components/Accordion/examples/Accordion.md

@@ -1078,6 +1078,7 @@ Another variation is using the definition list:
 | `.pf-v6-c-accordion__expandable-content` | `<div>`, `<dd>` | Initiates expandable content. **Must be paired with a button** |
 | `.pf-v6-c-accordion__expandable-content-body` | `<div>` | Initiates expandable content body. **Required** |
 | `.pf-m-plain` | `.pf-v6-c-accordion` | Modifies the accordion have plain styles. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-accordion` | Prevents the accordion from automatically applying plain styling when glass theme is enabled. |
 | `.pf-m-bordered` | `.pf-v6-c-accordion` | Modifies the accordion to add borders between items. |
 | `.pf-m-display-lg` | `.pf-v6-c-accordion` | Modifies the accordion for large display styling. This variation is for marketing/web use cases. |
 | `.pf-m-toggle-start` | `.pf-v6-c-accordion` | Modifies accordion styling when accordion toggle icons are rendered at the start of the toggle, before the toggle text. |

package/docs/components/DataList/examples/DataList.md

@@ -2190,6 +2190,7 @@ When a list item includes more than one block of content, it can be difficult fo
 | Class | Applied to | Outcome |
 | -- | -- | -- |
 | `.pf-m-plain` | `.pf-v6-c-data-list` | Modifies a data list to have a transparent background. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-data-list` | Prevents the data list from automatically applying plain styling when glass theme is enabled. |
 
 ## Data list as grid
 

package/docs/components/Drawer/examples/Drawer.md

@@ -1135,6 +1135,8 @@ cssPrefix: pf-v6-c-drawer
 | `.pf-m-padding` | `.pf-v6-c-drawer__body` | Modifies the element to add padding. |
 | `.pf-m-no-padding` | `.pf-v6-c-drawer__body` | Modifies the element to remove padding. |
 | `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. |
+| `.pf-m-plain` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static` | Applies plain styling to the drawer panel. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static` | Prevents the drawer panel from automatically applying plain styling when glass theme is enabled. |
 | `.pf-m-primary` | `.pf-v6-c-drawer__content` | Modifies the drawer content to use the primary background color. |
 | `.pf-m-secondary` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__content`, `.pf-v6-c-drawer__panel` | Modifies the drawer element to use the secondary background color. |
 | `.pf-m-width-{25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |

package/docs/components/Page/examples/Page.md

@@ -614,6 +614,8 @@ This component provides the basic chrome for a page, including sidebar and main
 | `.pf-m-no-padding{-on-[breakpoint]}` | `.pf-v6-c-page__main-section` | Removes padding from the main page section at an optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
 | `.pf-m-fill` | `.pf-v6-c-page__main-container`, `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__sidebar-body` | Modifies the element to grow to fill the available space. Note that `.pf-v6-c-page__main-container` must also have `.pf-m-fill` applied in order for the section to have space to stretch to full height.|
 | `.pf-m-no-fill` | `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__sidebar-body` | Modifies the element not to grow to fill the available vertical space. |
+| `.pf-m-plain` | `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__main-breadcrumb`, `.pf-v6-c-page__main-subnav`, and `.pf-v6-c-page__main-tabs` | Applies plain styling to the section. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-page__main-section`, `.pf-v6-c-page__main-group`, `.pf-v6-c-page__main-wizard`, `.pf-v6-c-page__main-breadcrumb`, `.pf-v6-c-page__main-subnav`, and `.pf-v6-c-page__main-tabs` | Prevents the section from automatically applying plain styling when glass theme is enabled. |
 | `.pf-m-limit-width` | `.pf-v6-c-page__main-section` | Modifies a page section to limit the `max-width` of the content inside. |
 | `.pf-m-align-center` | `.pf-v6-c-page__main-section.pf-m-limit-width` | Modifies a page section body to align center. |
 | `.pf-m-sticky-top{-on-[breakpoint]-height}` | `.pf-v6-c-page__main-*` | Modifies a section/group to be sticky to the top of its container at an optional height breakpoint. |

package/docs/components/Progress/examples/Progress.md

@@ -440,7 +440,19 @@ When conveying status, you should ensure:
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__measure">100%</span>
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -468,7 +480,19 @@ When conveying status, you should ensure:
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__measure">100%</span>
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -496,7 +520,19 @@ When conveying status, you should ensure:
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__measure">33%</span>
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -526,7 +562,19 @@ When conveying status, you should ensure:
   >Title</div>
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -558,7 +606,19 @@ When conveying status, you should ensure:
   >Title</div>
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -591,7 +651,19 @@ When conveying status, you should ensure:
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__measure">33%</span>
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
+        />
+      </svg>
     </span>
   </div>
   <div
@@ -621,7 +693,19 @@ When conveying status, you should ensure:
   >Title</div>
   <div class="pf-v6-c-progress__status" aria-hidden="true">
     <span class="pf-v6-c-progress__status-icon">
-      <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
+      <svg
+        class="pf-v6-svg"
+        viewBox="0 0 32 32"
+        fill="currentColor"
+        aria-hidden="true"
+        role="img"
+        width="1em"
+        height="1em"
+      >
+        <path
+          d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
+        />
+      </svg>
     </span>
   </div>
   <div

package/docs/components/Table/examples/Table.md

@@ -8507,6 +8507,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
 | Class | Applied to | Outcome |
 | -- | -- | -- |
 | `.pf-m-plain` | `.pf-v6-c-table` | Modifies the table to have a transparent background. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-table` | Prevents the table from automatically applying plain styling when glass theme is enabled. |
 
 ## Compact variant
 

package/docs/components/Wizard/examples/Wizard.md

@@ -4187,7 +4187,7 @@ wrapperTag: div
 | `.pf-m-expanded` | `.pf-v6-c-wizard__toggle`, `.pf-v6-c-wizard__nav` | Modifies the mobile steps toggle and steps menu for the expanded state. |
 | `.pf-m-finished` | `.pf-v6-c-wizard` | Modifies the wizard for the finished state. |
 | `.pf-m-plain` | `.pf-v6-c-wizard` | Modifies the wizard to have a transparent background. |
-| `.pf-m-no-plain` | `.pf-v6-c-wizard` | Prevents the wizard from automatically applying plain styling when glass theme is enabled. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-wizard` | Prevents the wizard from automatically applying plain styling when glass theme is enabled. |
 | `.pf-m-expandable` | `.pf-v6-c-wizard__nav-item` | Modifies a nav item for the expandable state. |
 | `.pf-m-expanded` | `.pf-v6-c-wizard__nav-item` | Modifies a nav item for the expanded state. |
 | `.pf-m-current` | `.pf-v6-c-wizard__nav-link` | Modifies a step link for the current state. **Required** |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.5.0-prerelease.57",
+  "version": "6.5.0-prerelease.59",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -9447,7 +9447,7 @@
   row-gap: var(--pf-v6-c-accordion--RowGap);
   background-color: var(--pf-v6-c-accordion--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
   --pf-v6-c-accordion--BackgroundColor: transparent;
   --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
   --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
@@ -13969,7 +13969,7 @@ ul) {
 .pf-v6-c-data-list.pf-m-drag-over {
   overflow-anchor: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
   --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
 }
 
@@ -15866,7 +15866,7 @@ ul) {
     --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
     min-width: var(--pf-v6-c-drawer__panel--MinWidth);
   }
-  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
+  :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
     background: transparent;
   }
   .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -23295,16 +23295,16 @@ ul.pf-v6-c-list {
   outline: 0;
 }
 
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-breadcrumb.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-tabs.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-section.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-wizard.pf-m-plain,
-:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
+:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
 .pf-v6-c-page__main-group.pf-m-plain {
   --pf-v6-c-page__main-section--BackgroundColor: transparent;
   --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -24214,7 +24214,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
   --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
-  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -24224,6 +24224,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
   --pf-v6-c-progress__indicator--BorderColor: transparent;
+  --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
   --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
   --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -24393,6 +24394,7 @@ ul.pf-v6-c-list {
   position: absolute;
   height: var(--pf-v6-c-progress__indicator--Height);
   background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
+  border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
 }
 .pf-v6-c-progress__indicator::before {
   position: absolute;
@@ -28054,7 +28056,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   width: 100%;
   background-color: var(--pf-v6-c-table--BackgroundColor);
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
   --pf-v6-c-table--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
   --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -34179,14 +34181,14 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
   display: none;
 }
-:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
   --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
   --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
   --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
 }
 @media screen and (min-width: 62rem) {
-  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
+  :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
     --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
   }
 }