@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.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/esm/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/esm/components/Dropdown/Toggle.js +9 -7
- package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +2 -1
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js +2 -2
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/js/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/js/components/Dropdown/Toggle.js +9 -7
- package/dist/js/components/Dropdown/Toggle.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -2
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +2 -1
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/js/components/TreeView/TreeView.js +2 -2
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/js/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/umd/react-core.min.css +86 -86
- package/dist/umd/react-core.min.js +6 -6
- package/package.json +5 -5
- package/src/components/Dropdown/DropdownItem.tsx +1 -1
- package/src/components/Dropdown/DropdownToggleCheckbox.tsx +1 -1
- package/src/components/Dropdown/InternalDropdownItem.tsx +10 -10
- package/src/components/Dropdown/Toggle.tsx +8 -8
- package/src/components/Modal/Modal.tsx +3 -3
- package/src/components/Modal/ModalBoxTitle.tsx +1 -1
- package/src/components/TreeView/TreeView.tsx +1 -1
- package/src/components/TreeView/TreeViewListItem.tsx +1 -1
- package/src/components/TreeView/TreeViewRoot.tsx +29 -25
- package/src/demos/BackToTop.md +1 -1
- package/src/demos/Banner.md +3 -3
- package/src/demos/Card/Card.md +2 -2
- package/src/demos/JumpLinks.md +3 -3
- package/src/demos/Nav.md +15 -15
- package/src/demos/PrimaryDetail.md +7 -7
- package/src/demos/Tabs.md +3 -3
- package/src/demos/Toolbar.md +2 -2
- package/src/demos/Wizard/WizardDemo.md +3 -3
- package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +1 -1
- package/src/demos/examples/DashboardWrapper.js +1 -1
- package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +1 -1
- package/src/demos/examples/Nav/NavDrilldown.tsx +1 -1
- package/src/demos/examples/Tabs/GrayTabs.tsx +1 -1
- package/src/demos/examples/Tabs/ModalTabs.tsx +1 -1
- package/src/demos/examples/Tabs/NestedTabs.tsx +1 -1
- package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +1 -1
- package/src/demos/examples/Tabs/TabsAndTable.tsx +1 -1
- 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);
|