@patternfly/patternfly 6.0.0-alpha.109 → 6.0.0-alpha.110

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 (31) hide show
  1. package/README.md +1 -1
  2. package/docs/components/Label/examples/Label.md +60 -60
  3. package/docs/components/LogViewer/examples/LogViewer.md +40 -40
  4. package/docs/components/Login/examples/Login.md +5 -5
  5. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  6. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +30 -30
  7. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  8. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  9. package/docs/components/Select/deprecated/Select.md +64 -64
  10. package/docs/components/Slider/examples/Slider.md +39 -39
  11. package/docs/components/Table/examples/Table.md +66 -66
  12. package/docs/components/Toolbar/examples/Toolbar.md +5 -5
  13. package/docs/components/Wizard/examples/Wizard.md +1 -1
  14. package/docs/demos/Banner/examples/Banner.md +9 -9
  15. package/docs/demos/Card/examples/Card.md +96 -96
  16. package/docs/demos/CardView/examples/CardView.md +7 -7
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +1 -1
  18. package/docs/demos/Dashboard/examples/Dashboard.md +21 -21
  19. package/docs/demos/DataList/examples/DataList.md +8 -8
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -5
  21. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  22. package/docs/demos/Modal/examples/Modal.md +3 -3
  23. package/docs/demos/Nav/examples/Nav.md +2 -2
  24. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +16 -16
  25. package/docs/demos/Page/examples/Page.md +2 -2
  26. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +40 -40
  27. package/docs/demos/Table/examples/Table.md +86 -86
  28. package/docs/demos/Tabs/examples/Tabs.md +9 -9
  29. package/docs/demos/Toolbar/examples/Toolbar.md +7 -7
  30. package/docs/demos/Wizard/examples/Wizard.md +3 -3
  31. package/package.json +1 -1
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -565,7 +565,7 @@ cssPrefix: pf-v6-c-notification-drawer
565
565
  </span>
566
566
  <h2
567
567
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
568
- style="--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2"
568
+ style="--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2"
569
569
  >
570
570
  <span class="pf-v6-screen-reader">Success notification:</span>
571
571
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis odio risus. Ut dictum vitae sapien at posuere. Nullam suscipit massa quis lacus pellentesque scelerisque. Donec non maximus neque, quis ornare nunc. Vivamus in nibh sed libero feugiat feugiat. Nulla lacinia rutrum est, a commodo odio vestibulum suscipit. Nullam id quam et quam porttitor interdum quis nec tellus. Vestibulum arcu dui, pulvinar eu tellus in, semper mattis diam. Sed commodo tincidunt lacus non pulvinar. Curabitur tempor molestie vestibulum. Vivamus vel mi dignissim, efficitur neque eget, efficitur massa. Mauris vitae nunc augue. Donec augue lorem, malesuada et quam vitae, volutpat mattis nisi. Nullam nec venenatis ex, quis lobortis purus. Sed nisl dolor, mattis sit amet tincidunt quis, mollis sed massa.
@@ -632,7 +632,7 @@ cssPrefix: pf-v6-c-notification-drawer
632
632
  </div>
633
633
  <div
634
634
  class="pf-v6-c-notification-drawer__list-item-description"
635
- >This example uses ".pf-m-truncate" and sets "--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
635
+ >This example uses ".pf-m-truncate" and sets "--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
636
636
  <div
637
637
  class="pf-v6-c-notification-drawer__list-item-timestamp"
638
638
  >50 minutes ago</div>
@@ -1222,7 +1222,7 @@ cssPrefix: pf-v6-c-notification-drawer
1222
1222
  </span>
1223
1223
  <h2
1224
1224
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
1225
- style="--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2"
1225
+ style="--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2"
1226
1226
  >
1227
1227
  <span class="pf-v6-screen-reader">Success notification:</span>
1228
1228
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis odio risus. Ut dictum vitae sapien at posuere. Nullam suscipit massa quis lacus pellentesque scelerisque. Donec non maximus neque, quis ornare nunc. Vivamus in nibh sed libero feugiat feugiat. Nulla lacinia rutrum est, a commodo odio vestibulum suscipit. Nullam id quam et quam porttitor interdum quis nec tellus. Vestibulum arcu dui, pulvinar eu tellus in, semper mattis diam. Sed commodo tincidunt lacus non pulvinar. Curabitur tempor molestie vestibulum. Vivamus vel mi dignissim, efficitur neque eget, efficitur massa. Mauris vitae nunc augue. Donec augue lorem, malesuada et quam vitae, volutpat mattis nisi. Nullam nec venenatis ex, quis lobortis purus. Sed nisl dolor, mattis sit amet tincidunt quis, mollis sed massa.
@@ -1289,7 +1289,7 @@ cssPrefix: pf-v6-c-notification-drawer
1289
1289
  </div>
1290
1290
  <div
1291
1291
  class="pf-v6-c-notification-drawer__list-item-description"
1292
- >This example uses ".pf-m-truncate" and sets "--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
1292
+ >This example uses ".pf-m-truncate" and sets "--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
1293
1293
  <div
1294
1294
  class="pf-v6-c-notification-drawer__list-item-timestamp"
1295
1295
  >50 minutes ago</div>
@@ -1801,7 +1801,7 @@ cssPrefix: pf-v6-c-notification-drawer
1801
1801
  </span>
1802
1802
  <h2
1803
1803
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
1804
- style="--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2"
1804
+ style="--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2"
1805
1805
  >
1806
1806
  <span class="pf-v6-screen-reader">Success notification:</span>
1807
1807
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis odio risus. Ut dictum vitae sapien at posuere. Nullam suscipit massa quis lacus pellentesque scelerisque. Donec non maximus neque, quis ornare nunc. Vivamus in nibh sed libero feugiat feugiat. Nulla lacinia rutrum est, a commodo odio vestibulum suscipit. Nullam id quam et quam porttitor interdum quis nec tellus. Vestibulum arcu dui, pulvinar eu tellus in, semper mattis diam. Sed commodo tincidunt lacus non pulvinar. Curabitur tempor molestie vestibulum. Vivamus vel mi dignissim, efficitur neque eget, efficitur massa. Mauris vitae nunc augue. Donec augue lorem, malesuada et quam vitae, volutpat mattis nisi. Nullam nec venenatis ex, quis lobortis purus. Sed nisl dolor, mattis sit amet tincidunt quis, mollis sed massa.
@@ -1868,7 +1868,7 @@ cssPrefix: pf-v6-c-notification-drawer
1868
1868
  </div>
1869
1869
  <div
1870
1870
  class="pf-v6-c-notification-drawer__list-item-description"
1871
- >This example uses ".pf-m-truncate" and sets "--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
1871
+ >This example uses ".pf-m-truncate" and sets "--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
1872
1872
  <div
1873
1873
  class="pf-v6-c-notification-drawer__list-item-timestamp"
1874
1874
  >50 minutes ago</div>
@@ -2380,7 +2380,7 @@ cssPrefix: pf-v6-c-notification-drawer
2380
2380
  </span>
2381
2381
  <h2
2382
2382
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
2383
- style="--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2"
2383
+ style="--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2"
2384
2384
  >
2385
2385
  <span class="pf-v6-screen-reader">Success notification:</span>
2386
2386
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis odio risus. Ut dictum vitae sapien at posuere. Nullam suscipit massa quis lacus pellentesque scelerisque. Donec non maximus neque, quis ornare nunc. Vivamus in nibh sed libero feugiat feugiat. Nulla lacinia rutrum est, a commodo odio vestibulum suscipit. Nullam id quam et quam porttitor interdum quis nec tellus. Vestibulum arcu dui, pulvinar eu tellus in, semper mattis diam. Sed commodo tincidunt lacus non pulvinar. Curabitur tempor molestie vestibulum. Vivamus vel mi dignissim, efficitur neque eget, efficitur massa. Mauris vitae nunc augue. Donec augue lorem, malesuada et quam vitae, volutpat mattis nisi. Nullam nec venenatis ex, quis lobortis purus. Sed nisl dolor, mattis sit amet tincidunt quis, mollis sed massa.
@@ -2447,7 +2447,7 @@ cssPrefix: pf-v6-c-notification-drawer
2447
2447
  </div>
2448
2448
  <div
2449
2449
  class="pf-v6-c-notification-drawer__list-item-description"
2450
- >This example uses ".pf-m-truncate" and sets "--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
2450
+ >This example uses ".pf-m-truncate" and sets "--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
2451
2451
  <div
2452
2452
  class="pf-v6-c-notification-drawer__list-item-timestamp"
2453
2453
  >50 minutes ago</div>
@@ -2959,7 +2959,7 @@ cssPrefix: pf-v6-c-notification-drawer
2959
2959
  </span>
2960
2960
  <h2
2961
2961
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
2962
- style="--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2"
2962
+ style="--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2"
2963
2963
  >
2964
2964
  <span class="pf-v6-screen-reader">Success notification:</span>
2965
2965
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis odio risus. Ut dictum vitae sapien at posuere. Nullam suscipit massa quis lacus pellentesque scelerisque. Donec non maximus neque, quis ornare nunc. Vivamus in nibh sed libero feugiat feugiat. Nulla lacinia rutrum est, a commodo odio vestibulum suscipit. Nullam id quam et quam porttitor interdum quis nec tellus. Vestibulum arcu dui, pulvinar eu tellus in, semper mattis diam. Sed commodo tincidunt lacus non pulvinar. Curabitur tempor molestie vestibulum. Vivamus vel mi dignissim, efficitur neque eget, efficitur massa. Mauris vitae nunc augue. Donec augue lorem, malesuada et quam vitae, volutpat mattis nisi. Nullam nec venenatis ex, quis lobortis purus. Sed nisl dolor, mattis sit amet tincidunt quis, mollis sed massa.
@@ -3026,7 +3026,7 @@ cssPrefix: pf-v6-c-notification-drawer
3026
3026
  </div>
3027
3027
  <div
3028
3028
  class="pf-v6-c-notification-drawer__list-item-description"
3029
- >This example uses ".pf-m-truncate" and sets "--pf-v5-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
3029
+ >This example uses ".pf-m-truncate" and sets "--pf-v6-c-notification-drawer__list-item-header-title--max-lines: 2" to limit title to two lines and truncate any overflow text with ellipses.</div>
3030
3030
  <div
3031
3031
  class="pf-v6-c-notification-drawer__list-item-timestamp"
3032
3032
  >50 minutes ago</div>
package/docs/components/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -17,7 +17,7 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
17
17
  <div class="pf-v6-c-overflow-menu__control">
18
18
  <div class="pf-v6-c-dropdown pf-m-expanded">
19
19
  <button
20
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
20
+ class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
21
21
  type="button"
22
22
  id="overflow-menu-simple-dropdown-toggle"
23
23
  aria-label="Generic options"
@@ -161,7 +161,7 @@ The action group consists of a primary and secondary action. Any additional acti
161
161
  <div class="pf-v6-c-overflow-menu__control">
162
162
  <div class="pf-v6-c-dropdown pf-m-expanded">
163
163
  <button
164
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
164
+ class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
165
165
  type="button"
166
166
  id="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
167
167
  aria-label="Dropdown with additional options"
@@ -260,7 +260,7 @@ The action group consists of a primary and secondary action. Any additional acti
260
260
  <div class="pf-v6-c-overflow-menu__control">
261
261
  <div class="pf-v6-c-dropdown pf-m-expanded">
262
262
  <button
263
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
263
+ class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
264
264
  type="button"
265
265
  id="overflow-menu-simple-additional-options-visible-dropdown-toggle"
266
266
  aria-label="Dropdown with additional options"
@@ -299,7 +299,7 @@ The action group consists of a primary and secondary action. Any additional acti
299
299
  <div class="pf-v6-c-overflow-menu__control">
300
300
  <div class="pf-v6-c-dropdown pf-m-expanded">
301
301
  <button
302
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
302
+ class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
303
303
  type="button"
304
304
  id="overflow-menu-persistent-hidden-dropdown-toggle"
305
305
  aria-label="Dropdown for persistent example"
@@ -351,7 +351,7 @@ The action group consists of a primary and secondary action. Any additional acti
351
351
  <div class="pf-v6-c-overflow-menu__control">
352
352
  <div class="pf-v6-c-dropdown pf-m-expanded">
353
353
  <button
354
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
354
+ class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
355
355
  type="button"
356
356
  id="overflow-menu-persistent-visible-example-dropdown-toggle"
357
357
  aria-label="Dropdown for persistent example"