@patternfly/patternfly 5.1.0-prerelease.25 → 5.1.0-prerelease.27

package/README.md

@@ -63,19 +63,19 @@ When making visual changes to a full page example, new example preview screensho
 
 ## Guidelines for CSS development
 
-- For issues created in Core that will affect a component in PF-React, a follow up issue must be created in PF-React once the Pull Request is merged. The issue should include the Core PR #, the Core Release, a link to the component in https://pf4.patternfly.org, and information detailing the change.
+- For issues created in Core that will affect a component in PF-React, a follow up issue must be created in PF-React once the Pull Request is merged. The issue should include the Core PR #, the Core Release, a link to the component in https://core-staging.patternfly.org, and information detailing the change.
 - If global variables are modified in Core, a React issue should be opened to address this.
 - CSS developers should ensure that animation is well documented and communicated to the respective React developer.
 - Once the component/enhancement is complete it should receive sign off from a visual designer who can then update the master sketch file with any changes.
 
 ### Handlebars guidelines 
-[For information on how to contribute, refer to our guidelines.](/contribution)
+[For information on how to contribute, refer to our guidelines.](https://core-staging.patternfly.org/contribution)
 
 ### CSS/Sass guidelines
-[For more information on using CSS and Sass, refer to our guidelines.](/guidelines)
+[For more information on using CSS and Sass, refer to our guidelines.](https://core-staging.patternfly.org/guidelines)
 
 ### Custom icon guidelines
-[For more information on custom icons, refer to our guidelines.](/adding-custom-icons)
+[For more information on custom icons, refer to our guidelines.](https://core-staging.patternfly.org/adding-custom-icons)
 
 ## Beta components
 
@@ -83,7 +83,7 @@ When creating a brand new component, it should be released as beta in order to g
 
 ## Testing for accessibility
 
-PatternFly uses [aXe: The Accessibility Engine](https://www.deque.com/axe/) to check for accessibility violations. Our goal is to meet WCAG 2.0 AA requirements, as noted in our [Accessibility guide](https://pf4.patternfly.org/accessibility-guide).
+PatternFly uses [aXe: The Accessibility Engine](https://www.deque.com/axe/) to check for accessibility violations. Our goal is to meet WCAG 2.0 AA requirements, as noted in our [Accessibility guide](https://www.patternfly.org/accessibility/patternflys-accessibility).
 
 ### How to perform an accessibility audit with aXe
 aXe is available as either a browser extension or npm script.
@@ -112,7 +112,7 @@ If you have any suggestions about ways that we can improve how we use this tool,
 ## FAQ
 
 #### CSS Variables
-[How do I use CSS variables to customize the library?](https://pf4.patternfly.org/guidelines#variables)
+[How do I use CSS variables to customize the library?](https://core-staging.patternfly.org/guidelines#variables)
 
 #### Browser support
 PatternFly 5 is supported on the latest two major versions of the following browsers:

package/components/Progress/progress.css

@@ -132,6 +132,12 @@
   color: var(--pf-v5-c-progress__status-icon--Color);
 }
 
+.pf-v5-c-progress__bar::before,
+.pf-v5-c-progress__indicator {
+  top: 0;
+  left: 0;
+}
+
 .pf-v5-c-progress__bar {
   position: relative;
   grid-row: 2/3;
@@ -142,8 +148,6 @@
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -153,8 +157,6 @@
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }

package/components/Progress/progress.scss

@@ -175,6 +175,15 @@
   color: var(--#{$progress}__status-icon--Color);
 }
 
+.#{$progress}__bar::before,
+.#{$progress}__indicator {
+  // disable linter as the indicator element should always grow ltr
+  // stylelint-disable liberty/use-logical-spec
+  top: 0;
+  left: 0;
+  // stylelint-enable
+}
+
 // The progress__bar is a white underlay with a semi-transparent color on top, which matches the progress__indicator color
 .#{$progress}__bar {
   position: relative;
@@ -186,8 +195,6 @@
 
   &::before {
     position: absolute;
-   inset-block-start: 0;
-   inset-inline-start: 0;
     width: 100%;
     height: 100%;
     content: "";
@@ -200,8 +207,6 @@
 // It is assumed that the width of the progress__indicator is set inline or via Javascript
 .#{$progress}__indicator {
   position: absolute; // position absolute to bring above the semi-transparent bar overlay
- inset-block-start: 0;
- inset-inline-start: 0;
   height: var(--#{$progress}__indicator--Height);
   background-color: var(--#{$progress}__indicator--BackgroundColor);
 }

package/docs/components/CodeEditor/examples/CodeEditor.md

@@ -41,7 +41,7 @@ cssPrefix: pf-v5-c-code-editor
     </div>
   </div>
   <div class="pf-v5-c-code-editor__main">
-    <code class="pf-v5-c-code-editor__code">
+    <code dir="ltr" class="pf-v5-c-code-editor__code">
       <pre class="pf-v5-c-code-editor__code-pre">
                 code goes here
       </pre>
@@ -89,7 +89,7 @@ cssPrefix: pf-v5-c-code-editor
     </div>
   </div>
   <div class="pf-v5-c-code-editor__main">
-    <code class="pf-v5-c-code-editor__code">
+    <code dir="ltr" class="pf-v5-c-code-editor__code">
       <pre class="pf-v5-c-code-editor__code-pre">
                 code goes here
       </pre>
@@ -238,7 +238,7 @@ cssPrefix: pf-v5-c-code-editor
     </div>
   </div>
   <div class="pf-v5-c-code-editor__main">
-    <code class="pf-v5-c-code-editor__code">
+    <code dir="ltr" class="pf-v5-c-code-editor__code">
       <pre class="pf-v5-c-code-editor__code-pre">
                 code goes here
       </pre>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.1.0-prerelease.25",
+  "version": "5.1.0-prerelease.27",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -45,7 +45,7 @@
     "@commitlint/config-conventional": "^17.6.7",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.0.1",
-    "@patternfly/documentation-framework": "5.1.15",
+    "@patternfly/documentation-framework": "5.2.0",
     "@patternfly/patternfly-a11y": "4.3.1",
     "@patternfly/react-code-editor": "5.0.1",
     "@patternfly/react-core": "5.0.1",

package/patternfly-no-globals.css

@@ -22809,6 +22809,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   color: var(--pf-v5-c-progress__status-icon--Color);
 }
 
+.pf-v5-c-progress__bar::before,
+.pf-v5-c-progress__indicator {
+  top: 0;
+  left: 0;
+}
+
 .pf-v5-c-progress__bar {
   position: relative;
   grid-row: 2/3;
@@ -22819,8 +22825,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -22830,8 +22834,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }

package/patternfly-theme-dark-unversioned.css

@@ -22926,6 +22926,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   color: var(--pf-v5-c-progress__status-icon--Color);
 }
 
+.pf-v5-c-progress__bar::before,
+.pf-v5-c-progress__indicator {
+  top: 0;
+  left: 0;
+}
+
 .pf-v5-c-progress__bar {
   position: relative;
   grid-row: 2/3;
@@ -22936,8 +22942,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -22947,8 +22951,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }

package/patternfly.css

@@ -22926,6 +22926,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   color: var(--pf-v5-c-progress__status-icon--Color);
 }
 
+.pf-v5-c-progress__bar::before,
+.pf-v5-c-progress__indicator {
+  top: 0;
+  left: 0;
+}
+
 .pf-v5-c-progress__bar {
   position: relative;
   grid-row: 2/3;
@@ -22936,8 +22942,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -22947,8 +22951,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }