@patternfly/patternfly 5.1.0-prerelease.9 → 5.1.0

package/docs/demos/Table/examples/Table.md

@@ -365,7 +365,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -1565,7 +1568,10 @@ wrapperTag: div
                     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"
@@ -3128,7 +3134,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -4724,7 +4733,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -5981,7 +5993,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -11923,7 +11938,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -13284,7 +13302,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -14741,7 +14762,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -15897,7 +15921,10 @@ wrapperTag: div
                     type="button"
                     aria-label="Sort"
                   >
-                    <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>
                 </div>
 
@@ -17051,7 +17078,10 @@ wrapperTag: div
                     type="button"
                     aria-label="Sort"
                   >
-                    <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>
                 </div>
 
@@ -18226,7 +18256,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 
@@ -19400,7 +19433,10 @@ wrapperTag: div
                   type="button"
                   aria-label="Sort"
                 >
-                  <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>
               </div>
 

package/docs/demos/Tabs/examples/Tabs.md

@@ -1717,7 +1717,10 @@ section: components
                 type="button"
                 aria-label="Sort"
               >
-                <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>
             </div>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.1.0-prerelease.9",
+  "version": "5.1.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -45,12 +45,13 @@
     "@commitlint/config-conventional": "^17.6.7",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.0.1",
-    "@patternfly/documentation-framework": "5.1.7",
+    "@patternfly/documentation-framework": "5.2.3",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "5.0.0",
-    "@patternfly/react-core": "5.0.0",
-    "@patternfly/react-table": "5.0.0",
+    "@patternfly/react-code-editor": "5.0.1",
+    "@patternfly/react-core": "5.0.1",
+    "@patternfly/react-table": "5.0.1",
     "@starptech/prettyhtml": "^0.10.0",
+    "backstopjs": "^6.2.2",
     "cheerio": "^1.0.0-rc.12",
     "commander": "^11.0.0",
     "cssnano": "^6.0.1",

package/patternfly-base-no-globals-theme-dark-unversioned.css

@@ -259,7 +259,11 @@
   --pf-v5-global--arrow--width-lg: 1.5625rem;
   --pf-v5-global--target-size--MinWidth: 44px;
   --pf-v5-global--target-size--MinHeight: 44px;
-  --pf-v5-global--rtl--transform--flip: 1;
+  --pf-v5-global--inverse--multiplier: 1;
+}
+
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) {
+  --pf-v5-global--inverse--multiplier: -1;
 }
 
 :where(.pf-theme-dark) {
@@ -492,26 +496,19 @@
 }
 
 .pf-v5-m-dir-rtl {
+  --pf-v5-global--inverse--multiplier: -1;
   direction: rtl;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-dir-rtl {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
 
-.pf-v5-m-dir-ltr,
-.ws-dir-ltr {
-  --pf-v5-global--rtl--transform--flip: 1;
+.pf-v5-m-dir-ltr {
+  --pf-v5-global--inverse--multiplier: 1;
   direction: ltr;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-rtl-flip-inline {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
   scale: -1 1;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
-
 :where(.pf-theme-dark) {
   color-scheme: dark;
 }

package/patternfly-base-no-globals.css

@@ -259,7 +259,11 @@
   --pf-v5-global--arrow--width-lg: 1.5625rem;
   --pf-v5-global--target-size--MinWidth: 44px;
   --pf-v5-global--target-size--MinHeight: 44px;
-  --pf-v5-global--rtl--transform--flip: 1;
+  --pf-v5-global--inverse--multiplier: 1;
+}
+
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) {
+  --pf-v5-global--inverse--multiplier: -1;
 }
 
 :where(.pf-v5-theme-dark) {
@@ -492,26 +496,19 @@
 }
 
 .pf-v5-m-dir-rtl {
+  --pf-v5-global--inverse--multiplier: -1;
   direction: rtl;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-dir-rtl {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
 
-.pf-v5-m-dir-ltr,
-.ws-dir-ltr {
-  --pf-v5-global--rtl--transform--flip: 1;
+.pf-v5-m-dir-ltr {
+  --pf-v5-global--inverse--multiplier: 1;
   direction: ltr;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-rtl-flip-inline {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
   scale: -1 1;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
-
 :where(.pf-v5-theme-dark) {
   color-scheme: dark;
 }

package/patternfly-base-theme-dark-unversioned.css

@@ -259,7 +259,11 @@
   --pf-v5-global--arrow--width-lg: 1.5625rem;
   --pf-v5-global--target-size--MinWidth: 44px;
   --pf-v5-global--target-size--MinHeight: 44px;
-  --pf-v5-global--rtl--transform--flip: 1;
+  --pf-v5-global--inverse--multiplier: 1;
+}
+
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) {
+  --pf-v5-global--inverse--multiplier: -1;
 }
 
 :where(.pf-theme-dark) {
@@ -492,26 +496,19 @@
 }
 
 .pf-v5-m-dir-rtl {
+  --pf-v5-global--inverse--multiplier: -1;
   direction: rtl;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-dir-rtl {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
 
-.pf-v5-m-dir-ltr,
-.ws-dir-ltr {
-  --pf-v5-global--rtl--transform--flip: 1;
+.pf-v5-m-dir-ltr {
+  --pf-v5-global--inverse--multiplier: 1;
   direction: ltr;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-rtl-flip-inline {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
   scale: -1 1;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
-
 :where(html,
 body,
 p,

package/patternfly-base.css

@@ -259,7 +259,11 @@
   --pf-v5-global--arrow--width-lg: 1.5625rem;
   --pf-v5-global--target-size--MinWidth: 44px;
   --pf-v5-global--target-size--MinHeight: 44px;
-  --pf-v5-global--rtl--transform--flip: 1;
+  --pf-v5-global--inverse--multiplier: 1;
+}
+
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) {
+  --pf-v5-global--inverse--multiplier: -1;
 }
 
 :where(.pf-v5-theme-dark) {
@@ -492,26 +496,19 @@
 }
 
 .pf-v5-m-dir-rtl {
+  --pf-v5-global--inverse--multiplier: -1;
   direction: rtl;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-dir-rtl {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
 
-.pf-v5-m-dir-ltr,
-.ws-dir-ltr {
-  --pf-v5-global--rtl--transform--flip: 1;
+.pf-v5-m-dir-ltr {
+  --pf-v5-global--inverse--multiplier: 1;
   direction: ltr;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-rtl-flip-inline {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
   scale: -1 1;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
-  --pf-v5-global--rtl--transform--flip: -1;
-}
-
 :where(html,
 body,
 p,