@patternfly/patternfly 6.3.1 → 6.4.0-prerelease.1

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 (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +29 -0
  74. package/components/Table/table.scss +33 -0
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +3 -0
  78. package/components/TextInputGroup/text-input-group.scss +4 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +615 -167
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +12 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1787 -168
  138. package/patternfly.css +1822 -199
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -288,7 +288,9 @@ section: components
288
288
  <div class="pf-v6-c-card pf-m-hoverable pf-m-compact">
289
289
  <div class="pf-v6-c-card__body">
290
290
  <div class="pf-v6-l-flex pf-m-column pf-m-spacer-md">
291
- <div class="pf-v6-c-skeleton"></div>
291
+ <div class="pf-v6-c-skeleton">
292
+ <span class="pf-v6-screen-reader">Loading card content</span>
293
+ </div>
292
294
  <div class="pf-v6-c-skeleton pf-m-width-66"></div>
293
295
  <div class="pf-v6-c-skeleton pf-m-width-25"></div>
294
296
  <div class="pf-v6-c-skeleton pf-m-width-50"></div>
package/docs/demos/Table/examples/Table.md CHANGED
@@ -10119,10 +10119,7 @@ wrapperTag: div
10119
10119
  aria-label="Draggable data list rows"
10120
10120
  id="table-manage-columns-data-list-draggable"
10121
10121
  >
10122
- <li
10123
- class="pf-v6-c-data-list__item pf-m-draggable"
10124
- aria-labelledby="table-manage-columns-data-list-draggable-item-1"
10125
- >
10122
+ <li class="pf-v6-c-data-list__item pf-m-draggable">
10126
10123
  <div class="pf-v6-c-data-list__item-row">
10127
10124
  <div class="pf-v6-c-data-list__item-control">
10128
10125
  <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10153,10 +10150,7 @@ wrapperTag: div
10153
10150
  </div>
10154
10151
  </li>
10155
10152
 
10156
- <li
10157
- class="pf-v6-c-data-list__item pf-m-dragged"
10158
- aria-labelledby="table-manage-columns-data-list-draggable-item-2"
10159
- >
10153
+ <li class="pf-v6-c-data-list__item pf-m-dragged">
10160
10154
  <div class="pf-v6-c-data-list__item-row">
10161
10155
  <div class="pf-v6-c-data-list__item-control">
10162
10156
  <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10187,10 +10181,7 @@ wrapperTag: div
10187
10181
  </div>
10188
10182
  </li>
10189
10183
 
10190
- <li
10191
- class="pf-v6-c-data-list__item pf-m-draggable"
10192
- aria-labelledby="table-manage-columns-data-list-draggable-item-3"
10193
- >
10184
+ <li class="pf-v6-c-data-list__item pf-m-draggable">
10194
10185
  <div class="pf-v6-c-data-list__item-row">
10195
10186
  <div class="pf-v6-c-data-list__item-control">
10196
10187
  <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10221,10 +10212,7 @@ wrapperTag: div
10221
10212
  </div>
10222
10213
  </li>
10223
10214
 
10224
- <li
10225
- class="pf-v6-c-data-list__item pf-m-draggable"
10226
- aria-labelledby="table-manage-columns-data-list-draggable-item-4"
10227
- >
10215
+ <li class="pf-v6-c-data-list__item pf-m-draggable">
10228
10216
  <div class="pf-v6-c-data-list__item-row">
10229
10217
  <div class="pf-v6-c-data-list__item-control">
10230
10218
  <span class="pf-v6-c-data-list__item-draggable-icon">
@@ -10255,10 +10243,7 @@ wrapperTag: div
10255
10243
  </div>
10256
10244
  </li>
10257
10245
 
10258
- <li
10259
- class="pf-v6-c-data-list__item pf-m-draggable"
10260
- aria-labelledby="table-manage-columns-data-list-draggable-item-5"
10261
- >
10246
+ <li class="pf-v6-c-data-list__item pf-m-draggable">
10262
10247
  <div class="pf-v6-c-data-list__item-row">
10263
10248
  <div class="pf-v6-c-data-list__item-control">
10264
10249
  <span class="pf-v6-c-data-list__item-draggable-icon">
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -382,6 +382,7 @@ section: components
382
382
  <div class="pf-v6-l-flex__item">
383
383
  <dl
384
384
  class="pf-v6-c-description-list pf-m-2-col-on-lg"
385
+ aria-label="API 1"
385
386
  aria-labelledby="-details-title"
386
387
  >
387
388
  <div class="pf-v6-c-description-list__group">
@@ -997,7 +998,7 @@ section: components
997
998
  <div class="pf-v6-l-flex__item">
998
999
  <dl
999
1000
  class="pf-v6-c-description-list pf-m-2-col-on-lg"
1000
- aria-label="Pod information list"
1001
+ aria-label="API 2"
1001
1002
  >
1002
1003
  <div class="pf-v6-c-description-list__group">
1003
1004
  <dt class="pf-v6-c-description-list__term">Name</dt>
package/package.json CHANGED
@@ -1,9 +1,12 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.3.1",
4
+ "version": "6.4.0-prerelease.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
+ "engines": {
8
+ "node": ">=20.18.3 <22"
9
+ },
7
10
  "scripts": {
8
11
  "a11y": "patternfly-a11y --config patternfly-a11y.config",
9
12
  "backstop:clean": "rimraf -- backstop_data/bitmaps_test backstop_data/html_report",
@@ -11,6 +14,7 @@
11
14
  "backstop:test:dark": "backstop test --config='backstop.js' --dark",
12
15
  "backstop:approve": "backstop approve --config='backstop.js'",
13
16
  "backstop:approve:dark": "backstop approve --config='backstop.js' --dark",
17
+ "backstop:chrome": "node backstop_data/engine_scripts/puppet/chrome.js",
14
18
  "build-patternfly": "gulp buildPatternfly",
15
19
  "build": "gulp build",
16
20
  "build:docs": "gulp buildWebpack",
@@ -47,11 +51,11 @@
47
51
  "@commitlint/config-conventional": "^19.1.0",
48
52
  "@fortawesome/fontawesome": "^1.1.8",
49
53
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.11.2",
54
+ "@patternfly/documentation-framework": "6.22.8",
51
55
  "@patternfly/patternfly-a11y": "5.1.0",
52
- "@patternfly/react-code-editor": "6.2.2",
53
- "@patternfly/react-core": "6.2.2",
54
- "@patternfly/react-table": "6.2.2",
56
+ "@patternfly/react-code-editor": "6.3.1",
57
+ "@patternfly/react-core": "6.3.1",
58
+ "@patternfly/react-table": "6.3.1",
55
59
  "@starptech/prettyhtml": "^0.10.0",
56
60
  "backstopjs": "^6.3.23",
57
61
  "cheerio": "^1.0.0-rc.12",
@@ -99,7 +103,8 @@
99
103
  },
100
104
  "resolutions": {
101
105
  "@babel/preset-env": "7.18.2",
102
- "monaco-editor": "0.34.1"
106
+ "monaco-editor": "0.34.1",
107
+ "on-headers": "~1.1.0"
103
108
  },
104
109
  "repository": {
105
110
  "type": "git",
@@ -109,5 +114,5 @@
109
114
  "registry": "https://registry.npmjs.org/",
110
115
  "access": "public"
111
116
  },
112
- "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
117
+ "packageManager": "yarn@4.10.3"
113
118
  }