@patternfly/react-core 4.224.10 → 4.224.13
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 +24 -0
- package/dist/esm/components/DragDrop/DragDrop.d.ts +1 -1
- package/dist/esm/components/DragDrop/DragDrop.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +7 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +9 -4
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/DragDrop/DragDrop.d.ts +1 -1
- package/dist/js/components/DragDrop/DragDrop.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +7 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +9 -4
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/umd/react-core.css +415 -617
- package/dist/umd/react-core.js +683 -705
- package/dist/umd/react-core.min.css +103 -305
- package/dist/umd/react-core.min.js +4 -4
- package/package.json +5 -5
- package/src/components/Accordion/__tests__/Accordion.test.tsx +134 -104
- package/src/components/Accordion/__tests__/AccordionContent.test.tsx +180 -0
- package/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx +33 -0
- package/src/components/Accordion/__tests__/AccordionItem.test.tsx +18 -0
- package/src/components/Accordion/__tests__/AccordionToggle.test.tsx +164 -0
- package/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +1 -214
- package/src/components/Accordion/__tests__/__snapshots__/AccordionContent.test.tsx.snap +17 -0
- package/src/components/Accordion/__tests__/__snapshots__/AccordionExpandedContentBody.test.tsx.snap +19 -0
- package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.test.tsx.snap +7 -0
- package/src/components/Accordion/__tests__/__snapshots__/AccordionToggle.test.tsx.snap +25 -0
- package/src/components/ActionList/__tests__/ActionList.test.tsx +46 -11
- package/src/components/ActionList/__tests__/ActionListGroup.test.tsx +34 -7
- package/src/components/ActionList/__tests__/ActionListItem.test.tsx +34 -7
- package/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap +1 -11
- package/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap +1 -1
- package/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap +1 -1
- package/src/components/DragDrop/DragDrop.tsx +1 -1
- package/src/components/Hint/__tests__/Hint.test.tsx +63 -10
- package/src/components/Hint/__tests__/HintBody.test.tsx +47 -0
- package/src/components/Hint/__tests__/HintFooter.test.tsx +47 -0
- package/src/components/Hint/__tests__/HintTitle.test.tsx +47 -0
- package/src/components/Hint/__tests__/__snapshots__/Hint.test.tsx.snap +1 -16
- package/src/components/Hint/__tests__/__snapshots__/HintBody.test.tsx.snap +13 -0
- package/src/components/Hint/__tests__/__snapshots__/HintFooter.test.tsx.snap +13 -0
- package/src/components/Hint/__tests__/__snapshots__/HintTitle.test.tsx.snap +13 -0
- package/src/components/SearchInput/SearchInput.tsx +32 -5
- package/src/components/SearchInput/__tests__/SearchInput.test.tsx +37 -0
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +193 -4
|
@@ -17764,208 +17764,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
17764
17764
|
cursor: not-allowed;
|
|
17765
17765
|
}
|
|
17766
17766
|
|
|
17767
|
-
.pf-c-search-input {
|
|
17768
|
-
--pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
17769
|
-
--pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
|
|
17770
|
-
--pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
|
|
17771
|
-
--pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
17772
|
-
--pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
17773
|
-
--pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
17774
|
-
--pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
|
|
17775
|
-
--pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
|
|
17776
|
-
--pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
|
|
17777
|
-
--pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
|
|
17778
|
-
--pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
|
|
17779
|
-
--pf-c-search-input__text-input--MinWidth: 6ch;
|
|
17780
|
-
--pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
|
|
17781
|
-
--pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
|
|
17782
|
-
--pf-c-search-input__icon--Color: var(--pf-global--Color--200);
|
|
17783
|
-
--pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
|
|
17784
|
-
--pf-c-search-input__icon--TranslateY: -50%;
|
|
17785
|
-
--pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
|
|
17786
|
-
--pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
|
|
17787
|
-
--pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
|
|
17788
|
-
--pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
|
|
17789
|
-
--pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
|
|
17790
|
-
--pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
|
|
17791
|
-
--pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
|
|
17792
|
-
--pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
17793
|
-
--pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
17794
|
-
--pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
17795
|
-
--pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
17796
|
-
--pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
|
|
17797
|
-
--pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
|
|
17798
|
-
--pf-c-search-input--m-top__menu--Top: 0;
|
|
17799
|
-
--pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
|
|
17800
|
-
--pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
|
|
17801
|
-
--pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
|
|
17802
|
-
--pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
|
|
17803
|
-
--pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
|
|
17804
|
-
--pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
|
|
17805
|
-
--pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
|
|
17806
|
-
--pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
|
|
17807
|
-
--pf-c-search-input__menu-item--BackgroundColor: transparent;
|
|
17808
|
-
--pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17809
|
-
--pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17810
|
-
position: relative;
|
|
17811
|
-
width: 100%;
|
|
17812
|
-
}
|
|
17813
|
-
|
|
17814
|
-
.pf-c-search-input__bar {
|
|
17815
|
-
position: relative;
|
|
17816
|
-
display: flex;
|
|
17817
|
-
width: 100%;
|
|
17818
|
-
}
|
|
17819
|
-
|
|
17820
|
-
.pf-c-search-input__bar:hover {
|
|
17821
|
-
--pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor);
|
|
17822
|
-
}
|
|
17823
|
-
|
|
17824
|
-
.pf-c-search-input__text {
|
|
17825
|
-
display: grid;
|
|
17826
|
-
grid-template-columns: 1fr;
|
|
17827
|
-
grid-template-areas: "text-input";
|
|
17828
|
-
flex: 1;
|
|
17829
|
-
}
|
|
17830
|
-
|
|
17831
|
-
.pf-c-search-input__text::before, .pf-c-search-input__text::after {
|
|
17832
|
-
position: absolute;
|
|
17833
|
-
top: 0;
|
|
17834
|
-
right: 0;
|
|
17835
|
-
bottom: 0;
|
|
17836
|
-
left: 0;
|
|
17837
|
-
pointer-events: none;
|
|
17838
|
-
content: "";
|
|
17839
|
-
}
|
|
17840
|
-
|
|
17841
|
-
.pf-c-search-input__text::before {
|
|
17842
|
-
border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor);
|
|
17843
|
-
}
|
|
17844
|
-
|
|
17845
|
-
.pf-c-search-input__text::after {
|
|
17846
|
-
border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor);
|
|
17847
|
-
}
|
|
17848
|
-
|
|
17849
|
-
.pf-c-search-input__text:hover, .pf-c-search-input__text:focus-within {
|
|
17850
|
-
--pf-c-search-input__icon--Color: var(--pf-c-search-input__text--hover__icon--Color);
|
|
17851
|
-
}
|
|
17852
|
-
|
|
17853
|
-
.pf-c-search-input__text:focus-within {
|
|
17854
|
-
--pf-c-search-input__text--after--BorderBottomWidth: var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth);
|
|
17855
|
-
--pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__text--focus-within--after--BorderBottomColor);
|
|
17856
|
-
}
|
|
17857
|
-
|
|
17858
|
-
.pf-c-search-input__icon {
|
|
17859
|
-
position: absolute;
|
|
17860
|
-
top: 50%;
|
|
17861
|
-
left: var(--pf-c-search-input__icon--Left);
|
|
17862
|
-
color: var(--pf-c-search-input__icon--Color);
|
|
17863
|
-
transform: translateY(var(--pf-c-search-input__icon--TranslateY));
|
|
17864
|
-
}
|
|
17865
|
-
|
|
17866
|
-
.pf-c-search-input__text-input {
|
|
17867
|
-
overflow: hidden;
|
|
17868
|
-
text-overflow: ellipsis;
|
|
17869
|
-
white-space: nowrap;
|
|
17870
|
-
position: relative;
|
|
17871
|
-
width: 100%;
|
|
17872
|
-
min-width: var(--pf-c-search-input__text-input--MinWidth);
|
|
17873
|
-
padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
|
|
17874
|
-
border: 0;
|
|
17875
|
-
}
|
|
17876
|
-
|
|
17877
|
-
.pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
|
|
17878
|
-
grid-area: text-input;
|
|
17879
|
-
}
|
|
17880
|
-
|
|
17881
|
-
.pf-c-search-input__text-input.pf-m-hint {
|
|
17882
|
-
color: var(--pf-c-search-input__text-input--m-hint--Color);
|
|
17883
|
-
}
|
|
17884
|
-
|
|
17885
|
-
.pf-c-search-input__utilities {
|
|
17886
|
-
display: flex;
|
|
17887
|
-
margin-right: var(--pf-c-search-input__utilities--MarginRight);
|
|
17888
|
-
margin-left: var(--pf-c-search-input__utilities--MarginLeft);
|
|
17889
|
-
}
|
|
17890
|
-
|
|
17891
|
-
.pf-c-search-input__utilities > * + * {
|
|
17892
|
-
margin-left: var(--pf-c-search-input__utilities--child--MarginLeft);
|
|
17893
|
-
}
|
|
17894
|
-
|
|
17895
|
-
.pf-c-search-input__utilities .pf-c-button {
|
|
17896
|
-
--pf-c-button--PaddingRight: var(--pf-c-search-input__utilities--c-button--PaddingRight);
|
|
17897
|
-
--pf-c-button--PaddingLeft: var(--pf-c-search-input__utilities--c-button--PaddingLeft);
|
|
17898
|
-
}
|
|
17899
|
-
|
|
17900
|
-
.pf-c-search-input__nav {
|
|
17901
|
-
display: flex;
|
|
17902
|
-
}
|
|
17903
|
-
|
|
17904
|
-
.pf-c-search-input__count {
|
|
17905
|
-
display: flex;
|
|
17906
|
-
align-items: center;
|
|
17907
|
-
}
|
|
17908
|
-
|
|
17909
|
-
.pf-c-search-input__menu {
|
|
17910
|
-
position: absolute;
|
|
17911
|
-
top: var(--pf-c-search-input__menu--Top);
|
|
17912
|
-
z-index: var(--pf-c-search-input__menu--ZIndex);
|
|
17913
|
-
min-width: 100%;
|
|
17914
|
-
background-color: var(--pf-c-search-input__menu--BackgroundColor);
|
|
17915
|
-
background-clip: padding-box;
|
|
17916
|
-
box-shadow: var(--pf-c-search-input__menu--BoxShadow);
|
|
17917
|
-
}
|
|
17918
|
-
|
|
17919
|
-
.pf-c-search-input.pf-m-top .pf-c-search-input__menu {
|
|
17920
|
-
--pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
|
|
17921
|
-
transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
|
|
17922
|
-
}
|
|
17923
|
-
|
|
17924
|
-
.pf-c-search-input__menu-body {
|
|
17925
|
-
padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
|
|
17926
|
-
}
|
|
17927
|
-
|
|
17928
|
-
.pf-c-search-input__menu-list {
|
|
17929
|
-
padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
|
|
17930
|
-
padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
|
|
17931
|
-
}
|
|
17932
|
-
|
|
17933
|
-
.pf-c-search-input__menu-item {
|
|
17934
|
-
display: flex;
|
|
17935
|
-
width: 100%;
|
|
17936
|
-
min-width: 0;
|
|
17937
|
-
padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
|
|
17938
|
-
padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
|
|
17939
|
-
padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
|
|
17940
|
-
padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
|
|
17941
|
-
color: var(--pf-c-search-input__menu-item--Color);
|
|
17942
|
-
text-align: left;
|
|
17943
|
-
background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
|
|
17944
|
-
border: none;
|
|
17945
|
-
}
|
|
17946
|
-
|
|
17947
|
-
.pf-c-search-input__menu-item:hover {
|
|
17948
|
-
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
|
|
17949
|
-
}
|
|
17950
|
-
|
|
17951
|
-
.pf-c-search-input__menu-item:focus {
|
|
17952
|
-
--pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
|
|
17953
|
-
}
|
|
17954
|
-
|
|
17955
|
-
.pf-c-search-input__menu-item-text {
|
|
17956
|
-
flex-grow: 1;
|
|
17957
|
-
}
|
|
17958
|
-
|
|
17959
|
-
:where(.pf-theme-dark) .pf-c-search-input {
|
|
17960
|
-
--pf-c-search-input__text--before--BorderColor: transparent;
|
|
17961
|
-
--pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
|
|
17962
|
-
background-color: var(--pf-global--BackgroundColor--400);
|
|
17963
|
-
}
|
|
17964
|
-
|
|
17965
|
-
:where(.pf-theme-dark) .pf-c-search-input__text::before {
|
|
17966
|
-
border-bottom-color: var(--pf-global--BorderColor--400);
|
|
17967
|
-
}
|
|
17968
|
-
|
|
17969
17767
|
.pf-c-select {
|
|
17970
17768
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
17971
17769
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -23986,40 +23784,6 @@ label.pf-c-tree-view__node-text {
|
|
|
23986
23784
|
display: flex;
|
|
23987
23785
|
}
|
|
23988
23786
|
|
|
23989
|
-
.pf-c-truncate {
|
|
23990
|
-
--pf-c-truncate--MinWidth: 12ch;
|
|
23991
|
-
--pf-c-truncate__start--MinWidth: 6ch;
|
|
23992
|
-
display: inline-grid;
|
|
23993
|
-
grid-auto-flow: column;
|
|
23994
|
-
align-items: baseline;
|
|
23995
|
-
min-width: var(--pf-c-truncate--MinWidth);
|
|
23996
|
-
}
|
|
23997
|
-
|
|
23998
|
-
.pf-c-truncate__start,
|
|
23999
|
-
.pf-c-truncate__end {
|
|
24000
|
-
overflow: hidden;
|
|
24001
|
-
text-overflow: ellipsis;
|
|
24002
|
-
white-space: nowrap;
|
|
24003
|
-
}
|
|
24004
|
-
|
|
24005
|
-
.pf-c-truncate__start {
|
|
24006
|
-
min-width: var(--pf-c-truncate__start--MinWidth);
|
|
24007
|
-
}
|
|
24008
|
-
|
|
24009
|
-
.pf-c-truncate__end {
|
|
24010
|
-
direction: rtl;
|
|
24011
|
-
}
|
|
24012
|
-
|
|
24013
|
-
.pf-c-truncate__start + .pf-c-truncate__end {
|
|
24014
|
-
overflow: visible;
|
|
24015
|
-
direction: ltr;
|
|
24016
|
-
}
|
|
24017
|
-
|
|
24018
|
-
@supports (-webkit-hyphens: none) {
|
|
24019
|
-
.pf-c-truncate__end {
|
|
24020
|
-
direction: ltr;
|
|
24021
|
-
}
|
|
24022
|
-
}
|
|
24023
23787
|
.pf-c-panel {
|
|
24024
23788
|
--pf-c-panel--Width: auto;
|
|
24025
23789
|
--pf-c-panel--MinWidth: auto;
|
|
@@ -24103,6 +23867,40 @@ label.pf-c-tree-view__node-text {
|
|
|
24103
23867
|
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
24104
23868
|
}
|
|
24105
23869
|
|
|
23870
|
+
.pf-c-truncate {
|
|
23871
|
+
--pf-c-truncate--MinWidth: 12ch;
|
|
23872
|
+
--pf-c-truncate__start--MinWidth: 6ch;
|
|
23873
|
+
display: inline-grid;
|
|
23874
|
+
grid-auto-flow: column;
|
|
23875
|
+
align-items: baseline;
|
|
23876
|
+
min-width: var(--pf-c-truncate--MinWidth);
|
|
23877
|
+
}
|
|
23878
|
+
|
|
23879
|
+
.pf-c-truncate__start,
|
|
23880
|
+
.pf-c-truncate__end {
|
|
23881
|
+
overflow: hidden;
|
|
23882
|
+
text-overflow: ellipsis;
|
|
23883
|
+
white-space: nowrap;
|
|
23884
|
+
}
|
|
23885
|
+
|
|
23886
|
+
.pf-c-truncate__start {
|
|
23887
|
+
min-width: var(--pf-c-truncate__start--MinWidth);
|
|
23888
|
+
}
|
|
23889
|
+
|
|
23890
|
+
.pf-c-truncate__end {
|
|
23891
|
+
direction: rtl;
|
|
23892
|
+
}
|
|
23893
|
+
|
|
23894
|
+
.pf-c-truncate__start + .pf-c-truncate__end {
|
|
23895
|
+
overflow: visible;
|
|
23896
|
+
direction: ltr;
|
|
23897
|
+
}
|
|
23898
|
+
|
|
23899
|
+
@supports (-webkit-hyphens: none) {
|
|
23900
|
+
.pf-c-truncate__end {
|
|
23901
|
+
direction: ltr;
|
|
23902
|
+
}
|
|
23903
|
+
}
|
|
24106
23904
|
.pf-l-flex {
|
|
24107
23905
|
--pf-l-flex--Display: flex;
|
|
24108
23906
|
--pf-l-flex--FlexWrap: wrap;
|
|
@@ -26179,6 +25977,75 @@ label.pf-c-tree-view__node-text {
|
|
|
26179
25977
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
26180
25978
|
}
|
|
26181
25979
|
}
|
|
25980
|
+
.pf-l-gallery {
|
|
25981
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
25982
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
25983
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25984
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
25985
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25986
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
25987
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
25988
|
+
display: grid;
|
|
25989
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
25990
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
25991
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25992
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25993
|
+
}
|
|
25994
|
+
|
|
25995
|
+
.pf-l-gallery.pf-m-gutter {
|
|
25996
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
25997
|
+
}
|
|
25998
|
+
|
|
25999
|
+
@media (min-width: 576px) {
|
|
26000
|
+
.pf-l-gallery {
|
|
26001
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26002
|
+
}
|
|
26003
|
+
}
|
|
26004
|
+
@media (min-width: 768px) {
|
|
26005
|
+
.pf-l-gallery {
|
|
26006
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
26007
|
+
}
|
|
26008
|
+
}
|
|
26009
|
+
@media (min-width: 992px) {
|
|
26010
|
+
.pf-l-gallery {
|
|
26011
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
26012
|
+
}
|
|
26013
|
+
}
|
|
26014
|
+
@media (min-width: 1200px) {
|
|
26015
|
+
.pf-l-gallery {
|
|
26016
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
26017
|
+
}
|
|
26018
|
+
}
|
|
26019
|
+
@media (min-width: 1450px) {
|
|
26020
|
+
.pf-l-gallery {
|
|
26021
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
26022
|
+
}
|
|
26023
|
+
}
|
|
26024
|
+
@media (min-width: 576px) {
|
|
26025
|
+
.pf-l-gallery {
|
|
26026
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26027
|
+
}
|
|
26028
|
+
}
|
|
26029
|
+
@media (min-width: 768px) {
|
|
26030
|
+
.pf-l-gallery {
|
|
26031
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
26032
|
+
}
|
|
26033
|
+
}
|
|
26034
|
+
@media (min-width: 992px) {
|
|
26035
|
+
.pf-l-gallery {
|
|
26036
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
26037
|
+
}
|
|
26038
|
+
}
|
|
26039
|
+
@media (min-width: 1200px) {
|
|
26040
|
+
.pf-l-gallery {
|
|
26041
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
26042
|
+
}
|
|
26043
|
+
}
|
|
26044
|
+
@media (min-width: 1450px) {
|
|
26045
|
+
.pf-l-gallery {
|
|
26046
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
26047
|
+
}
|
|
26048
|
+
}
|
|
26182
26049
|
.pf-l-grid {
|
|
26183
26050
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26184
26051
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27393,75 +27260,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27393
27260
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27394
27261
|
}
|
|
27395
27262
|
|
|
27396
|
-
.pf-l-gallery {
|
|
27397
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27398
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27399
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27400
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27401
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27402
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27403
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
27404
|
-
display: grid;
|
|
27405
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27406
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27407
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27408
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27409
|
-
}
|
|
27410
|
-
|
|
27411
|
-
.pf-l-gallery.pf-m-gutter {
|
|
27412
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27413
|
-
}
|
|
27414
|
-
|
|
27415
|
-
@media (min-width: 576px) {
|
|
27416
|
-
.pf-l-gallery {
|
|
27417
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27418
|
-
}
|
|
27419
|
-
}
|
|
27420
|
-
@media (min-width: 768px) {
|
|
27421
|
-
.pf-l-gallery {
|
|
27422
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
|
|
27423
|
-
}
|
|
27424
|
-
}
|
|
27425
|
-
@media (min-width: 992px) {
|
|
27426
|
-
.pf-l-gallery {
|
|
27427
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
|
|
27428
|
-
}
|
|
27429
|
-
}
|
|
27430
|
-
@media (min-width: 1200px) {
|
|
27431
|
-
.pf-l-gallery {
|
|
27432
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
|
|
27433
|
-
}
|
|
27434
|
-
}
|
|
27435
|
-
@media (min-width: 1450px) {
|
|
27436
|
-
.pf-l-gallery {
|
|
27437
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
|
|
27438
|
-
}
|
|
27439
|
-
}
|
|
27440
|
-
@media (min-width: 576px) {
|
|
27441
|
-
.pf-l-gallery {
|
|
27442
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27443
|
-
}
|
|
27444
|
-
}
|
|
27445
|
-
@media (min-width: 768px) {
|
|
27446
|
-
.pf-l-gallery {
|
|
27447
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
|
|
27448
|
-
}
|
|
27449
|
-
}
|
|
27450
|
-
@media (min-width: 992px) {
|
|
27451
|
-
.pf-l-gallery {
|
|
27452
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
|
|
27453
|
-
}
|
|
27454
|
-
}
|
|
27455
|
-
@media (min-width: 1200px) {
|
|
27456
|
-
.pf-l-gallery {
|
|
27457
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
|
|
27458
|
-
}
|
|
27459
|
-
}
|
|
27460
|
-
@media (min-width: 1450px) {
|
|
27461
|
-
.pf-l-gallery {
|
|
27462
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
|
|
27463
|
-
}
|
|
27464
|
-
}
|
|
27465
27263
|
.pf-l-level {
|
|
27466
27264
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27467
27265
|
display: flex;
|