@patternfly/react-core 4.237.1 → 4.237.4

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 (74) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
  3. package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
  4. package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -1
  5. package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
  6. package/dist/esm/components/Dropdown/InternalDropdownItem.js +14 -11
  7. package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
  8. package/dist/esm/components/Dropdown/Toggle.js +9 -7
  9. package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
  10. package/dist/esm/components/Modal/Modal.d.ts +2 -2
  11. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  12. package/dist/esm/components/Modal/Modal.js +2 -1
  13. package/dist/esm/components/Modal/Modal.js.map +1 -1
  14. package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
  15. package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
  16. package/dist/esm/components/TreeView/TreeView.js +2 -2
  17. package/dist/esm/components/TreeView/TreeView.js.map +1 -1
  18. package/dist/esm/components/TreeView/TreeViewListItem.d.ts +1 -1
  19. package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  20. package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
  21. package/dist/esm/components/TreeView/TreeViewRoot.js +30 -26
  22. package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
  23. package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
  24. package/dist/js/components/Dropdown/DropdownItem.d.ts.map +1 -1
  25. package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -1
  26. package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
  27. package/dist/js/components/Dropdown/InternalDropdownItem.js +14 -11
  28. package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
  29. package/dist/js/components/Dropdown/Toggle.js +9 -7
  30. package/dist/js/components/Dropdown/Toggle.js.map +1 -1
  31. package/dist/js/components/Modal/Modal.d.ts +2 -2
  32. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  33. package/dist/js/components/Modal/Modal.js +2 -1
  34. package/dist/js/components/Modal/Modal.js.map +1 -1
  35. package/dist/js/components/Modal/ModalBoxTitle.js +1 -1
  36. package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
  37. package/dist/js/components/TreeView/TreeView.js +2 -2
  38. package/dist/js/components/TreeView/TreeView.js.map +1 -1
  39. package/dist/js/components/TreeView/TreeViewListItem.d.ts +1 -1
  40. package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  41. package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
  42. package/dist/js/components/TreeView/TreeViewRoot.js +30 -26
  43. package/dist/js/components/TreeView/TreeViewRoot.js.map +1 -1
  44. package/dist/umd/react-core.min.css +86 -86
  45. package/dist/umd/react-core.min.js +6 -6
  46. package/package.json +5 -5
  47. package/src/components/Dropdown/DropdownItem.tsx +1 -1
  48. package/src/components/Dropdown/DropdownToggleCheckbox.tsx +1 -1
  49. package/src/components/Dropdown/InternalDropdownItem.tsx +10 -10
  50. package/src/components/Dropdown/Toggle.tsx +8 -8
  51. package/src/components/Modal/Modal.tsx +3 -3
  52. package/src/components/Modal/ModalBoxTitle.tsx +1 -1
  53. package/src/components/TreeView/TreeView.tsx +1 -1
  54. package/src/components/TreeView/TreeViewListItem.tsx +1 -1
  55. package/src/components/TreeView/TreeViewRoot.tsx +29 -25
  56. package/src/demos/BackToTop.md +1 -1
  57. package/src/demos/Banner.md +3 -3
  58. package/src/demos/Card/Card.md +2 -2
  59. package/src/demos/JumpLinks.md +3 -3
  60. package/src/demos/Nav.md +15 -15
  61. package/src/demos/PrimaryDetail.md +7 -7
  62. package/src/demos/Tabs.md +3 -3
  63. package/src/demos/Toolbar.md +2 -2
  64. package/src/demos/Wizard/WizardDemo.md +3 -3
  65. package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +1 -1
  66. package/src/demos/examples/DashboardWrapper.js +1 -1
  67. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +1 -1
  68. package/src/demos/examples/Nav/NavDrilldown.tsx +1 -1
  69. package/src/demos/examples/Tabs/GrayTabs.tsx +1 -1
  70. package/src/demos/examples/Tabs/ModalTabs.tsx +1 -1
  71. package/src/demos/examples/Tabs/NestedTabs.tsx +1 -1
  72. package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +1 -1
  73. package/src/demos/examples/Tabs/TabsAndTable.tsx +1 -1
  74. package/src/demos/examples/Tabs/TabsAndTablesAutoWidthTabs.tsx +1 -1
@@ -10626,6 +10626,92 @@ button.pf-c-label__content:focus {
10626
10626
  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
10627
10627
  }
10628
10628
 
10629
+ .pf-c-list {
10630
+ --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10631
+ --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10632
+ --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10633
+ --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10634
+ --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10635
+ --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10636
+ --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10637
+ --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10638
+ --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10639
+ --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10640
+ --pf-c-list__item-icon--MarginTop: 0.375rem;
10641
+ --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10642
+ --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10643
+ --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10644
+ --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10645
+ --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10646
+ --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10647
+ padding-left: var(--pf-c-list--PaddingLeft);
10648
+ }
10649
+
10650
+ .pf-c-list ol,
10651
+ .pf-c-list ul {
10652
+ margin-top: var(--pf-c-list--nested--MarginTop);
10653
+ margin-left: var(--pf-c-list--nested--MarginLeft);
10654
+ }
10655
+
10656
+ .pf-c-list li + li {
10657
+ margin-top: var(--pf-c-list--li--MarginTop);
10658
+ }
10659
+
10660
+ ul.pf-c-list {
10661
+ list-style: var(--pf-c-list--ul--ListStyle);
10662
+ }
10663
+
10664
+ .pf-c-list .pf-c-list__item {
10665
+ display: flex;
10666
+ }
10667
+
10668
+ .pf-c-list .pf-c-list__item-icon {
10669
+ flex-shrink: 0;
10670
+ min-width: var(--pf-c-list__item-icon--MinWidth);
10671
+ margin-top: var(--pf-c-list__item-icon--MarginTop);
10672
+ margin-right: var(--pf-c-list__item-icon--MarginRight);
10673
+ font-size: var(--pf-c-list__item-icon--FontSize);
10674
+ line-height: 1;
10675
+ color: var(--pf-c-list__item-icon--Color);
10676
+ }
10677
+
10678
+ .pf-c-list.pf-m-icon-lg {
10679
+ --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10680
+ --pf-c-list__item-icon--MarginTop: 0;
10681
+ --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10682
+ --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10683
+ }
10684
+
10685
+ .pf-c-list.pf-m-plain {
10686
+ --pf-c-list--PaddingLeft: 0;
10687
+ list-style: none;
10688
+ }
10689
+
10690
+ .pf-c-list.pf-m-inline {
10691
+ --pf-c-list--PaddingLeft: 0;
10692
+ display: flex;
10693
+ flex-wrap: wrap;
10694
+ list-style: none;
10695
+ }
10696
+
10697
+ .pf-c-list.pf-m-inline li {
10698
+ --pf-c-list--li--MarginTop: 0;
10699
+ }
10700
+
10701
+ .pf-c-list.pf-m-inline li:not(:last-child) {
10702
+ margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10703
+ }
10704
+
10705
+ .pf-c-list.pf-m-bordered > * {
10706
+ padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10707
+ border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10708
+ }
10709
+
10710
+ .pf-c-list.pf-m-bordered > :last-child {
10711
+ --pf-c-list--m-bordered--li--PaddingBottom: 0;
10712
+ --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10713
+ }
10714
+
10629
10715
  .pf-c-label-group {
10630
10716
  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
10631
10717
  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
@@ -10770,92 +10856,6 @@ button.pf-c-label__content:focus {
10770
10856
  display: none;
10771
10857
  }
10772
10858
 
10773
- .pf-c-list {
10774
- --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
10775
- --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
10776
- --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
10777
- --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
10778
- --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
10779
- --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
10780
- --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
10781
- --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
10782
- --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
10783
- --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
10784
- --pf-c-list__item-icon--MarginTop: 0.375rem;
10785
- --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
10786
- --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
10787
- --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
10788
- --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
10789
- --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
10790
- --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
10791
- padding-left: var(--pf-c-list--PaddingLeft);
10792
- }
10793
-
10794
- .pf-c-list ol,
10795
- .pf-c-list ul {
10796
- margin-top: var(--pf-c-list--nested--MarginTop);
10797
- margin-left: var(--pf-c-list--nested--MarginLeft);
10798
- }
10799
-
10800
- .pf-c-list li + li {
10801
- margin-top: var(--pf-c-list--li--MarginTop);
10802
- }
10803
-
10804
- ul.pf-c-list {
10805
- list-style: var(--pf-c-list--ul--ListStyle);
10806
- }
10807
-
10808
- .pf-c-list .pf-c-list__item {
10809
- display: flex;
10810
- }
10811
-
10812
- .pf-c-list .pf-c-list__item-icon {
10813
- flex-shrink: 0;
10814
- min-width: var(--pf-c-list__item-icon--MinWidth);
10815
- margin-top: var(--pf-c-list__item-icon--MarginTop);
10816
- margin-right: var(--pf-c-list__item-icon--MarginRight);
10817
- font-size: var(--pf-c-list__item-icon--FontSize);
10818
- line-height: 1;
10819
- color: var(--pf-c-list__item-icon--Color);
10820
- }
10821
-
10822
- .pf-c-list.pf-m-icon-lg {
10823
- --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
10824
- --pf-c-list__item-icon--MarginTop: 0;
10825
- --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
10826
- --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
10827
- }
10828
-
10829
- .pf-c-list.pf-m-plain {
10830
- --pf-c-list--PaddingLeft: 0;
10831
- list-style: none;
10832
- }
10833
-
10834
- .pf-c-list.pf-m-inline {
10835
- --pf-c-list--PaddingLeft: 0;
10836
- display: flex;
10837
- flex-wrap: wrap;
10838
- list-style: none;
10839
- }
10840
-
10841
- .pf-c-list.pf-m-inline li {
10842
- --pf-c-list--li--MarginTop: 0;
10843
- }
10844
-
10845
- .pf-c-list.pf-m-inline li:not(:last-child) {
10846
- margin-right: var(--pf-c-list--m-inline--li--MarginRight);
10847
- }
10848
-
10849
- .pf-c-list.pf-m-bordered > * {
10850
- padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
10851
- border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
10852
- }
10853
-
10854
- .pf-c-list.pf-m-bordered > :last-child {
10855
- --pf-c-list--m-bordered--li--PaddingBottom: 0;
10856
- --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
10857
- }
10858
-
10859
10859
  .pf-c-login__footer, .pf-c-login__header {
10860
10860
  --pf-global--Color--100: var(--pf-global--Color--light-100);
10861
10861
  --pf-global--Color--200: var(--pf-global--Color--light-200);