@patternfly/patternfly 6.0.0-alpha.196 → 6.0.0-alpha.198

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 (34) hide show
  1. package/components/Masthead/masthead.css +1 -1
  2. package/components/Masthead/masthead.scss +1 -1
  3. package/components/MenuToggle/menu-toggle.css +6 -0
  4. package/components/MenuToggle/menu-toggle.scss +7 -0
  5. package/components/Toolbar/toolbar.css +4 -3
  6. package/components/Toolbar/toolbar.scss +4 -3
  7. package/components/_index.css +11 -4
  8. package/docs/components/MenuToggle/examples/MenuToggle.md +94 -1
  9. package/docs/demos/AboutModal/examples/AboutModal.md +3 -358
  10. package/docs/demos/Alert/examples/Alert.md +64 -1351
  11. package/docs/demos/BackToTop/examples/BackToTop.md +6 -426
  12. package/docs/demos/Banner/examples/Banner.md +14 -895
  13. package/docs/demos/CardView/examples/CardView.md +23 -1095
  14. package/docs/demos/Dashboard/examples/Dashboard.md +32 -1597
  15. package/docs/demos/DataList/examples/DataList.md +64 -4031
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +471 -1523
  17. package/docs/demos/Drawer/examples/Drawer.md +35 -1849
  18. package/docs/demos/JumpLinks/examples/JumpLinks.md +86 -2326
  19. package/docs/demos/Masthead/examples/Masthead.md +11 -611
  20. package/docs/demos/Modal/examples/Modal.md +196 -2126
  21. package/docs/demos/Nav/examples/Nav.md +22 -1988
  22. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +35 -4415
  23. package/docs/demos/Page/examples/Page.md +104 -4112
  24. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +269 -6297
  25. package/docs/demos/Skeleton/examples/Skeleton.md +15 -412
  26. package/docs/demos/Table/examples/Table.md +416 -15861
  27. package/docs/demos/Tabs/examples/Tabs.md +518 -3638
  28. package/docs/demos/Toolbar/examples/Toolbar.md +92 -1812
  29. package/docs/demos/Wizard/examples/Wizard.md +666 -5289
  30. package/package.json +1 -1
  31. package/patternfly-no-globals.css +11 -4
  32. package/patternfly.css +11 -4
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
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",
4
- "version": "6.0.0-alpha.196",
4
+ "version": "6.0.0-alpha.198",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -14943,7 +14943,7 @@ ul.pf-v6-c-list {
14943
14943
  }
14944
14944
  .pf-v6-c-masthead .pf-v6-c-toolbar {
14945
14945
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
14946
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
14946
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
14947
14947
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
14948
14948
  --pf-v6-c-toolbar__content--MinWidth: 0;
14949
14949
  }
@@ -15996,6 +15996,7 @@ ul.pf-v6-c-list {
15996
15996
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15997
15997
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15998
15998
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
15999
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15999
16000
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
16000
16001
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16001
16002
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
@@ -16259,6 +16260,11 @@ ul.pf-v6-c-list {
16259
16260
  .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
16260
16261
  padding-inline-start: 0;
16261
16262
  }
16263
+ .pf-v6-c-menu-toggle__button.pf-m-text {
16264
+ display: inline-flex;
16265
+ align-items: baseline;
16266
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
16267
+ }
16262
16268
 
16263
16269
  .pf-v6-c-menu-toggle__text {
16264
16270
  overflow: hidden;
@@ -25273,7 +25279,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25273
25279
  :where(:root, .pf-v6-c-toolbar) {
25274
25280
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25275
25281
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25276
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
25282
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
25277
25283
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
25278
25284
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
25279
25285
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -25291,8 +25297,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25291
25297
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25292
25298
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
25293
25299
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
25294
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
25295
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25300
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
25301
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
25296
25302
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
25297
25303
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25298
25304
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -25596,6 +25602,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25596
25602
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
25597
25603
  }
25598
25604
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
25605
+ flex-wrap: wrap;
25599
25606
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
25600
25607
  }
25601
25608
  .pf-v6-c-toolbar__group.pf-m-overflow-container {
package/patternfly.css CHANGED
@@ -15064,7 +15064,7 @@ ul.pf-v6-c-list {
15064
15064
  }
15065
15065
  .pf-v6-c-masthead .pf-v6-c-toolbar {
15066
15066
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
15067
- --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-v6-c-masthead--c-toolbar--PaddingBlock);
15067
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
15068
15068
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
15069
15069
  --pf-v6-c-toolbar__content--MinWidth: 0;
15070
15070
  }
@@ -16117,6 +16117,7 @@ ul.pf-v6-c-list {
16117
16117
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16118
16118
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
16119
16119
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
16120
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
16120
16121
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
16121
16122
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16122
16123
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
@@ -16380,6 +16381,11 @@ ul.pf-v6-c-list {
16380
16381
  .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
16381
16382
  padding-inline-start: 0;
16382
16383
  }
16384
+ .pf-v6-c-menu-toggle__button.pf-m-text {
16385
+ display: inline-flex;
16386
+ align-items: baseline;
16387
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
16388
+ }
16383
16389
 
16384
16390
  .pf-v6-c-menu-toggle__text {
16385
16391
  overflow: hidden;
@@ -25394,7 +25400,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25394
25400
  :where(:root, .pf-v6-c-toolbar) {
25395
25401
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25396
25402
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25397
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
25403
+ --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
25398
25404
  --pf-v6-c-toolbar--PaddingInlineStart: 0;
25399
25405
  --pf-v6-c-toolbar--PaddingInlineEnd: 0;
25400
25406
  --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -25412,8 +25418,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25412
25418
  --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25413
25419
  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
25414
25420
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
25415
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
25416
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25421
+ --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
25422
+ --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
25417
25423
  --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
25418
25424
  --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
25419
25425
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -25717,6 +25723,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25717
25723
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
25718
25724
  }
25719
25725
  .pf-v6-c-toolbar__group.pf-m-action-group-inline {
25726
+ flex-wrap: wrap;
25720
25727
  column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
25721
25728
  }
25722
25729
  .pf-v6-c-toolbar__group.pf-m-overflow-container {