@patternfly/patternfly 5.1.0-prerelease.17 → 5.1.0-prerelease.18

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 (9) hide show
  1. package/components/Skeleton/skeleton.css +4 -0
  2. package/components/Skeleton/skeleton.scss +2 -0
  3. package/docs/demos/Skeleton/examples/Skeleton.md +7 -35
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +4 -0
  6. package/patternfly-theme-dark-unversioned.css +4 -0
  7. package/patternfly.css +4 -0
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/Skeleton/skeleton.css CHANGED
@@ -66,6 +66,10 @@
66
66
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
67
67
  animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
68
68
  }
69
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
70
+ scale: -1 1;
71
+ }
72
+
69
73
  .pf-v5-c-skeleton.pf-m-circle {
70
74
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
71
75
  }
package/components/Skeleton/skeleton.scss CHANGED
@@ -73,6 +73,8 @@
73
73
  }
74
74
 
75
75
  &::after {
76
+ @include pf-v5-mirror-inline-on-rtl;
77
+
76
78
  position: absolute;
77
79
  inset: 0;
78
80
  display: block;
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -206,11 +206,7 @@ section: components
206
206
  </div>
207
207
  </div>
208
208
  <div class="pf-v5-c-card__body">
209
- <div class="pf-v5-c-skeleton">
210
- <div class="pf-v5-l-bullseye">
211
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
212
- </div>
213
- </div>
209
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
214
210
  </div>
215
211
  <div class="pf-v5-c-card__body">
216
212
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -231,11 +227,7 @@ section: components
231
227
  </div>
232
228
  </div>
233
229
  <div class="pf-v5-c-card__body">
234
- <div class="pf-v5-c-skeleton">
235
- <div class="pf-v5-l-bullseye">
236
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
237
- </div>
238
- </div>
230
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
239
231
  </div>
240
232
  <div class="pf-v5-c-card__body">
241
233
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -256,11 +248,7 @@ section: components
256
248
  </div>
257
249
  </div>
258
250
  <div class="pf-v5-c-card__body">
259
- <div class="pf-v5-c-skeleton">
260
- <div class="pf-v5-l-bullseye">
261
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
262
- </div>
263
- </div>
251
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
264
252
  </div>
265
253
  <div class="pf-v5-c-card__body">
266
254
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -281,11 +269,7 @@ section: components
281
269
  </div>
282
270
  </div>
283
271
  <div class="pf-v5-c-card__body">
284
- <div class="pf-v5-c-skeleton">
285
- <div class="pf-v5-l-bullseye">
286
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
287
- </div>
288
- </div>
272
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
289
273
  </div>
290
274
  <div class="pf-v5-c-card__body">
291
275
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -306,11 +290,7 @@ section: components
306
290
  </div>
307
291
  </div>
308
292
  <div class="pf-v5-c-card__body">
309
- <div class="pf-v5-c-skeleton">
310
- <div class="pf-v5-l-bullseye">
311
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
312
- </div>
313
- </div>
293
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
314
294
  </div>
315
295
  <div class="pf-v5-c-card__body">
316
296
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -331,11 +311,7 @@ section: components
331
311
  </div>
332
312
  </div>
333
313
  <div class="pf-v5-c-card__body">
334
- <div class="pf-v5-c-skeleton">
335
- <div class="pf-v5-l-bullseye">
336
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
337
- </div>
338
- </div>
314
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
339
315
  </div>
340
316
  <div class="pf-v5-c-card__body">
341
317
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -356,11 +332,7 @@ section: components
356
332
  </div>
357
333
  </div>
358
334
  <div class="pf-v5-c-card__body">
359
- <div class="pf-v5-c-skeleton">
360
- <div class="pf-v5-l-bullseye">
361
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
362
- </div>
363
- </div>
335
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
364
336
  </div>
365
337
  <div class="pf-v5-c-card__body">
366
338
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
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.17",
4
+ "version": "5.1.0-prerelease.18",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -24617,6 +24617,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24617
24617
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24618
24618
  animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
24619
24619
  }
24620
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24621
+ scale: -1 1;
24622
+ }
24623
+
24620
24624
  .pf-v5-c-skeleton.pf-m-circle {
24621
24625
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24622
24626
  }
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -24734,6 +24734,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24734
24734
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24735
24735
  animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
24736
24736
  }
24737
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24738
+ scale: -1 1;
24739
+ }
24740
+
24737
24741
  .pf-v5-c-skeleton.pf-m-circle {
24738
24742
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24739
24743
  }
package/patternfly.css CHANGED
@@ -24734,6 +24734,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24734
24734
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24735
24735
  animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
24736
24736
  }
24737
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24738
+ scale: -1 1;
24739
+ }
24740
+
24737
24741
  .pf-v5-c-skeleton.pf-m-circle {
24738
24742
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24739
24743
  }