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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/Progress/progress.css +6 -4
  2. package/components/Progress/progress.scss +9 -4
  3. package/package.json +1 -1
  4. package/patternfly-no-globals.css +6 -4
  5. package/patternfly-theme-dark-unversioned.css +6 -4
  6. package/patternfly.css +6 -4
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Progress/progress.css CHANGED
@@ -132,6 +132,12 @@
132
132
  color: var(--pf-v5-c-progress__status-icon--Color);
133
133
  }
134
134
 
135
+ .pf-v5-c-progress__bar::before,
136
+ .pf-v5-c-progress__indicator {
137
+ top: 0;
138
+ left: 0;
139
+ }
140
+
135
141
  .pf-v5-c-progress__bar {
136
142
  position: relative;
137
143
  grid-row: 2/3;
@@ -142,8 +148,6 @@
142
148
  }
143
149
  .pf-v5-c-progress__bar::before {
144
150
  position: absolute;
145
- inset-block-start: 0;
146
- inset-inline-start: 0;
147
151
  width: 100%;
148
152
  height: 100%;
149
153
  content: "";
@@ -153,8 +157,6 @@
153
157
 
154
158
  .pf-v5-c-progress__indicator {
155
159
  position: absolute;
156
- inset-block-start: 0;
157
- inset-inline-start: 0;
158
160
  height: var(--pf-v5-c-progress__indicator--Height);
159
161
  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
160
162
  }
package/components/Progress/progress.scss CHANGED
@@ -175,6 +175,15 @@
175
175
  color: var(--#{$progress}__status-icon--Color);
176
176
  }
177
177
 
178
+ .#{$progress}__bar::before,
179
+ .#{$progress}__indicator {
180
+ // disable linter as the indicator element should always grow ltr
181
+ // stylelint-disable liberty/use-logical-spec
182
+ top: 0;
183
+ left: 0;
184
+ // stylelint-enable
185
+ }
186
+
178
187
  // The progress__bar is a white underlay with a semi-transparent color on top, which matches the progress__indicator color
179
188
  .#{$progress}__bar {
180
189
  position: relative;
@@ -186,8 +195,6 @@
186
195
 
187
196
  &::before {
188
197
  position: absolute;
189
- inset-block-start: 0;
190
- inset-inline-start: 0;
191
198
  width: 100%;
192
199
  height: 100%;
193
200
  content: "";
@@ -200,8 +207,6 @@
200
207
  // It is assumed that the width of the progress__indicator is set inline or via Javascript
201
208
  .#{$progress}__indicator {
202
209
  position: absolute; // position absolute to bring above the semi-transparent bar overlay
203
- inset-block-start: 0;
204
- inset-inline-start: 0;
205
210
  height: var(--#{$progress}__indicator--Height);
206
211
  background-color: var(--#{$progress}__indicator--BackgroundColor);
207
212
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.25",
4
+ "version": "5.1.0-prerelease.26",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -22809,6 +22809,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22809
22809
  color: var(--pf-v5-c-progress__status-icon--Color);
22810
22810
  }
22811
22811
 
22812
+ .pf-v5-c-progress__bar::before,
22813
+ .pf-v5-c-progress__indicator {
22814
+ top: 0;
22815
+ left: 0;
22816
+ }
22817
+
22812
22818
  .pf-v5-c-progress__bar {
22813
22819
  position: relative;
22814
22820
  grid-row: 2/3;
@@ -22819,8 +22825,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22819
22825
  }
22820
22826
  .pf-v5-c-progress__bar::before {
22821
22827
  position: absolute;
22822
- inset-block-start: 0;
22823
- inset-inline-start: 0;
22824
22828
  width: 100%;
22825
22829
  height: 100%;
22826
22830
  content: "";
@@ -22830,8 +22834,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22830
22834
 
22831
22835
  .pf-v5-c-progress__indicator {
22832
22836
  position: absolute;
22833
- inset-block-start: 0;
22834
- inset-inline-start: 0;
22835
22837
  height: var(--pf-v5-c-progress__indicator--Height);
22836
22838
  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
22837
22839
  }
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -22926,6 +22926,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22926
22926
  color: var(--pf-v5-c-progress__status-icon--Color);
22927
22927
  }
22928
22928
 
22929
+ .pf-v5-c-progress__bar::before,
22930
+ .pf-v5-c-progress__indicator {
22931
+ top: 0;
22932
+ left: 0;
22933
+ }
22934
+
22929
22935
  .pf-v5-c-progress__bar {
22930
22936
  position: relative;
22931
22937
  grid-row: 2/3;
@@ -22936,8 +22942,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22936
22942
  }
22937
22943
  .pf-v5-c-progress__bar::before {
22938
22944
  position: absolute;
22939
- inset-block-start: 0;
22940
- inset-inline-start: 0;
22941
22945
  width: 100%;
22942
22946
  height: 100%;
22943
22947
  content: "";
@@ -22947,8 +22951,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22947
22951
 
22948
22952
  .pf-v5-c-progress__indicator {
22949
22953
  position: absolute;
22950
- inset-block-start: 0;
22951
- inset-inline-start: 0;
22952
22954
  height: var(--pf-v5-c-progress__indicator--Height);
22953
22955
  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
22954
22956
  }
package/patternfly.css CHANGED
@@ -22926,6 +22926,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22926
22926
  color: var(--pf-v5-c-progress__status-icon--Color);
22927
22927
  }
22928
22928
 
22929
+ .pf-v5-c-progress__bar::before,
22930
+ .pf-v5-c-progress__indicator {
22931
+ top: 0;
22932
+ left: 0;
22933
+ }
22934
+
22929
22935
  .pf-v5-c-progress__bar {
22930
22936
  position: relative;
22931
22937
  grid-row: 2/3;
@@ -22936,8 +22942,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22936
22942
  }
22937
22943
  .pf-v5-c-progress__bar::before {
22938
22944
  position: absolute;
22939
- inset-block-start: 0;
22940
- inset-inline-start: 0;
22941
22945
  width: 100%;
22942
22946
  height: 100%;
22943
22947
  content: "";
@@ -22947,8 +22951,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22947
22951
 
22948
22952
  .pf-v5-c-progress__indicator {
22949
22953
  position: absolute;
22950
- inset-block-start: 0;
22951
- inset-inline-start: 0;
22952
22954
  height: var(--pf-v5-c-progress__indicator--Height);
22953
22955
  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
22954
22956
  }