@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.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/Menu/MenuItem.d.ts +3 -1
- package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuItem.js +2 -2
- package/dist/esm/components/Menu/MenuItem.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +6 -12
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +12 -8
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.d.ts +16 -0
- package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -0
- package/dist/esm/components/Tabs/OverflowTab.js +74 -0
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -0
- package/dist/esm/components/Tabs/Tabs.d.ts +12 -0
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +36 -13
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.js +2 -2
- package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.d.ts +2 -0
- package/dist/esm/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js +3 -3
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +2 -0
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js +23 -14
- package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/js/components/Menu/MenuItem.d.ts +3 -1
- package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuItem.js +2 -2
- package/dist/js/components/Menu/MenuItem.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +6 -12
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +12 -8
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.d.ts +16 -0
- package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -0
- package/dist/js/components/Tabs/OverflowTab.js +78 -0
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -0
- package/dist/js/components/Tabs/Tabs.d.ts +12 -0
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +36 -13
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.js +2 -2
- package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.d.ts +2 -0
- package/dist/js/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.js +3 -3
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +2 -0
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js +23 -14
- package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/styles/base-no-reset.css +9 -0
- package/dist/styles/base.css +9 -0
- package/dist/umd/react-core.css +21 -31
- package/dist/umd/react-core.js +149 -48
- package/dist/umd/react-core.min.css +21 -31
- package/dist/umd/react-core.min.js +5 -5
- package/package.json +6 -6
- package/src/components/Menu/MenuItem.tsx +4 -0
- package/src/components/MenuToggle/MenuToggle.tsx +63 -25
- package/src/components/Page/examples/Page.md +10 -615
- package/src/components/Page/examples/PageCenteredSection.tsx +76 -0
- package/src/components/Page/examples/PageGroupSection.tsx +106 -0
- package/src/components/Page/examples/PageHorizontalNav.tsx +43 -0
- package/src/components/Page/examples/PageMainSectionPadding.tsx +72 -0
- package/src/components/Page/examples/PageTertiaryNav.tsx +42 -0
- package/src/components/Page/examples/PageUncontrolledNav.tsx +53 -0
- package/src/components/Page/examples/PageVerticalNav.tsx +65 -0
- package/src/components/Page/examples/PageVerticalNavUsingPageHeaderComponent.tsx +44 -0
- package/src/components/Page/examples/PageWithOrWithoutFill.tsx +67 -0
- package/src/components/Switch/examples/Switch.md +6 -153
- package/src/components/Switch/examples/SwitchBasic.tsx +20 -0
- package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +22 -0
- package/src/components/Switch/examples/SwitchDisabled.tsx +28 -0
- package/src/components/Switch/examples/SwitchReversed.tsx +21 -0
- package/src/components/Switch/examples/SwitchUncontrolled.tsx +14 -0
- package/src/components/Switch/examples/SwitchWithoutLabel.tsx +12 -0
- package/src/components/Tabs/OverflowTab.tsx +141 -0
- package/src/components/Tabs/Tabs.tsx +72 -25
- package/src/components/Tabs/examples/Tabs.md +6 -1
- package/src/components/Tabs/examples/TabsHorizontalOverflow.tsx +67 -0
- package/src/components/TextInputGroup/TextInputGroup.tsx +9 -1
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +1 -1
- package/src/components/TreeView/TreeView.tsx +5 -0
- package/src/components/TreeView/TreeViewListItem.tsx +31 -17
- package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +299 -299
- package/src/components/TreeView/examples/TreeView.md +125 -7
- package/src/demos/ComposableMenu/ComposableMenu.md +8 -0
- 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--
|
|
591
|
-
--pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--
|
|
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--
|
|
7352
|
-
--pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--
|
|
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--
|
|
12026
|
-
--pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--
|
|
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--
|
|
14956
|
-
--pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--
|
|
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--
|
|
17924
|
-
--pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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 {
|