@patternfly/patternfly 6.6.0-prerelease.27 → 6.6.0-prerelease.28

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 (46) hide show
  1. package/components/Label/label.css +9 -3
  2. package/components/Label/label.scss +9 -3
  3. package/components/_index.css +9 -3
  4. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  5. package/docs/components/DataList/examples/DataList.md +143 -11
  6. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  7. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  8. package/docs/components/DualListSelector/examples/DualListSelector.md +270 -54
  9. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  10. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  11. package/docs/components/Form/examples/Form.md +104 -8
  12. package/docs/components/FormControl/examples/FormControl.md +260 -20
  13. package/docs/components/HelperText/examples/HelperText.md +139 -11
  14. package/docs/components/Icon/examples/Icon.md +403 -31
  15. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  16. package/docs/components/InputGroup/examples/InputGroup.md +19 -7
  17. package/docs/components/Label/examples/Label.md +4029 -765
  18. package/docs/components/List/examples/List.md +78 -6
  19. package/docs/components/Login/examples/Login.md +104 -8
  20. package/docs/components/Menu/examples/Menu.md +221 -17
  21. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  22. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  23. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  24. package/docs/components/Switch/examples/Switch.md +52 -4
  25. package/docs/components/Table/examples/Table.md +936 -72
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +309 -81
  27. package/docs/components/Toolbar/examples/Toolbar.md +117 -9
  28. package/docs/components/TreeView/examples/TreeView.md +186 -18
  29. package/docs/components/Wizard/examples/Wizard.md +325 -25
  30. package/docs/demos/Alert/examples/Alert.md +149 -26
  31. package/docs/demos/Card/examples/Card.md +280 -34
  32. package/docs/demos/Dashboard/examples/Dashboard.md +72 -18
  33. package/docs/demos/DataList/examples/DataList.md +26 -2
  34. package/docs/demos/Form/examples/BasicForms.md +56 -8
  35. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  36. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  37. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  38. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +52 -4
  39. package/docs/demos/Table/examples/Table.md +247 -19
  40. package/docs/demos/Toolbar/examples/Toolbar.md +103 -10
  41. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  42. package/package.json +1 -1
  43. package/patternfly-no-globals.css +9 -3
  44. package/patternfly.css +9 -3
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -485,7 +485,19 @@ wrapperTag: div
485
485
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
486
486
  </span>
487
487
  <span class="pf-v6-c-wizard__toggle-icon">
488
- <i class="fas fa-caret-down" aria-hidden="true"></i>
488
+ <svg
489
+ class="pf-v6-svg"
490
+ fill="currentColor"
491
+ viewBox="0 0 32 32"
492
+ aria-hidden="true"
493
+ role="img"
494
+ width="1em"
495
+ height="1em"
496
+ >
497
+ <path
498
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
499
+ />
500
+ </svg>
489
501
  </span>
490
502
  </button>
491
503
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1236,7 +1248,19 @@ wrapperTag: div
1236
1248
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1237
1249
  </span>
1238
1250
  <span class="pf-v6-c-wizard__toggle-icon">
1239
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1251
+ <svg
1252
+ class="pf-v6-svg"
1253
+ fill="currentColor"
1254
+ viewBox="0 0 32 32"
1255
+ aria-hidden="true"
1256
+ role="img"
1257
+ width="1em"
1258
+ height="1em"
1259
+ >
1260
+ <path
1261
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
1262
+ />
1263
+ </svg>
1240
1264
  </span>
1241
1265
  </button>
1242
1266
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -1969,7 +1993,19 @@ wrapperTag: div
1969
1993
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1970
1994
  </span>
1971
1995
  <span class="pf-v6-c-wizard__toggle-icon">
1972
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1996
+ <svg
1997
+ class="pf-v6-svg"
1998
+ fill="currentColor"
1999
+ viewBox="0 0 32 32"
2000
+ aria-hidden="true"
2001
+ role="img"
2002
+ width="1em"
2003
+ height="1em"
2004
+ >
2005
+ <path
2006
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
2007
+ />
2008
+ </svg>
1973
2009
  </span>
1974
2010
  </button>
1975
2011
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -2798,7 +2834,19 @@ wrapperTag: div
2798
2834
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2799
2835
  </span>
2800
2836
  <span class="pf-v6-c-wizard__toggle-icon">
2801
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2837
+ <svg
2838
+ class="pf-v6-svg"
2839
+ fill="currentColor"
2840
+ viewBox="0 0 32 32"
2841
+ aria-hidden="true"
2842
+ role="img"
2843
+ width="1em"
2844
+ height="1em"
2845
+ >
2846
+ <path
2847
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
2848
+ />
2849
+ </svg>
2802
2850
  </span>
2803
2851
  </button>
2804
2852
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -3623,7 +3671,19 @@ wrapperTag: div
3623
3671
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3624
3672
  </span>
3625
3673
  <span class="pf-v6-c-wizard__toggle-icon">
3626
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3674
+ <svg
3675
+ class="pf-v6-svg"
3676
+ fill="currentColor"
3677
+ viewBox="0 0 32 32"
3678
+ aria-hidden="true"
3679
+ role="img"
3680
+ width="1em"
3681
+ height="1em"
3682
+ >
3683
+ <path
3684
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
3685
+ />
3686
+ </svg>
3627
3687
  </span>
3628
3688
  </button>
3629
3689
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -4246,7 +4306,19 @@ wrapperTag: div
4246
4306
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
4247
4307
  </span>
4248
4308
  <span class="pf-v6-c-wizard__toggle-icon">
4249
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4309
+ <svg
4310
+ class="pf-v6-svg"
4311
+ fill="currentColor"
4312
+ viewBox="0 0 32 32"
4313
+ aria-hidden="true"
4314
+ role="img"
4315
+ width="1em"
4316
+ height="1em"
4317
+ >
4318
+ <path
4319
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
4320
+ />
4321
+ </svg>
4250
4322
  </span>
4251
4323
  </button>
4252
4324
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -4929,7 +5001,19 @@ wrapperTag: div
4929
5001
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
4930
5002
  </span>
4931
5003
  <span class="pf-v6-c-wizard__toggle-icon">
4932
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5004
+ <svg
5005
+ class="pf-v6-svg"
5006
+ fill="currentColor"
5007
+ viewBox="0 0 32 32"
5008
+ aria-hidden="true"
5009
+ role="img"
5010
+ width="1em"
5011
+ height="1em"
5012
+ >
5013
+ <path
5014
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
5015
+ />
5016
+ </svg>
4933
5017
  </span>
4934
5018
  </button>
4935
5019
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -5594,7 +5678,19 @@ wrapperTag: div
5594
5678
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
5595
5679
  </span>
5596
5680
  <span class="pf-v6-c-wizard__toggle-icon">
5597
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5681
+ <svg
5682
+ class="pf-v6-svg"
5683
+ fill="currentColor"
5684
+ viewBox="0 0 32 32"
5685
+ aria-hidden="true"
5686
+ role="img"
5687
+ width="1em"
5688
+ height="1em"
5689
+ >
5690
+ <path
5691
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
5692
+ />
5693
+ </svg>
5598
5694
  </span>
5599
5695
  </button>
5600
5696
  <div class="pf-v6-c-wizard__outer-wrap">
@@ -6342,7 +6438,19 @@ wrapperTag: div
6342
6438
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
6343
6439
  </span>
6344
6440
  <span class="pf-v6-c-wizard__toggle-icon">
6345
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6441
+ <svg
6442
+ class="pf-v6-svg"
6443
+ fill="currentColor"
6444
+ viewBox="0 0 32 32"
6445
+ aria-hidden="true"
6446
+ role="img"
6447
+ width="1em"
6448
+ height="1em"
6449
+ >
6450
+ <path
6451
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
6452
+ />
6453
+ </svg>
6346
6454
  </span>
6347
6455
  </button>
6348
6456
  <div class="pf-v6-c-wizard__outer-wrap">
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
- "version": "6.6.0-prerelease.27",
4
+ "version": "6.6.0-prerelease.28",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -19580,7 +19580,6 @@ label.pf-v6-c-input-group__text {
19580
19580
  position: absolute;
19581
19581
  inset: 0;
19582
19582
  z-index: -1;
19583
- pointer-events: none;
19584
19583
  content: "";
19585
19584
  background-color: var(--pf-v6-c-label--BackgroundColor);
19586
19585
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19599,8 +19598,15 @@ input.pf-v6-c-label__content {
19599
19598
  .pf-v6-c-label__actions {
19600
19599
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19601
19600
  }
19602
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19603
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19601
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19602
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19603
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19604
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19605
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19606
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19607
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19608
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19609
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19604
19610
  }
19605
19611
 
19606
19612
  .pf-v6-c-label__actions .pf-v6-c-button {
package/patternfly.css CHANGED
@@ -19735,7 +19735,6 @@ label.pf-v6-c-input-group__text {
19735
19735
  position: absolute;
19736
19736
  inset: 0;
19737
19737
  z-index: -1;
19738
- pointer-events: none;
19739
19738
  content: "";
19740
19739
  background-color: var(--pf-v6-c-label--BackgroundColor);
19741
19740
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -19754,8 +19753,15 @@ input.pf-v6-c-label__content {
19754
19753
  .pf-v6-c-label__actions {
19755
19754
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
19756
19755
  }
19757
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
19758
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
19756
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
19757
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
19758
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
19759
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
19760
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
19761
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
19762
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
19763
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
19764
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
19759
19765
  }
19760
19766
 
19761
19767
  .pf-v6-c-label__actions .pf-v6-c-button {