@patternfly/react-core 4.227.7 → 4.228.0

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 (99) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/Menu/MenuItem.d.ts +3 -1
  3. package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
  4. package/dist/esm/components/Menu/MenuItem.js +2 -2
  5. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  6. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +6 -12
  7. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  8. package/dist/esm/components/MenuToggle/MenuToggle.js +12 -8
  9. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  10. package/dist/esm/components/Tabs/OverflowTab.d.ts +16 -0
  11. package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -0
  12. package/dist/esm/components/Tabs/OverflowTab.js +74 -0
  13. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -0
  14. package/dist/esm/components/Tabs/Tabs.d.ts +12 -0
  15. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  16. package/dist/esm/components/Tabs/Tabs.js +36 -13
  17. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  18. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  19. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  20. package/dist/esm/components/TextInputGroup/TextInputGroup.js +2 -2
  21. package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
  22. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  23. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  24. package/dist/esm/components/TreeView/TreeView.d.ts +2 -0
  25. package/dist/esm/components/TreeView/TreeView.d.ts.map +1 -1
  26. package/dist/esm/components/TreeView/TreeView.js +3 -3
  27. package/dist/esm/components/TreeView/TreeView.js.map +1 -1
  28. package/dist/esm/components/TreeView/TreeViewListItem.d.ts +2 -0
  29. package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  30. package/dist/esm/components/TreeView/TreeViewListItem.js +23 -14
  31. package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
  32. package/dist/js/components/Menu/MenuItem.d.ts +3 -1
  33. package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
  34. package/dist/js/components/Menu/MenuItem.js +2 -2
  35. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  36. package/dist/js/components/MenuToggle/MenuToggle.d.ts +6 -12
  37. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  38. package/dist/js/components/MenuToggle/MenuToggle.js +12 -8
  39. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  40. package/dist/js/components/Tabs/OverflowTab.d.ts +16 -0
  41. package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -0
  42. package/dist/js/components/Tabs/OverflowTab.js +78 -0
  43. package/dist/js/components/Tabs/OverflowTab.js.map +1 -0
  44. package/dist/js/components/Tabs/Tabs.d.ts +12 -0
  45. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  46. package/dist/js/components/Tabs/Tabs.js +36 -13
  47. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  48. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  49. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  50. package/dist/js/components/TextInputGroup/TextInputGroup.js +2 -2
  51. package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
  52. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
  53. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  54. package/dist/js/components/TreeView/TreeView.d.ts +2 -0
  55. package/dist/js/components/TreeView/TreeView.d.ts.map +1 -1
  56. package/dist/js/components/TreeView/TreeView.js +3 -3
  57. package/dist/js/components/TreeView/TreeView.js.map +1 -1
  58. package/dist/js/components/TreeView/TreeViewListItem.d.ts +2 -0
  59. package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  60. package/dist/js/components/TreeView/TreeViewListItem.js +23 -14
  61. package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
  62. package/dist/styles/base-no-reset.css +9 -0
  63. package/dist/styles/base.css +9 -0
  64. package/dist/umd/react-core.css +21 -31
  65. package/dist/umd/react-core.js +149 -48
  66. package/dist/umd/react-core.min.css +21 -31
  67. package/dist/umd/react-core.min.js +5 -5
  68. package/package.json +6 -6
  69. package/src/components/Menu/MenuItem.tsx +4 -0
  70. package/src/components/MenuToggle/MenuToggle.tsx +63 -25
  71. package/src/components/Page/examples/Page.md +10 -615
  72. package/src/components/Page/examples/PageCenteredSection.tsx +76 -0
  73. package/src/components/Page/examples/PageGroupSection.tsx +106 -0
  74. package/src/components/Page/examples/PageHorizontalNav.tsx +43 -0
  75. package/src/components/Page/examples/PageMainSectionPadding.tsx +72 -0
  76. package/src/components/Page/examples/PageTertiaryNav.tsx +42 -0
  77. package/src/components/Page/examples/PageUncontrolledNav.tsx +53 -0
  78. package/src/components/Page/examples/PageVerticalNav.tsx +65 -0
  79. package/src/components/Page/examples/PageVerticalNavUsingPageHeaderComponent.tsx +44 -0
  80. package/src/components/Page/examples/PageWithOrWithoutFill.tsx +67 -0
  81. package/src/components/Switch/examples/Switch.md +6 -153
  82. package/src/components/Switch/examples/SwitchBasic.tsx +20 -0
  83. package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +22 -0
  84. package/src/components/Switch/examples/SwitchDisabled.tsx +28 -0
  85. package/src/components/Switch/examples/SwitchReversed.tsx +21 -0
  86. package/src/components/Switch/examples/SwitchUncontrolled.tsx +14 -0
  87. package/src/components/Switch/examples/SwitchWithoutLabel.tsx +12 -0
  88. package/src/components/Tabs/OverflowTab.tsx +141 -0
  89. package/src/components/Tabs/Tabs.tsx +72 -25
  90. package/src/components/Tabs/examples/Tabs.md +6 -1
  91. package/src/components/Tabs/examples/TabsHorizontalOverflow.tsx +67 -0
  92. package/src/components/TextInputGroup/TextInputGroup.tsx +9 -1
  93. package/src/components/TextInputGroup/TextInputGroupMain.tsx +1 -1
  94. package/src/components/TreeView/TreeView.tsx +5 -0
  95. package/src/components/TreeView/TreeViewListItem.tsx +31 -17
  96. package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +299 -299
  97. package/src/components/TreeView/examples/TreeView.md +125 -7
  98. package/src/demos/ComposableMenu/ComposableMenu.md +8 -0
  99. package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +196 -0
@@ -587,8 +587,8 @@
587
587
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
588
588
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
589
589
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
590
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
591
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
590
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
591
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
592
592
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
593
593
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
594
594
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -766,8 +766,6 @@
766
766
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
767
767
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
768
768
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
769
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
770
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
771
769
  }
772
770
 
773
771
  .pf-c-form-control {
@@ -7348,8 +7346,8 @@ label.pf-c-check, .pf-c-check__label,
7348
7346
  --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
7349
7347
  --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
7350
7348
  --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
7351
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
7352
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
7349
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7350
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
7353
7351
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
7354
7352
  --pf-c-dropdown__toggle-image--MarginTop: 0;
7355
7353
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
@@ -7952,8 +7950,6 @@ label.pf-c-check, .pf-c-check__label,
7952
7950
  --pf-c-dropdown__menu--Top: 100%;
7953
7951
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
7954
7952
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7955
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
7956
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
7957
7953
  }
7958
7954
 
7959
7955
  :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
@@ -12022,8 +12018,8 @@ ul.pf-c-list {
12022
12018
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
12023
12019
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
12024
12020
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
12025
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
12026
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12021
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12022
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
12027
12023
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
12028
12024
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
12029
12025
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -12573,8 +12569,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12573
12569
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
12574
12570
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
12575
12571
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
12576
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
12577
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
12578
12572
  }
12579
12573
 
12580
12574
  .pf-c-menu-toggle {
@@ -14952,8 +14946,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14952
14946
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
14953
14947
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
14954
14948
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
14955
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
14956
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
14949
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
14950
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
14957
14951
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
14958
14952
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
14959
14953
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -15162,8 +15156,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15162
15156
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
15163
15157
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
15164
15158
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
15165
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
15166
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
15167
15159
  --pf-c-options-menu__menu--Top: 100%;
15168
15160
  }
15169
15161
 
@@ -17920,8 +17912,8 @@ label.pf-c-radio, .pf-c-radio__label,
17920
17912
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
17921
17913
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
17922
17914
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
17923
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
17924
- --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
17915
+ --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
17916
+ --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
17925
17917
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
17926
17918
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
17927
17919
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -19774,6 +19766,11 @@ svg.pf-c-spinner.pf-m-xl {
19774
19766
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
19775
19767
  }
19776
19768
 
19769
+ .pf-c-tabs.pf-m-overflow,
19770
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
19771
+ overflow: visible;
19772
+ }
19773
+
19777
19774
  .pf-c-tabs__toggle {
19778
19775
  display: var(--pf-c-tabs__toggle--Display);
19779
19776
  align-items: center;
@@ -22775,23 +22772,16 @@ svg.pf-c-spinner.pf-m-xl {
22775
22772
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
22776
22773
  }
22777
22774
 
22778
- .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
22779
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
22780
- }
22781
-
22782
- .pf-c-tree-view__node:hover,
22783
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
22784
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
22775
+ .pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
22776
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
22785
22777
  }
22786
22778
 
22787
- .pf-c-tree-view__node:focus,
22788
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
22789
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
22779
+ .pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
22780
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
22790
22781
  }
22791
22782
 
22792
- .pf-c-tree-view__node:active,
22793
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
22794
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
22783
+ .pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
22784
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
22795
22785
  }
22796
22786
 
22797
22787
  .pf-c-tree-view__node-container {