@patternfly/patternfly 6.0.0-alpha.131 → 6.0.0-alpha.133

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 (51) hide show
  1. package/components/Breadcrumb/breadcrumb.css +10 -10
  2. package/components/Breadcrumb/breadcrumb.scss +10 -10
  3. package/components/Hint/hint.css +2 -2
  4. package/components/Hint/hint.scss +2 -3
  5. package/components/Login/login.css +4 -2
  6. package/components/Login/login.scss +2 -1
  7. package/components/Menu/menu.css +4 -1
  8. package/components/Menu/menu.scss +5 -1
  9. package/components/_index.css +20 -15
  10. package/docs/components/ActionList/examples/ActionList.md +4 -4
  11. package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
  12. package/docs/components/Card/examples/Card.md +80 -416
  13. package/docs/components/DataList/examples/DataList.md +170 -952
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
  15. package/docs/components/Hint/examples/Hint.md +30 -156
  16. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  17. package/docs/components/LogViewer/examples/LogViewer.css +9 -2
  18. package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
  19. package/docs/components/Menu/examples/Menu.md +6 -76
  20. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
  21. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
  22. package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
  24. package/docs/components/Table/examples/Table.css +7 -0
  25. package/docs/components/Table/examples/Table.md +281 -405
  26. package/docs/components/Toolbar/examples/Toolbar.md +32 -239
  27. package/docs/demos/CardView/examples/CardView.md +110 -583
  28. package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
  29. package/docs/demos/DataList/examples/DataList.md +44 -96
  30. package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
  31. package/docs/demos/Drawer/examples/Drawer.md +10 -56
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
  33. package/docs/demos/Page/examples/Penta.md +5 -5
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
  35. package/docs/demos/Table/examples/Table.md +142 -220
  36. package/docs/demos/Tabs/examples/Tabs.md +15 -28
  37. package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
  38. package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
  39. package/docs/utilities/Display/examples/Display.css +1 -8
  40. package/docs/utilities/Display/examples/Display.md +16 -7
  41. package/package.json +1 -1
  42. package/patternfly-addons.css +38 -0
  43. package/patternfly-charts.css +339 -8
  44. package/patternfly-charts.scss +21 -8
  45. package/patternfly-no-globals.css +20 -15
  46. package/patternfly.css +20 -15
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/utilities/Display/display.css +38 -0
  50. package/utilities/Display/display.scss +3 -1
  51. package/utilities/_index.css +38 -0
package/patternfly-no-globals.css CHANGED
@@ -7197,11 +7197,11 @@
7197
7197
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7198
7198
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7199
7199
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7200
- --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7201
- --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7202
- --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7203
- --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7204
- --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7200
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7201
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7202
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7203
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7204
+ --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7205
7205
  }
7206
7206
 
7207
7207
  .pf-v6-c-breadcrumb {
@@ -7267,13 +7267,13 @@ button.pf-v6-c-breadcrumb__link {
7267
7267
  }
7268
7268
 
7269
7269
  .pf-v6-c-breadcrumb__dropdown {
7270
- margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
7271
- margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
7272
- margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
7273
- margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
7270
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7271
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7272
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7273
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7274
7274
  }
7275
7275
  .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7276
- line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
7276
+ line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7277
7277
  }
7278
7278
 
7279
7279
  .pf-v6-c-breadcrumb__heading {
@@ -12923,7 +12923,7 @@ select ~ .pf-v6-c-form-control__utilities {
12923
12923
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
12924
12924
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
12925
12925
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
12926
- --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12926
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12927
12927
  }
12928
12928
 
12929
12929
  .pf-v6-c-hint {
@@ -12954,7 +12954,7 @@ select ~ .pf-v6-c-form-control__utilities {
12954
12954
  text-align: end;
12955
12955
  }
12956
12956
  .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
12957
- margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
12957
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
12958
12958
  }
12959
12959
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
12960
12960
  grid-column: 1;
@@ -14780,12 +14780,14 @@ ul.pf-v6-c-list {
14780
14780
  }
14781
14781
  }
14782
14782
 
14783
- .pf-v6-c-login__main-header-utilities {
14783
+ .pf-v6-c-login__main-header-utilities,
14784
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14784
14785
  grid-row: auto;
14785
14786
  grid-column: auto;
14786
14787
  }
14787
14788
  @media (min-width: 768px) {
14788
- .pf-v6-c-login__main-header-utilities {
14789
+ .pf-v6-c-login__main-header-utilities,
14790
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14789
14791
  grid-row: 1;
14790
14792
  grid-column: 2/3;
14791
14793
  }
@@ -15491,11 +15493,14 @@ ul.pf-v6-c-list {
15491
15493
  }
15492
15494
  .pf-v6-c-menu .pf-v6-c-menu {
15493
15495
  min-width: 100%;
15494
- border-radius: 0;
15495
15496
  }
15496
15497
  .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
15497
15498
  overflow: visible;
15498
15499
  }
15500
+ .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
15501
+ min-width: 100%;
15502
+ border-radius: 0;
15503
+ }
15499
15504
  .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
15500
15505
  overflow: visible;
15501
15506
  }
package/patternfly.css CHANGED
@@ -7314,11 +7314,11 @@ h6) {
7314
7314
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7315
7315
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7316
7316
  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7317
- --pf-v6-c-breadcrumb__dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7318
- --pf-v6-c-breadcrumb__dropdown--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7319
- --pf-v6-c-breadcrumb__dropdown--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7320
- --pf-v6-c-breadcrumb__dropdown--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7321
- --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7317
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7318
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: calc(var(--pf-v6-c-breadcrumb__item--MarginInlineEnd) * -1);
7319
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7320
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd) * -1);
7321
+ --pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
7322
7322
  }
7323
7323
 
7324
7324
  .pf-v6-c-breadcrumb {
@@ -7384,13 +7384,13 @@ button.pf-v6-c-breadcrumb__link {
7384
7384
  }
7385
7385
 
7386
7386
  .pf-v6-c-breadcrumb__dropdown {
7387
- margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockStart);
7388
- margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBlockEnd);
7389
- margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineStart);
7390
- margin-inline-end: var(--pf-v6-c-breadcrumb__dropdown--MarginInlineEnd);
7387
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7388
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7389
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7390
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7391
7391
  }
7392
7392
  .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu-toggle {
7393
- line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
7393
+ line-height: var(--pf-v6-c-breadcrumb__menu-toggle--c-menu-toggle--LineHeight);
7394
7394
  }
7395
7395
 
7396
7396
  .pf-v6-c-breadcrumb__heading {
@@ -13040,7 +13040,7 @@ select ~ .pf-v6-c-form-control__utilities {
13040
13040
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
13041
13041
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
13042
13042
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
13043
- --pf-v6-c-hint__actions--c-dropdown--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13043
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
13044
13044
  }
13045
13045
 
13046
13046
  .pf-v6-c-hint {
@@ -13071,7 +13071,7 @@ select ~ .pf-v6-c-form-control__utilities {
13071
13071
  text-align: end;
13072
13072
  }
13073
13073
  .pf-v6-c-hint__actions .pf-v6-c-menu-toggle.pf-m-plain {
13074
- margin-block-start: var(--pf-v6-c-hint__actions--c-dropdown--MarginBlockStart);
13074
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
13075
13075
  }
13076
13076
  .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
13077
13077
  grid-column: 1;
@@ -14897,12 +14897,14 @@ ul.pf-v6-c-list {
14897
14897
  }
14898
14898
  }
14899
14899
 
14900
- .pf-v6-c-login__main-header-utilities {
14900
+ .pf-v6-c-login__main-header-utilities,
14901
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14901
14902
  grid-row: auto;
14902
14903
  grid-column: auto;
14903
14904
  }
14904
14905
  @media (min-width: 768px) {
14905
- .pf-v6-c-login__main-header-utilities {
14906
+ .pf-v6-c-login__main-header-utilities,
14907
+ .pf-v6-c-login__main-header .pf-v6-c-menu-toggle {
14906
14908
  grid-row: 1;
14907
14909
  grid-column: 2/3;
14908
14910
  }
@@ -15608,11 +15610,14 @@ ul.pf-v6-c-list {
15608
15610
  }
15609
15611
  .pf-v6-c-menu .pf-v6-c-menu {
15610
15612
  min-width: 100%;
15611
- border-radius: 0;
15612
15613
  }
15613
15614
  .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu .pf-v6-c-menu__content {
15614
15615
  overflow: visible;
15615
15616
  }
15617
+ .pf-v6-c-menu .pf-v6-c-menu__content .pf-v6-c-menu {
15618
+ min-width: 100%;
15619
+ border-radius: 0;
15620
+ }
15616
15621
  .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu, .pf-v6-c-menu .pf-v6-c-menu.pf-m-flyout, .pf-v6-c-menu.pf-m-flyout .pf-v6-c-menu__content {
15617
15622
  overflow: visible;
15618
15623
  }