@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2

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 (210) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +2 -0
  3. package/base/patternfly-common.css +2 -2
  4. package/base/patternfly-common.scss +1 -1
  5. package/base/patternfly-fa-icons.css +3 -3
  6. package/base/patternfly-fa-icons.scss +3 -3
  7. package/base/patternfly-variables.css +56 -56
  8. package/base/reset.scss +2 -0
  9. package/base/tokens/tokens-charts-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  12. package/base/tokens/tokens-charts.scss +1 -1
  13. package/base/tokens/tokens-dark.scss +9 -9
  14. package/base/tokens/tokens-default.scss +8 -8
  15. package/base/tokens/tokens-felt-dark.scss +1 -1
  16. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  17. package/base/tokens/tokens-felt-glass.scss +8 -8
  18. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  20. package/base/tokens/tokens-felt.scss +1 -1
  21. package/base/tokens/tokens-glass-dark.scss +8 -8
  22. package/base/tokens/tokens-glass.scss +8 -8
  23. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  24. package/base/tokens/tokens-highcontrast.scss +7 -7
  25. package/base/tokens/tokens-palette.scss +1 -1
  26. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  27. package/components/AboutModalBox/about-modal-box.css +1 -1
  28. package/components/AboutModalBox/about-modal-box.scss +1 -1
  29. package/components/Accordion/accordion.css +8 -4
  30. package/components/Accordion/accordion.scss +9 -4
  31. package/components/Alert/alert-group.css +1 -1
  32. package/components/Alert/alert-group.scss +1 -1
  33. package/components/Alert/alert.css +3 -3
  34. package/components/Alert/alert.scss +3 -3
  35. package/components/Breadcrumb/breadcrumb.css +1 -1
  36. package/components/Breadcrumb/breadcrumb.scss +1 -1
  37. package/components/Button/button.css +6 -6
  38. package/components/Button/button.scss +6 -6
  39. package/components/Card/card.css +2 -2
  40. package/components/Card/card.scss +3 -3
  41. package/components/Check/check.css +1 -1
  42. package/components/Check/check.scss +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  44. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  45. package/components/Compass/compass.css +3 -3
  46. package/components/Compass/compass.scss +3 -3
  47. package/components/Content/content.css +2 -2
  48. package/components/Content/content.scss +2 -2
  49. package/components/DataList/data-list.css +1 -1
  50. package/components/DataList/data-list.scss +1 -1
  51. package/components/DescriptionList/description-list.css +0 -1
  52. package/components/DescriptionList/description-list.scss +0 -1
  53. package/components/Drawer/drawer.css +2 -2
  54. package/components/Drawer/drawer.scss +2 -2
  55. package/components/DualListSelector/dual-list-selector.css +6 -6
  56. package/components/DualListSelector/dual-list-selector.scss +6 -6
  57. package/components/ExpandableSection/expandable-section.css +3 -3
  58. package/components/ExpandableSection/expandable-section.scss +3 -3
  59. package/components/Form/form.css +12 -12
  60. package/components/Form/form.scss +6 -6
  61. package/components/FormControl/form-control.css +1 -1
  62. package/components/FormControl/form-control.scss +3 -1
  63. package/components/Hero/hero.css +1 -1
  64. package/components/Hero/hero.scss +1 -1
  65. package/components/Hint/hint.css +1 -1
  66. package/components/Hint/hint.scss +1 -1
  67. package/components/InputGroup/input-group.css +5 -5
  68. package/components/InputGroup/input-group.scss +5 -5
  69. package/components/JumpLinks/jump-links.css +1 -1
  70. package/components/JumpLinks/jump-links.scss +1 -1
  71. package/components/Label/label.css +1 -1
  72. package/components/Label/label.scss +1 -1
  73. package/components/Login/login.css +2 -2
  74. package/components/Login/login.scss +2 -2
  75. package/components/Masthead/masthead.css +1 -1
  76. package/components/Masthead/masthead.scss +1 -1
  77. package/components/Menu/menu.css +4 -4
  78. package/components/Menu/menu.scss +4 -4
  79. package/components/MenuToggle/menu-toggle.css +1 -1
  80. package/components/MenuToggle/menu-toggle.scss +1 -1
  81. package/components/ModalBox/modal-box.css +1 -1
  82. package/components/ModalBox/modal-box.scss +1 -1
  83. package/components/Nav/nav.css +5 -5
  84. package/components/Nav/nav.scss +5 -5
  85. package/components/NotificationDrawer/notification-drawer.css +5 -5
  86. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  87. package/components/Page/page.css +3 -3
  88. package/components/Page/page.scss +3 -3
  89. package/components/Popover/popover.css +1 -1
  90. package/components/Popover/popover.scss +2 -2
  91. package/components/Progress/progress.css +3 -3
  92. package/components/Progress/progress.scss +3 -6
  93. package/components/ProgressStepper/progress-stepper.css +1 -1
  94. package/components/Radio/radio.css +1 -1
  95. package/components/Radio/radio.scss +1 -1
  96. package/components/Spinner/spinner.css +2 -2
  97. package/components/Spinner/spinner.scss +2 -2
  98. package/components/Switch/switch.css +1 -1
  99. package/components/Switch/switch.scss +1 -1
  100. package/components/Table/table-tree-view.css +10 -10
  101. package/components/Table/table-tree-view.scss +2 -2
  102. package/components/Table/table.css +10 -10
  103. package/components/Table/table.scss +10 -10
  104. package/components/Tabs/tabs.css +3 -3
  105. package/components/Tabs/tabs.scss +3 -3
  106. package/components/TextInputGroup/text-input-group.css +1 -1
  107. package/components/TextInputGroup/text-input-group.scss +1 -1
  108. package/components/Title/title.css +1 -1
  109. package/components/Title/title.scss +1 -1
  110. package/components/Toolbar/toolbar.css +1 -1
  111. package/components/Toolbar/toolbar.scss +1 -1
  112. package/components/Tooltip/tooltip.css +1 -1
  113. package/components/Tooltip/tooltip.scss +2 -2
  114. package/components/TreeView/tree-view.css +5 -5
  115. package/components/TreeView/tree-view.scss +5 -5
  116. package/components/Wizard/wizard.css +5 -5
  117. package/components/Wizard/wizard.scss +5 -5
  118. package/components/_index.css +132 -129
  119. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  120. package/docs/components/Accordion/examples/Accordion.md +30 -30
  121. package/docs/components/ActionList/examples/ActionList.md +11 -11
  122. package/docs/components/Alert/examples/Alert.md +54 -54
  123. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  124. package/docs/components/Banner/examples/Banner.md +10 -10
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  126. package/docs/components/Button/examples/Button.md +184 -184
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  128. package/docs/components/Card/examples/Card.md +14 -14
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  132. package/docs/components/DataList/examples/DataList.md +34 -34
  133. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  134. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  135. package/docs/components/Drawer/examples/Drawer.md +22 -22
  136. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  137. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  138. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  139. package/docs/components/Form/examples/Form.md +6 -6
  140. package/docs/components/Hint/examples/Hint.md +3 -3
  141. package/docs/components/Icon/examples/Icon.md +9 -9
  142. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  143. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  144. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  145. package/docs/components/Label/examples/Label.md +218 -218
  146. package/docs/components/Login/examples/Login.md +4 -4
  147. package/docs/components/Masthead/examples/masthead.md +1 -1
  148. package/docs/components/Menu/examples/Menu.md +129 -129
  149. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  150. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  151. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  152. package/docs/components/Nav/examples/Navigation.md +66 -66
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  154. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  155. package/docs/components/Page/examples/Page.md +1 -1
  156. package/docs/components/Pagination/examples/Pagination.md +92 -92
  157. package/docs/components/Popover/examples/Popover.md +22 -22
  158. package/docs/components/Progress/examples/Progress.md +7 -7
  159. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  160. package/docs/components/Slider/examples/Slider.md +4 -4
  161. package/docs/components/Table/examples/Table.md +479 -479
  162. package/docs/components/Tabs/examples/Tabs.md +378 -378
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  164. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  165. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  166. package/docs/components/TreeView/examples/TreeView.md +104 -104
  167. package/docs/components/Wizard/examples/Wizard.md +40 -40
  168. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  169. package/docs/demos/Alert/examples/Alert.md +32 -32
  170. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  171. package/docs/demos/Banner/examples/Banner.md +16 -16
  172. package/docs/demos/Button/examples/Button.md +1 -1
  173. package/docs/demos/Card/examples/Card.md +78 -78
  174. package/docs/demos/CardView/examples/CardView.md +38 -38
  175. package/docs/demos/Compass/examples/Compass.md +219 -219
  176. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  177. package/docs/demos/DataList/examples/DataList.md +101 -101
  178. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  179. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  180. package/docs/demos/Form/examples/BasicForms.md +21 -21
  181. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  182. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  183. package/docs/demos/Modal/examples/Modal.md +54 -54
  184. package/docs/demos/Nav/examples/Nav.md +93 -93
  185. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  186. package/docs/demos/Page/examples/Page.md +119 -119
  187. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  188. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  189. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  190. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  191. package/docs/demos/Table/examples/Table.md +630 -630
  192. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  193. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  194. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  195. package/layouts/Gallery/gallery.css +1 -1
  196. package/layouts/Gallery/gallery.scss +1 -1
  197. package/layouts/Grid/grid.css +1 -1
  198. package/layouts/Grid/grid.scss +1 -1
  199. package/layouts/_index.css +2 -2
  200. package/package.json +11 -12
  201. package/patternfly-addons.css +12 -12
  202. package/patternfly-base-no-globals.css +61 -61
  203. package/patternfly-base.css +61 -61
  204. package/patternfly-no-globals.css +195 -192
  205. package/patternfly.css +195 -192
  206. package/patternfly.min.css +1 -1
  207. package/patternfly.min.css.map +1 -1
  208. package/sass-utilities/mixins.scss +2 -2
  209. package/utilities/Accessibility/accessibility.css +12 -12
  210. package/utilities/_index.css +12 -12
@@ -159,17 +159,17 @@
159
159
  inset-block-start: 0;
160
160
  inset-inline-start: 0;
161
161
  overflow: hidden;
162
- clip: rect(0, 0, 0, 0);
163
162
  white-space: nowrap;
164
163
  border: 0;
164
+ clip-path: inset(50%);
165
165
  }
166
166
 
167
167
  @mixin pf-v6-u-visible {
168
168
  position: static;
169
169
  overflow: visible;
170
- clip: auto;
171
170
  white-space: normal;
172
171
  border: inherit;
172
+ clip-path: revert;
173
173
  }
174
174
 
175
175
  @mixin pf-v6-text-overflow {
@@ -3,17 +3,17 @@
3
3
  inset-block-start: 0;
4
4
  inset-inline-start: 0;
5
5
  overflow: hidden;
6
- clip: rect(0, 0, 0, 0);
7
6
  white-space: nowrap;
8
7
  border: 0;
8
+ clip-path: inset(50%);
9
9
  }
10
10
 
11
11
  .pf-v6-u-visible {
12
12
  position: static;
13
13
  overflow: visible;
14
- clip: auto;
15
14
  white-space: normal;
16
15
  border: inherit;
16
+ clip-path: revert;
17
17
  }
18
18
 
19
19
  .pf-v6-u-hidden {
@@ -26,9 +26,9 @@
26
26
  inset-block-start: 0;
27
27
  inset-inline-start: 0;
28
28
  overflow: hidden;
29
- clip: rect(0, 0, 0, 0);
30
29
  white-space: nowrap;
31
30
  border: 0;
31
+ clip-path: inset(50%);
32
32
  }
33
33
  }
34
34
 
@@ -36,9 +36,9 @@
36
36
  .pf-v6-u-visible-on-sm {
37
37
  position: static;
38
38
  overflow: visible;
39
- clip: auto;
40
39
  white-space: normal;
41
40
  border: inherit;
41
+ clip-path: revert;
42
42
  }
43
43
  }
44
44
 
@@ -54,9 +54,9 @@
54
54
  inset-block-start: 0;
55
55
  inset-inline-start: 0;
56
56
  overflow: hidden;
57
- clip: rect(0, 0, 0, 0);
58
57
  white-space: nowrap;
59
58
  border: 0;
59
+ clip-path: inset(50%);
60
60
  }
61
61
  }
62
62
 
@@ -64,9 +64,9 @@
64
64
  .pf-v6-u-visible-on-md {
65
65
  position: static;
66
66
  overflow: visible;
67
- clip: auto;
68
67
  white-space: normal;
69
68
  border: inherit;
69
+ clip-path: revert;
70
70
  }
71
71
  }
72
72
 
@@ -82,9 +82,9 @@
82
82
  inset-block-start: 0;
83
83
  inset-inline-start: 0;
84
84
  overflow: hidden;
85
- clip: rect(0, 0, 0, 0);
86
85
  white-space: nowrap;
87
86
  border: 0;
87
+ clip-path: inset(50%);
88
88
  }
89
89
  }
90
90
 
@@ -92,9 +92,9 @@
92
92
  .pf-v6-u-visible-on-lg {
93
93
  position: static;
94
94
  overflow: visible;
95
- clip: auto;
96
95
  white-space: normal;
97
96
  border: inherit;
97
+ clip-path: revert;
98
98
  }
99
99
  }
100
100
 
@@ -110,9 +110,9 @@
110
110
  inset-block-start: 0;
111
111
  inset-inline-start: 0;
112
112
  overflow: hidden;
113
- clip: rect(0, 0, 0, 0);
114
113
  white-space: nowrap;
115
114
  border: 0;
115
+ clip-path: inset(50%);
116
116
  }
117
117
  }
118
118
 
@@ -120,9 +120,9 @@
120
120
  .pf-v6-u-visible-on-xl {
121
121
  position: static;
122
122
  overflow: visible;
123
- clip: auto;
124
123
  white-space: normal;
125
124
  border: inherit;
125
+ clip-path: revert;
126
126
  }
127
127
  }
128
128
 
@@ -138,9 +138,9 @@
138
138
  inset-block-start: 0;
139
139
  inset-inline-start: 0;
140
140
  overflow: hidden;
141
- clip: rect(0, 0, 0, 0);
142
141
  white-space: nowrap;
143
142
  border: 0;
143
+ clip-path: inset(50%);
144
144
  }
145
145
  }
146
146
 
@@ -148,9 +148,9 @@
148
148
  .pf-v6-u-visible-on-2xl {
149
149
  position: static;
150
150
  overflow: visible;
151
- clip: auto;
152
151
  white-space: normal;
153
152
  border: inherit;
153
+ clip-path: revert;
154
154
  }
155
155
  }
156
156
 
@@ -3,17 +3,17 @@
3
3
  inset-block-start: 0;
4
4
  inset-inline-start: 0;
5
5
  overflow: hidden;
6
- clip: rect(0, 0, 0, 0);
7
6
  white-space: nowrap;
8
7
  border: 0;
8
+ clip-path: inset(50%);
9
9
  }
10
10
 
11
11
  .pf-v6-u-visible {
12
12
  position: static;
13
13
  overflow: visible;
14
- clip: auto;
15
14
  white-space: normal;
16
15
  border: inherit;
16
+ clip-path: revert;
17
17
  }
18
18
 
19
19
  .pf-v6-u-hidden {
@@ -26,9 +26,9 @@
26
26
  inset-block-start: 0;
27
27
  inset-inline-start: 0;
28
28
  overflow: hidden;
29
- clip: rect(0, 0, 0, 0);
30
29
  white-space: nowrap;
31
30
  border: 0;
31
+ clip-path: inset(50%);
32
32
  }
33
33
  }
34
34
 
@@ -36,9 +36,9 @@
36
36
  .pf-v6-u-visible-on-sm {
37
37
  position: static;
38
38
  overflow: visible;
39
- clip: auto;
40
39
  white-space: normal;
41
40
  border: inherit;
41
+ clip-path: revert;
42
42
  }
43
43
  }
44
44
 
@@ -54,9 +54,9 @@
54
54
  inset-block-start: 0;
55
55
  inset-inline-start: 0;
56
56
  overflow: hidden;
57
- clip: rect(0, 0, 0, 0);
58
57
  white-space: nowrap;
59
58
  border: 0;
59
+ clip-path: inset(50%);
60
60
  }
61
61
  }
62
62
 
@@ -64,9 +64,9 @@
64
64
  .pf-v6-u-visible-on-md {
65
65
  position: static;
66
66
  overflow: visible;
67
- clip: auto;
68
67
  white-space: normal;
69
68
  border: inherit;
69
+ clip-path: revert;
70
70
  }
71
71
  }
72
72
 
@@ -82,9 +82,9 @@
82
82
  inset-block-start: 0;
83
83
  inset-inline-start: 0;
84
84
  overflow: hidden;
85
- clip: rect(0, 0, 0, 0);
86
85
  white-space: nowrap;
87
86
  border: 0;
87
+ clip-path: inset(50%);
88
88
  }
89
89
  }
90
90
 
@@ -92,9 +92,9 @@
92
92
  .pf-v6-u-visible-on-lg {
93
93
  position: static;
94
94
  overflow: visible;
95
- clip: auto;
96
95
  white-space: normal;
97
96
  border: inherit;
97
+ clip-path: revert;
98
98
  }
99
99
  }
100
100
 
@@ -110,9 +110,9 @@
110
110
  inset-block-start: 0;
111
111
  inset-inline-start: 0;
112
112
  overflow: hidden;
113
- clip: rect(0, 0, 0, 0);
114
113
  white-space: nowrap;
115
114
  border: 0;
115
+ clip-path: inset(50%);
116
116
  }
117
117
  }
118
118
 
@@ -120,9 +120,9 @@
120
120
  .pf-v6-u-visible-on-xl {
121
121
  position: static;
122
122
  overflow: visible;
123
- clip: auto;
124
123
  white-space: normal;
125
124
  border: inherit;
125
+ clip-path: revert;
126
126
  }
127
127
  }
128
128
 
@@ -138,9 +138,9 @@
138
138
  inset-block-start: 0;
139
139
  inset-inline-start: 0;
140
140
  overflow: hidden;
141
- clip: rect(0, 0, 0, 0);
142
141
  white-space: nowrap;
143
142
  border: 0;
143
+ clip-path: inset(50%);
144
144
  }
145
145
  }
146
146
 
@@ -148,9 +148,9 @@
148
148
  .pf-v6-u-visible-on-2xl {
149
149
  position: static;
150
150
  overflow: visible;
151
- clip: auto;
152
151
  white-space: normal;
153
152
  border: inherit;
153
+ clip-path: revert;
154
154
  }
155
155
  }
156
156