@patternfly/patternfly 6.5.0-prerelease.47 → 6.5.0-prerelease.48

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 (11) hide show
  1. package/components/Alert/alert.css +2 -1
  2. package/components/Alert/alert.scss +2 -1
  3. package/components/_index.css +2 -1
  4. package/docs/components/Alert/examples/Alert.md +494 -38
  5. package/docs/demos/Alert/examples/Alert.md +65 -5
  6. package/docs/demos/Card/examples/Card.md +12 -3
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +2 -1
  9. package/patternfly.css +2 -1
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -361,7 +361,19 @@ section: components
361
361
  <li class="pf-v6-c-alert-group__item">
362
362
  <div class="pf-v6-c-alert pf-m-success" aria-label="Success alert">
363
363
  <div class="pf-v6-c-alert__icon">
364
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
364
+ <svg
365
+ class="pf-v6-svg"
366
+ viewBox="0 0 512 512"
367
+ fill="currentColor"
368
+ aria-hidden="true"
369
+ role="img"
370
+ width="1em"
371
+ height="1em"
372
+ >
373
+ <path
374
+ d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
375
+ />
376
+ </svg>
365
377
  </div>
366
378
  <p class="pf-v6-c-alert__title">
367
379
  <span class="pf-v6-screen-reader">Success alert:</span>
@@ -398,7 +410,19 @@ section: components
398
410
  <li class="pf-v6-c-alert-group__item">
399
411
  <div class="pf-v6-c-alert pf-m-warning" aria-label="Warning alert">
400
412
  <div class="pf-v6-c-alert__icon">
401
- <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
413
+ <svg
414
+ class="pf-v6-svg"
415
+ viewBox="0 0 576 512"
416
+ fill="currentColor"
417
+ aria-hidden="true"
418
+ role="img"
419
+ width="1em"
420
+ height="1em"
421
+ >
422
+ <path
423
+ d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
424
+ />
425
+ </svg>
402
426
  </div>
403
427
  <p class="pf-v6-c-alert__title">
404
428
  <span class="pf-v6-screen-reader">Info alert:</span>
@@ -435,7 +459,19 @@ section: components
435
459
  <li class="pf-v6-c-alert-group__item">
436
460
  <div class="pf-v6-c-alert pf-m-danger" aria-label="Danger alert">
437
461
  <div class="pf-v6-c-alert__icon">
438
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
462
+ <svg
463
+ class="pf-v6-svg"
464
+ viewBox="0 0 512 512"
465
+ fill="currentColor"
466
+ aria-hidden="true"
467
+ role="img"
468
+ width="1em"
469
+ height="1em"
470
+ >
471
+ <path
472
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
473
+ />
474
+ </svg>
439
475
  </div>
440
476
  <p class="pf-v6-c-alert__title">
441
477
  <span class="pf-v6-screen-reader">Last notification</span>
@@ -800,7 +836,19 @@ section: components
800
836
  aria-label="Inline danger alert"
801
837
  >
802
838
  <div class="pf-v6-c-alert__icon">
803
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
839
+ <svg
840
+ class="pf-v6-svg"
841
+ viewBox="0 0 512 512"
842
+ fill="currentColor"
843
+ aria-hidden="true"
844
+ role="img"
845
+ width="1em"
846
+ height="1em"
847
+ >
848
+ <path
849
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
850
+ />
851
+ </svg>
804
852
  </div>
805
853
  <p class="pf-v6-c-alert__title">
806
854
  <span class="pf-v6-screen-reader">Danger alert:</span>
@@ -1334,7 +1382,19 @@ section: components
1334
1382
  aria-label="Inline danger alert"
1335
1383
  >
1336
1384
  <div class="pf-v6-c-alert__icon">
1337
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
1385
+ <svg
1386
+ class="pf-v6-svg"
1387
+ viewBox="0 0 512 512"
1388
+ fill="currentColor"
1389
+ aria-hidden="true"
1390
+ role="img"
1391
+ width="1em"
1392
+ height="1em"
1393
+ >
1394
+ <path
1395
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1396
+ />
1397
+ </svg>
1338
1398
  </div>
1339
1399
  <p class="pf-v6-c-alert__title">
1340
1400
  <span class="pf-v6-screen-reader">Danger alert:</span>
package/docs/demos/Card/examples/Card.md CHANGED
@@ -1628,10 +1628,19 @@ wrapperTag: div
1628
1628
  aria-label="Inline danger alert"
1629
1629
  >
1630
1630
  <div class="pf-v6-c-alert__icon">
1631
- <i
1632
- class="fas fa-fw fa-exclamation-circle"
1631
+ <svg
1632
+ class="pf-v6-svg"
1633
+ viewBox="0 0 512 512"
1634
+ fill="currentColor"
1633
1635
  aria-hidden="true"
1634
- ></i>
1636
+ role="img"
1637
+ width="1em"
1638
+ height="1em"
1639
+ >
1640
+ <path
1641
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1642
+ />
1643
+ </svg>
1635
1644
  </div>
1636
1645
  <p class="pf-v6-c-alert__title">
1637
1646
  <span
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": "6.5.0-prerelease.47",
4
+ "version": "6.5.0-prerelease.48",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9620,7 +9620,7 @@
9620
9620
  ". . description description"
9621
9621
  ". . actiongroup actiongroup";
9622
9622
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
9623
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
9623
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
9624
9624
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
9625
9625
  }
9626
9626
 
@@ -9708,6 +9708,7 @@
9708
9708
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9709
9709
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9710
9710
  color: var(--pf-v6-c-alert__icon--Color);
9711
+ scale: 1.14;
9711
9712
  }
9712
9713
 
9713
9714
  .pf-v6-c-alert__title {
package/patternfly.css CHANGED
@@ -9767,7 +9767,7 @@ button) {
9767
9767
  ". . description description"
9768
9768
  ". . actiongroup actiongroup";
9769
9769
  --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
9770
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
9770
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
9771
9771
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
9772
9772
  }
9773
9773
 
@@ -9855,6 +9855,7 @@ button) {
9855
9855
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9856
9856
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9857
9857
  color: var(--pf-v6-c-alert__icon--Color);
9858
+ scale: 1.14;
9858
9859
  }
9859
9860
 
9860
9861
  .pf-v6-c-alert__title {