@patternfly/patternfly 6.0.0-alpha.5 → 6.0.0-alpha.51

package/docs/components/NotificationBadge/examples/NotificationBadge.md

@@ -2,14 +2,12 @@
 id: Notification badge
 section: components
 cssPrefix: pf-v5-c-notification-badge
----import './NotificationBadge.css'
-
-## Examples
+---## Examples
 
 ### Basic
 
 ```html
-<div class="pf-v5-t-dark">
+<div>
   <button
     class="pf-v5-c-button pf-m-plain"
     type="button"
@@ -69,7 +67,7 @@ cssPrefix: pf-v5-c-notification-badge
 ### With count
 
 ```html
-<div class="pf-v5-t-dark">
+<div>
   <button
     class="pf-v5-c-button pf-m-plain"
     type="button"
@@ -135,7 +133,7 @@ cssPrefix: pf-v5-c-notification-badge
 ### Expanded
 
 ```html
-<div class="pf-v5-t-dark">
+<div>
   <button
     class="pf-v5-c-button pf-m-plain"
     type="button"
@@ -206,7 +204,7 @@ cssPrefix: pf-v5-c-notification-badge
 
 ### Overview
 
-Always add a modifier class to indicate read, unread, or attention state. Never use the class `.pf-v5-c-notification-badge` on its own. This component is designed to be used within a dark component such as the [masthead](/components/masthead).
+Always add a modifier class to indicate read, unread, or attention state. Never use the class `.pf-v5-c-notification-badge` on its own.
 
 ### Accessibility
 

package/docs/components/OptionsMenu/deprecated/options-menu.md

@@ -314,7 +314,10 @@ deprecated: true
     disabled
     aria-label="Sort by"
   >
-    <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
+    <i
+      class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
+      aria-hidden="true"
+    ></i>
   </button>
   <ul
     class="pf-v5-c-options-menu__menu"
@@ -360,7 +363,10 @@ deprecated: true
     aria-expanded="false"
     aria-label="Sort by"
   >
-    <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
+    <i
+      class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
+      aria-hidden="true"
+    ></i>
   </button>
   <ul
     class="pf-v5-c-options-menu__menu"
@@ -406,7 +412,10 @@ deprecated: true
     aria-expanded="true"
     aria-label="Sort by"
   >
-    <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
+    <i
+      class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
+      aria-hidden="true"
+    ></i>
   </button>
   <ul
     class="pf-v5-c-options-menu__menu"

package/docs/components/Page/examples/Page.css

@@ -1,11 +1,3 @@
-.ws-core-c-page :is(.pf-v5-c-page__sidebar, .pf-v5-c-page__main-subnav) {
-  color: var(--pf-v5-global--Color--light-100);
-}
-
-.ws-core-c-page .pf-v5-c-page__main-section.pf-m-dark-200 {
-  color: var(--pf-v5-global--Color--dark-100);
-}
-
 #ws-core-c-page-with-or-without-fill .ws-preview-html,
 #ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
   height: 500px;

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

@@ -32,20 +32,14 @@ wrapperTag: div
     <div class="pf-v5-c-page__sidebar-body">Navigation</div>
   </div>
   <main class="pf-v5-c-page__main" tabindex="-1">
-    <section class="pf-v5-c-page__main-section pf-m-dark-100">
-      This
-      <code>.pf-v5-c-page__main-section</code> uses
-      <code>.pf-m-dark-100</code>.
-    </section>
-    <section class="pf-v5-c-page__main-section pf-m-dark-200">
-      This
-      <code>.pf-v5-c-page__main-section</code> uses
-      <code>.pf-m-dark-200</code>.
+    <section class="pf-v5-c-page__main-section">
+      This is a default
+      <code>.pf-v5-c-page__main-section</code>.
     </section>
-    <section class="pf-v5-c-page__main-section pf-m-light">
+    <section class="pf-v5-c-page__main-section pf-m-secondary">
       This
       <code>.pf-v5-c-page__main-section</code> uses
-      <code>.pf-m-light</code>.
+      <code>.pf-m-secondary</code>.
     </section>
     <section class="pf-v5-c-page__main-section">
       This is a default
@@ -78,10 +72,19 @@ wrapperTag: div
     </div>
   </header>
   <main class="pf-v5-c-page__main" tabindex="-1">
-    <section class="pf-v5-c-page__main-section pf-m-dark-100"></section>
-    <section class="pf-v5-c-page__main-section pf-m-dark-200"></section>
-    <section class="pf-v5-c-page__main-section pf-m-light"></section>
-    <section class="pf-v5-c-page__main-section"></section>
+    <section class="pf-v5-c-page__main-section">
+      This is a default
+      <code>.pf-v5-c-page__main-section</code>.
+    </section>
+    <section class="pf-v5-c-page__main-section pf-m-secondary">
+      This
+      <code>.pf-v5-c-page__main-section</code> uses
+      <code>.pf-m-secondary</code>.
+    </section>
+    <section class="pf-v5-c-page__main-section">
+      This is a default
+      <code>.pf-v5-c-page__main-section</code>.
+    </section>
   </main>
 </div>
 
@@ -116,7 +119,7 @@ wrapperTag: div
     <div class="pf-v5-c-page__sidebar-body pf-m-page-insets">footer content</div>
   </div>
   <main class="pf-v5-c-page__main" tabindex="-1">
-    <section class="pf-v5-c-page__main-section pf-m-light"></section>
+    <section class="pf-v5-c-page__main-section"></section>
   </main>
 </div>
 
@@ -144,14 +147,12 @@ wrapperTag: div
     </div>
   </header>
   <main class="pf-v5-c-page__main" tabindex="-1">
-    <section
-      class="pf-v5-c-page__main-section pf-m-light"
-    >A regular page section.</section>
+    <section class="pf-v5-c-page__main-section">A regular page section.</section>
     <section class="pf-v5-c-page__main-section pf-m-fill">
       This section uses
       <code>.pf-m-fill</code> to fill the available space.
     </section>
-    <section class="pf-v5-c-page__main-section pf-m-light pf-m-no-fill">
+    <section class="pf-v5-c-page__main-section pf-m-no-fill">
       This section uses
       <code>.pf-m-no-fill</code> to not fill the available space.
     </section>
@@ -189,7 +190,7 @@ wrapperTag: div
       This
       <code>.pf-v5-c-page__main-section</code> has default padding.
     </section>
-    <section class="pf-v5-c-page__main-section pf-m-no-padding pf-m-light">
+    <section class="pf-v5-c-page__main-section pf-m-no-padding">
       This
       <code>.pf-v5-c-page__main-section</code> uses
       <code>.pf-m-no-padding</code> to remove all padding.