@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202

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 (77) hide show
  1. package/base/normalize.scss +3 -3
  2. package/base/patternfly-variables.css +2 -6
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +1 -1
  6. package/base/tokens/tokens-default.scss +3 -3
  7. package/base/tokens/tokens-local.scss +0 -6
  8. package/base/tokens/tokens-palette.scss +1 -1
  9. package/components/Breadcrumb/breadcrumb.css +9 -6
  10. package/components/Breadcrumb/breadcrumb.scss +9 -6
  11. package/components/Button/button.css +16 -7
  12. package/components/Button/button.scss +17 -7
  13. package/components/Content/content.css +8 -5
  14. package/components/Content/content.scss +8 -5
  15. package/components/DescriptionList/description-list.css +10 -15
  16. package/components/DescriptionList/description-list.scss +10 -16
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -2
  19. package/components/Label/label.css +15 -14
  20. package/components/Label/label.scss +16 -14
  21. package/components/Masthead/masthead.css +172 -95
  22. package/components/Masthead/masthead.scss +74 -49
  23. package/components/Nav/nav.css +5 -4
  24. package/components/Nav/nav.scss +5 -4
  25. package/components/Page/page.css +18 -12
  26. package/components/Page/page.scss +18 -12
  27. package/components/ProgressStepper/progress-stepper.css +8 -7
  28. package/components/ProgressStepper/progress-stepper.scss +8 -8
  29. package/components/SimpleList/simple-list.css +1 -1
  30. package/components/SimpleList/simple-list.scss +1 -2
  31. package/components/Tabs/tabs.css +1 -1
  32. package/components/Tabs/tabs.scss +1 -3
  33. package/components/Timestamp/timestamp.css +8 -17
  34. package/components/Timestamp/timestamp.scss +8 -18
  35. package/components/ToggleGroup/toggle-group.css +2 -2
  36. package/components/ToggleGroup/toggle-group.scss +2 -4
  37. package/components/_index.css +274 -187
  38. package/docs/components/Alert/examples/Alert.md +4 -4
  39. package/docs/components/Card/examples/Card.md +4 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
  41. package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
  42. package/docs/components/Form/examples/Form.md +2 -2
  43. package/docs/components/Masthead/examples/masthead.md +506 -493
  44. package/docs/components/Nav/examples/Navigation.md +0 -1
  45. package/docs/components/Page/examples/Page.md +98 -89
  46. package/docs/components/Table/examples/Table.md +58 -58
  47. package/docs/components/Wizard/examples/Wizard.md +1 -1
  48. package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
  49. package/docs/demos/Alert/examples/Alert.md +263 -251
  50. package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
  51. package/docs/demos/Banner/examples/Banner.md +177 -173
  52. package/docs/demos/Card/examples/Card.md +12 -12
  53. package/docs/demos/CardView/examples/CardView.md +90 -88
  54. package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
  55. package/docs/demos/DataList/examples/DataList.md +352 -344
  56. package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
  57. package/docs/demos/Drawer/examples/Drawer.md +437 -423
  58. package/docs/demos/Form/examples/BasicForms.md +11 -11
  59. package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
  60. package/docs/demos/Masthead/examples/Masthead.md +772 -736
  61. package/docs/demos/Modal/examples/Modal.md +522 -498
  62. package/docs/demos/Nav/examples/Nav.md +511 -487
  63. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
  64. package/docs/demos/Page/examples/Page.md +959 -915
  65. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
  66. package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
  67. package/docs/demos/Table/examples/Table.md +1326 -1294
  68. package/docs/demos/Tabs/examples/Tabs.md +526 -504
  69. package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
  70. package/docs/demos/Wizard/examples/Wizard.md +790 -767
  71. package/package.json +1 -1
  72. package/patternfly-base-no-globals.css +2 -6
  73. package/patternfly-base.css +5 -9
  74. package/patternfly-no-globals.css +276 -193
  75. package/patternfly.css +279 -196
  76. package/patternfly.min.css +1 -1
  77. package/patternfly.min.css.map +1 -1
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -937,7 +937,7 @@ subsection: forms
937
937
  <div class="pf-v6-c-form__field-group-toggle-button">
938
938
  <button
939
939
  class="pf-v6-c-button pf-m-plain"
940
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-alerting-toggle&#x26;quot;
940
+ id="form-demo-sections-complex-form-alerting-toggle"
941
941
  type="button"
942
942
  aria-labelledby="form-demo-sections-complex-form-alerting-title form-demo-sections-complex-form-alerting-toggle"
943
943
  aria-label="Details"
@@ -974,7 +974,7 @@ subsection: forms
974
974
  <div class="pf-v6-c-form__field-group-toggle-button">
975
975
  <button
976
976
  class="pf-v6-c-button pf-m-plain"
977
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-query-toggle&#x26;quot;
977
+ id="form-demo-sections-complex-form-query-toggle"
978
978
  type="button"
979
979
  aria-labelledby="form-demo-sections-complex-form-query-title form-demo-sections-complex-form-query-toggle"
980
980
  aria-label="Details"
@@ -1011,7 +1011,7 @@ subsection: forms
1011
1011
  <div class="pf-v6-c-form__field-group-toggle-button">
1012
1012
  <button
1013
1013
  class="pf-v6-c-button pf-m-plain"
1014
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-affinity-toggle&#x26;quot;
1014
+ id="form-demo-sections-complex-form-affinity-toggle"
1015
1015
  type="button"
1016
1016
  aria-labelledby="form-demo-sections-complex-form-affinity-title form-demo-sections-complex-form-affinity-toggle"
1017
1017
  aria-label="Details"
@@ -1047,7 +1047,7 @@ subsection: forms
1047
1047
  <div class="pf-v6-c-form__field-group-toggle-button">
1048
1048
  <button
1049
1049
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
1050
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-node-affinity-toggle&#x26;quot;
1050
+ id="form-demo-sections-complex-form-node-affinity-toggle"
1051
1051
  type="button"
1052
1052
  aria-expanded="true"
1053
1053
  aria-labelledby="form-demo-sections-complex-form-node-affinity-title form-demo-sections-complex-form-node-affinity-toggle"
@@ -1084,7 +1084,7 @@ subsection: forms
1084
1084
  <div class="pf-v6-c-form__field-group-toggle-button">
1085
1085
  <button
1086
1086
  class="pf-v6-c-button pf-m-plain"
1087
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-node-affinity-required-toggle&#x26;quot;
1087
+ id="form-demo-sections-complex-form-node-affinity-required-toggle"
1088
1088
  type="button"
1089
1089
  aria-labelledby="form-demo-sections-complex-form-node-affinity-required-title form-demo-sections-complex-form-node-affinity-required-toggle"
1090
1090
  aria-label="Details"
@@ -1121,7 +1121,7 @@ subsection: forms
1121
1121
  <div class="pf-v6-c-form__field-group-toggle-button">
1122
1122
  <button
1123
1123
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
1124
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-node-affinity-required-2-toggle&#x26;quot;
1124
+ id="form-demo-sections-complex-form-node-affinity-required-2-toggle"
1125
1125
  type="button"
1126
1126
  aria-expanded="true"
1127
1127
  aria-labelledby="form-demo-sections-complex-form-node-affinity-required-2-title form-demo-sections-complex-form-node-affinity-required-2-toggle"
@@ -1215,7 +1215,7 @@ subsection: forms
1215
1215
  <div class="pf-v6-c-form__field-group-toggle-button">
1216
1216
  <button
1217
1217
  class="pf-v6-c-button pf-m-plain"
1218
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-pod-affinity-toggle&#x26;quot;
1218
+ id="form-demo-sections-complex-form-pod-affinity-toggle"
1219
1219
  type="button"
1220
1220
  aria-labelledby="form-demo-sections-complex-form-pod-affinity-title form-demo-sections-complex-form-pod-affinity-toggle"
1221
1221
  aria-label="Details"
@@ -1254,7 +1254,7 @@ subsection: forms
1254
1254
  <div class="pf-v6-c-form__field-group-toggle-button">
1255
1255
  <button
1256
1256
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
1257
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-routing-toggle&#x26;quot;
1257
+ id="form-demo-sections-complex-form-routing-toggle"
1258
1258
  type="button"
1259
1259
  aria-expanded="true"
1260
1260
  aria-labelledby="form-demo-sections-complex-form-routing-title form-demo-sections-complex-form-routing-toggle"
@@ -1440,7 +1440,7 @@ subsection: forms
1440
1440
  <div class="pf-v6-c-form__field-group-toggle-button">
1441
1441
  <button
1442
1442
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
1443
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-health-checks-toggle&#x26;quot;
1443
+ id="form-demo-sections-complex-form-health-checks-toggle"
1444
1444
  type="button"
1445
1445
  aria-expanded="true"
1446
1446
  aria-labelledby="form-demo-sections-complex-form-health-checks-title form-demo-sections-complex-form-health-checks-toggle"
@@ -1545,7 +1545,7 @@ subsection: forms
1545
1545
  <div class="pf-v6-c-form__field-group-toggle-button">
1546
1546
  <button
1547
1547
  class="pf-v6-c-button pf-m-plain"
1548
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-build-configuration-toggle&#x26;quot;
1548
+ id="form-demo-sections-complex-form-build-configuration-toggle"
1549
1549
  type="button"
1550
1550
  aria-labelledby="form-demo-sections-complex-form-build-configuration-title form-demo-sections-complex-form-build-configuration-toggle"
1551
1551
  aria-label="Details"
@@ -1584,7 +1584,7 @@ subsection: forms
1584
1584
  <div class="pf-v6-c-form__field-group-toggle-button">
1585
1585
  <button
1586
1586
  class="pf-v6-c-button pf-m-plain"
1587
- id&#x26;#x3D;&#x26;quot;form-demo-sections-complex-form-deployment-toggle&#x26;quot;
1587
+ id="form-demo-sections-complex-form-deployment-toggle"
1588
1588
  type="button"
1589
1589
  aria-labelledby="form-demo-sections-complex-form-deployment-title form-demo-sections-complex-form-deployment-toggle"
1590
1590
  aria-label="Details"