@patternfly/react-core 4.211.2 → 4.211.5
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 +30 -0
- package/dist/esm/components/Modal/Modal.d.ts +4 -0
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +2 -2
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +4 -0
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js +3 -2
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.d.ts +6 -0
- package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +2 -2
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +7 -6
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +4 -0
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +2 -2
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +4 -0
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js +3 -2
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.d.ts +6 -0
- package/dist/js/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.js +2 -2
- package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +7 -6
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/umd/react-core.css +74 -69
- package/dist/umd/react-core.js +14 -12
- package/dist/umd/react-core.min.css +82 -77
- package/dist/umd/react-core.min.js +3 -3
- package/package.json +6 -6
- package/src/components/Modal/Modal.tsx +8 -0
- package/src/components/Modal/ModalContent.tsx +14 -1
- package/src/components/Modal/__tests__/Modal.test.tsx +56 -0
- package/src/components/Modal/examples/Modal.md +7 -0
- package/src/components/Modal/examples/ModalWithOverflowingContent.tsx +71 -0
- package/src/components/Tabs/examples/Tabs.md +144 -25
- package/src/components/Tooltip/Tooltip.tsx +8 -0
- package/src/components/Tooltip/examples/Tooltip.md +86 -41
- package/src/helpers/Popper/Popper.tsx +10 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAA2B,MAAM,0BAA0B,CAAC;AAE9E,OAAO,2DAA2D,CAAC;AAUnE,eAAO,MAAM,oBAAoB,sBAAuB,MAAM,WACM,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,gDAAgD;IAChD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,iFAAiF;IACjF,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,uBAAuB;IACvB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,+CAA+C;IAC/C,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,iDAAiD;IACjD,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,cAAc,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1G,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EACT,MAAM,GACN,CACI,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CACd,EAAE,CAAC;CACT;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA2MvD,CAAC"}
|
|
@@ -52,6 +52,11 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
52
52
|
addEventListener(onPopperClick, popperElement, 'click');
|
|
53
53
|
onDocumentClick && addEventListener(onDocumentClickCallback, document, 'click');
|
|
54
54
|
addEventListener(onDocumentKeyDown, document, 'keydown');
|
|
55
|
+
// Trigger a Popper update when content changes.
|
|
56
|
+
const observer = new MutationObserver(() => {
|
|
57
|
+
update && update();
|
|
58
|
+
});
|
|
59
|
+
popperElement && observer.observe(popperElement, { attributes: true, childList: true, subtree: true });
|
|
55
60
|
return () => {
|
|
56
61
|
removeEventListener(onMouseEnter, refOrTrigger, 'mouseenter');
|
|
57
62
|
removeEventListener(onMouseLeave, refOrTrigger, 'mouseleave');
|
|
@@ -62,6 +67,7 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
62
67
|
removeEventListener(onPopperClick, popperElement, 'click');
|
|
63
68
|
onDocumentClick && removeEventListener(onDocumentClickCallback, document, 'click');
|
|
64
69
|
removeEventListener(onDocumentKeyDown, document, 'keydown');
|
|
70
|
+
observer.disconnect();
|
|
65
71
|
};
|
|
66
72
|
}, [
|
|
67
73
|
triggerElement,
|
|
@@ -106,7 +112,7 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
106
112
|
return () => { };
|
|
107
113
|
}
|
|
108
114
|
}), [popperMatchesTriggerWidth]);
|
|
109
|
-
const { styles: popperStyles, attributes,
|
|
115
|
+
const { styles: popperStyles, attributes, update } = usePopper_1.usePopper(refOrTrigger, popperElement, {
|
|
110
116
|
placement: getPlacementMemo,
|
|
111
117
|
modifiers: [
|
|
112
118
|
{
|
|
@@ -134,11 +140,6 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
134
140
|
sameWidthMod
|
|
135
141
|
]
|
|
136
142
|
});
|
|
137
|
-
// force update when content changes
|
|
138
|
-
// https://github.com/patternfly/patternfly-react/issues/5620
|
|
139
|
-
React.useEffect(() => {
|
|
140
|
-
forceUpdate && forceUpdate();
|
|
141
|
-
}, [popper]);
|
|
142
143
|
// Returns the CSS modifier class in order to place the Popper's arrow properly
|
|
143
144
|
// Depends on the position of the Popper relative to the reference element
|
|
144
145
|
const modifierFromPopperPosition = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -3123,6 +3123,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3123
3123
|
position: relative;
|
|
3124
3124
|
display: inline-flex;
|
|
3125
3125
|
align-items: center;
|
|
3126
|
+
min-width: 0;
|
|
3126
3127
|
padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
|
|
3127
3128
|
list-style: none;
|
|
3128
3129
|
background-color: var(--pf-c-chip--BackgroundColor);
|
|
@@ -3230,6 +3231,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3230
3231
|
flex: 1;
|
|
3231
3232
|
flex-wrap: wrap;
|
|
3232
3233
|
align-items: baseline;
|
|
3234
|
+
min-width: 0;
|
|
3233
3235
|
}
|
|
3234
3236
|
|
|
3235
3237
|
.pf-c-chip-group__list {
|
|
@@ -3242,10 +3244,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3242
3244
|
display: inline-flex;
|
|
3243
3245
|
flex-wrap: wrap;
|
|
3244
3246
|
align-items: center;
|
|
3247
|
+
min-width: 0;
|
|
3248
|
+
max-width: 100%;
|
|
3245
3249
|
}
|
|
3246
3250
|
|
|
3247
3251
|
.pf-c-chip-group__list-item {
|
|
3248
3252
|
display: inline-flex;
|
|
3253
|
+
min-width: 0;
|
|
3249
3254
|
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
3250
3255
|
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
3251
3256
|
}
|
|
@@ -24713,6 +24718,75 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
24713
24718
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
24714
24719
|
}
|
|
24715
24720
|
}
|
|
24721
|
+
.pf-l-gallery {
|
|
24722
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
24723
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
24724
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24725
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
24726
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24727
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
24728
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
24729
|
+
display: grid;
|
|
24730
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
24731
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
24732
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
24733
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
24734
|
+
}
|
|
24735
|
+
|
|
24736
|
+
.pf-l-gallery.pf-m-gutter {
|
|
24737
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
24738
|
+
}
|
|
24739
|
+
|
|
24740
|
+
@media (min-width: 576px) {
|
|
24741
|
+
.pf-l-gallery {
|
|
24742
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
24743
|
+
}
|
|
24744
|
+
}
|
|
24745
|
+
@media (min-width: 768px) {
|
|
24746
|
+
.pf-l-gallery {
|
|
24747
|
+
--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)));
|
|
24748
|
+
}
|
|
24749
|
+
}
|
|
24750
|
+
@media (min-width: 992px) {
|
|
24751
|
+
.pf-l-gallery {
|
|
24752
|
+
--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))));
|
|
24753
|
+
}
|
|
24754
|
+
}
|
|
24755
|
+
@media (min-width: 1200px) {
|
|
24756
|
+
.pf-l-gallery {
|
|
24757
|
+
--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)))));
|
|
24758
|
+
}
|
|
24759
|
+
}
|
|
24760
|
+
@media (min-width: 1450px) {
|
|
24761
|
+
.pf-l-gallery {
|
|
24762
|
+
--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))))));
|
|
24763
|
+
}
|
|
24764
|
+
}
|
|
24765
|
+
@media (min-width: 576px) {
|
|
24766
|
+
.pf-l-gallery {
|
|
24767
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
24768
|
+
}
|
|
24769
|
+
}
|
|
24770
|
+
@media (min-width: 768px) {
|
|
24771
|
+
.pf-l-gallery {
|
|
24772
|
+
--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)));
|
|
24773
|
+
}
|
|
24774
|
+
}
|
|
24775
|
+
@media (min-width: 992px) {
|
|
24776
|
+
.pf-l-gallery {
|
|
24777
|
+
--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))));
|
|
24778
|
+
}
|
|
24779
|
+
}
|
|
24780
|
+
@media (min-width: 1200px) {
|
|
24781
|
+
.pf-l-gallery {
|
|
24782
|
+
--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)))));
|
|
24783
|
+
}
|
|
24784
|
+
}
|
|
24785
|
+
@media (min-width: 1450px) {
|
|
24786
|
+
.pf-l-gallery {
|
|
24787
|
+
--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))))));
|
|
24788
|
+
}
|
|
24789
|
+
}
|
|
24716
24790
|
.pf-l-grid {
|
|
24717
24791
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
24718
24792
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -25927,75 +26001,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
25927
26001
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
25928
26002
|
}
|
|
25929
26003
|
|
|
25930
|
-
.pf-l-gallery {
|
|
25931
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
25932
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
25933
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25934
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
25935
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25936
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
25937
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
25938
|
-
display: grid;
|
|
25939
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
25940
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
25941
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
25942
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
25943
|
-
}
|
|
25944
|
-
|
|
25945
|
-
.pf-l-gallery.pf-m-gutter {
|
|
25946
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
25947
|
-
}
|
|
25948
|
-
|
|
25949
|
-
@media (min-width: 576px) {
|
|
25950
|
-
.pf-l-gallery {
|
|
25951
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
25952
|
-
}
|
|
25953
|
-
}
|
|
25954
|
-
@media (min-width: 768px) {
|
|
25955
|
-
.pf-l-gallery {
|
|
25956
|
-
--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)));
|
|
25957
|
-
}
|
|
25958
|
-
}
|
|
25959
|
-
@media (min-width: 992px) {
|
|
25960
|
-
.pf-l-gallery {
|
|
25961
|
-
--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))));
|
|
25962
|
-
}
|
|
25963
|
-
}
|
|
25964
|
-
@media (min-width: 1200px) {
|
|
25965
|
-
.pf-l-gallery {
|
|
25966
|
-
--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)))));
|
|
25967
|
-
}
|
|
25968
|
-
}
|
|
25969
|
-
@media (min-width: 1450px) {
|
|
25970
|
-
.pf-l-gallery {
|
|
25971
|
-
--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))))));
|
|
25972
|
-
}
|
|
25973
|
-
}
|
|
25974
|
-
@media (min-width: 576px) {
|
|
25975
|
-
.pf-l-gallery {
|
|
25976
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
25977
|
-
}
|
|
25978
|
-
}
|
|
25979
|
-
@media (min-width: 768px) {
|
|
25980
|
-
.pf-l-gallery {
|
|
25981
|
-
--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)));
|
|
25982
|
-
}
|
|
25983
|
-
}
|
|
25984
|
-
@media (min-width: 992px) {
|
|
25985
|
-
.pf-l-gallery {
|
|
25986
|
-
--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))));
|
|
25987
|
-
}
|
|
25988
|
-
}
|
|
25989
|
-
@media (min-width: 1200px) {
|
|
25990
|
-
.pf-l-gallery {
|
|
25991
|
-
--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)))));
|
|
25992
|
-
}
|
|
25993
|
-
}
|
|
25994
|
-
@media (min-width: 1450px) {
|
|
25995
|
-
.pf-l-gallery {
|
|
25996
|
-
--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))))));
|
|
25997
|
-
}
|
|
25998
|
-
}
|
|
25999
26004
|
.pf-l-level {
|
|
26000
26005
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
26001
26006
|
display: flex;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -3093,6 +3093,11 @@
|
|
|
3093
3093
|
addEventListener(onPopperClick, popperElement, 'click');
|
|
3094
3094
|
onDocumentClick && addEventListener(onDocumentClickCallback, document, 'click');
|
|
3095
3095
|
addEventListener(onDocumentKeyDown, document, 'keydown');
|
|
3096
|
+
// Trigger a Popper update when content changes.
|
|
3097
|
+
const observer = new MutationObserver(() => {
|
|
3098
|
+
update && update();
|
|
3099
|
+
});
|
|
3100
|
+
popperElement && observer.observe(popperElement, { attributes: true, childList: true, subtree: true });
|
|
3096
3101
|
return () => {
|
|
3097
3102
|
removeEventListener(onMouseEnter, refOrTrigger, 'mouseenter');
|
|
3098
3103
|
removeEventListener(onMouseLeave, refOrTrigger, 'mouseleave');
|
|
@@ -3103,6 +3108,7 @@
|
|
|
3103
3108
|
removeEventListener(onPopperClick, popperElement, 'click');
|
|
3104
3109
|
onDocumentClick && removeEventListener(onDocumentClickCallback, document, 'click');
|
|
3105
3110
|
removeEventListener(onDocumentKeyDown, document, 'keydown');
|
|
3111
|
+
observer.disconnect();
|
|
3106
3112
|
};
|
|
3107
3113
|
}, [
|
|
3108
3114
|
triggerElement,
|
|
@@ -3147,7 +3153,7 @@
|
|
|
3147
3153
|
return () => { };
|
|
3148
3154
|
}
|
|
3149
3155
|
}), [popperMatchesTriggerWidth]);
|
|
3150
|
-
const { styles: popperStyles, attributes,
|
|
3156
|
+
const { styles: popperStyles, attributes, update } = usePopper(refOrTrigger, popperElement, {
|
|
3151
3157
|
placement: getPlacementMemo,
|
|
3152
3158
|
modifiers: [
|
|
3153
3159
|
{
|
|
@@ -3175,11 +3181,6 @@
|
|
|
3175
3181
|
sameWidthMod
|
|
3176
3182
|
]
|
|
3177
3183
|
});
|
|
3178
|
-
// force update when content changes
|
|
3179
|
-
// https://github.com/patternfly/patternfly-react/issues/5620
|
|
3180
|
-
React__namespace.useEffect(() => {
|
|
3181
|
-
forceUpdate && forceUpdate();
|
|
3182
|
-
}, [popper]);
|
|
3183
3184
|
// Returns the CSS modifier class in order to place the Popper's arrow properly
|
|
3184
3185
|
// Depends on the position of the Popper relative to the reference element
|
|
3185
3186
|
const modifierFromPopperPosition = () => {
|
|
@@ -4238,7 +4239,7 @@
|
|
|
4238
4239
|
const Tooltip = (_a) => {
|
|
4239
4240
|
var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 0, appendTo = () => document.body, zIndex = 9999, maxWidth = tooltipMaxWidth.value, distance = 15, aria = 'describedby',
|
|
4240
4241
|
// For every initial starting position, there are 3 escape positions
|
|
4241
|
-
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, boundary, isAppLauncher, tippyProps } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", "boundary", "isAppLauncher", "tippyProps"]);
|
|
4242
|
+
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps } = _a, rest = __rest$1(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps"]);
|
|
4242
4243
|
{
|
|
4243
4244
|
boundary !== undefined &&
|
|
4244
4245
|
console.warn('The Tooltip boundary prop has been deprecated. If you want to constrain the popper to a specific element use the appendTo prop instead.');
|
|
@@ -4320,7 +4321,7 @@
|
|
|
4320
4321
|
'right-end': styles$19.modifiers.rightBottom
|
|
4321
4322
|
};
|
|
4322
4323
|
const hasCustomMaxWidth = maxWidth !== tooltipMaxWidth.value;
|
|
4323
|
-
const content = (React__namespace.createElement("div", Object.assign({ className: css(styles$19.tooltip, className), role: "tooltip", id: id, style: {
|
|
4324
|
+
const content = (React__namespace.createElement("div", Object.assign({ "aria-live": ariaLive, className: css(styles$19.tooltip, className), role: "tooltip", id: id, style: {
|
|
4324
4325
|
maxWidth: hasCustomMaxWidth ? maxWidth : null,
|
|
4325
4326
|
opacity,
|
|
4326
4327
|
transition: getOpacityTransition(animationDuration)
|
|
@@ -15334,7 +15335,7 @@
|
|
|
15334
15335
|
ModalBoxTitle.displayName = 'ModalBoxTitle';
|
|
15335
15336
|
|
|
15336
15337
|
const ModalContent = (_a) => {
|
|
15337
|
-
var { children, className = '', isOpen = false, header = null, help = null, description = null, title = '', titleIconVariant = null, titleLabel = '', 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, showClose = true, footer = null, actions = [], onClose = () => undefined, variant = 'default', position, positionOffset, width = -1, boxId, labelId, descriptorId, disableFocusTrap = false, hasNoBodyWrapper = false, ouiaId, ouiaSafe = true } = _a, props = __rest$1(_a, ["children", "className", "isOpen", "header", "help", "description", "title", "titleIconVariant", "titleLabel", 'aria-label', 'aria-describedby', 'aria-labelledby', "showClose", "footer", "actions", "onClose", "variant", "position", "positionOffset", "width", "boxId", "labelId", "descriptorId", "disableFocusTrap", "hasNoBodyWrapper", "ouiaId", "ouiaSafe"]);
|
|
15338
|
+
var { children, className = '', isOpen = false, header = null, help = null, description = null, title = '', titleIconVariant = null, titleLabel = '', 'aria-label': ariaLabel = '', 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, bodyAriaLabel, bodyAriaRole, showClose = true, footer = null, actions = [], onClose = () => undefined, variant = 'default', position, positionOffset, width = -1, boxId, labelId, descriptorId, disableFocusTrap = false, hasNoBodyWrapper = false, ouiaId, ouiaSafe = true } = _a, props = __rest$1(_a, ["children", "className", "isOpen", "header", "help", "description", "title", "titleIconVariant", "titleLabel", 'aria-label', 'aria-describedby', 'aria-labelledby', "bodyAriaLabel", "bodyAriaRole", "showClose", "footer", "actions", "onClose", "variant", "position", "positionOffset", "width", "boxId", "labelId", "descriptorId", "disableFocusTrap", "hasNoBodyWrapper", "ouiaId", "ouiaSafe"]);
|
|
15338
15339
|
if (!isOpen) {
|
|
15339
15340
|
return null;
|
|
15340
15341
|
}
|
|
@@ -15342,7 +15343,8 @@
|
|
|
15342
15343
|
React__namespace.createElement(ModalBoxTitle, { title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, id: labelId }),
|
|
15343
15344
|
description && React__namespace.createElement(ModalBoxDescription, { id: descriptorId }, description))));
|
|
15344
15345
|
const modalBoxFooter = footer ? (React__namespace.createElement(ModalBoxFooter, null, footer)) : (actions.length > 0 && React__namespace.createElement(ModalBoxFooter, null, actions));
|
|
15345
|
-
const
|
|
15346
|
+
const defaultModalBodyAriaRole = bodyAriaLabel ? 'region' : undefined;
|
|
15347
|
+
const modalBody = hasNoBodyWrapper ? (children) : (React__namespace.createElement(ModalBoxBody, Object.assign({ "aria-label": bodyAriaLabel, role: bodyAriaRole || defaultModalBodyAriaRole }, props, (!description && !ariaDescribedby && { id: descriptorId })), children));
|
|
15346
15348
|
const boxStyle = width === -1 ? {} : { width };
|
|
15347
15349
|
const ariaLabelledbyFormatted = () => {
|
|
15348
15350
|
if (ariaLabelledby === null) {
|
|
@@ -15466,12 +15468,12 @@
|
|
|
15466
15468
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15467
15469
|
appendTo,
|
|
15468
15470
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15469
|
-
onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, title, titleIconVariant, titleLabel, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "title", "titleIconVariant", "titleLabel", "ouiaId", "ouiaSafe"]);
|
|
15471
|
+
onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, bodyAriaLabel, bodyAriaRole, title, titleIconVariant, titleLabel, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "bodyAriaLabel", "bodyAriaRole", "title", "titleIconVariant", "titleLabel", "ouiaId", "ouiaSafe"]);
|
|
15470
15472
|
const { container } = this.state;
|
|
15471
15473
|
if (!canUseDOM || !container) {
|
|
15472
15474
|
return null;
|
|
15473
15475
|
}
|
|
15474
|
-
return ReactDOM__namespace.createPortal(React__namespace.createElement(ModalContent, Object.assign({}, props, { boxId: this.boxId, labelId: this.labelId, descriptorId: this.descriptorId, title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe })), container);
|
|
15476
|
+
return ReactDOM__namespace.createPortal(React__namespace.createElement(ModalContent, Object.assign({}, props, { boxId: this.boxId, labelId: this.labelId, descriptorId: this.descriptorId, title: title, titleIconVariant: titleIconVariant, titleLabel: titleLabel, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, bodyAriaLabel: bodyAriaLabel, bodyAriaRole: bodyAriaRole, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe })), container);
|
|
15475
15477
|
}
|
|
15476
15478
|
}
|
|
15477
15479
|
Modal.displayName = 'Modal';
|
|
@@ -3123,6 +3123,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3123
3123
|
position: relative;
|
|
3124
3124
|
display: inline-flex;
|
|
3125
3125
|
align-items: center;
|
|
3126
|
+
min-width: 0;
|
|
3126
3127
|
padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
|
|
3127
3128
|
list-style: none;
|
|
3128
3129
|
background-color: var(--pf-c-chip--BackgroundColor);
|
|
@@ -3230,6 +3231,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3230
3231
|
flex: 1;
|
|
3231
3232
|
flex-wrap: wrap;
|
|
3232
3233
|
align-items: baseline;
|
|
3234
|
+
min-width: 0;
|
|
3233
3235
|
}
|
|
3234
3236
|
|
|
3235
3237
|
.pf-c-chip-group__list {
|
|
@@ -3242,10 +3244,13 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
3242
3244
|
display: inline-flex;
|
|
3243
3245
|
flex-wrap: wrap;
|
|
3244
3246
|
align-items: center;
|
|
3247
|
+
min-width: 0;
|
|
3248
|
+
max-width: 100%;
|
|
3245
3249
|
}
|
|
3246
3250
|
|
|
3247
3251
|
.pf-c-chip-group__list-item {
|
|
3248
3252
|
display: inline-flex;
|
|
3253
|
+
min-width: 0;
|
|
3249
3254
|
margin-right: var(--pf-c-chip-group__list-item--MarginRight);
|
|
3250
3255
|
margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
|
|
3251
3256
|
}
|
|
@@ -17307,6 +17312,83 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
17307
17312
|
box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
|
|
17308
17313
|
}
|
|
17309
17314
|
|
|
17315
|
+
.pf-c-simple-list {
|
|
17316
|
+
--pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
|
|
17317
|
+
--pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
|
|
17318
|
+
--pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
|
|
17319
|
+
--pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
|
|
17320
|
+
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
17321
|
+
--pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
|
|
17322
|
+
--pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
|
|
17323
|
+
--pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17324
|
+
--pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
|
|
17325
|
+
--pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17326
|
+
--pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17327
|
+
--pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
|
|
17328
|
+
--pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17329
|
+
--pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
|
|
17330
|
+
--pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17331
|
+
--pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17332
|
+
--pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
|
|
17333
|
+
--pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17334
|
+
--pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17335
|
+
--pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
|
|
17336
|
+
--pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
|
|
17337
|
+
--pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
|
|
17338
|
+
--pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
|
|
17339
|
+
--pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
|
|
17340
|
+
--pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
|
|
17341
|
+
--pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
17342
|
+
--pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
|
|
17343
|
+
}
|
|
17344
|
+
|
|
17345
|
+
.pf-c-simple-list__item-link {
|
|
17346
|
+
display: block;
|
|
17347
|
+
width: 100%;
|
|
17348
|
+
padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
|
|
17349
|
+
font-size: var(--pf-c-simple-list__item-link--FontSize);
|
|
17350
|
+
font-weight: var(--pf-c-simple-list__item-link--FontWeight);
|
|
17351
|
+
color: var(--pf-c-simple-list__item-link--Color);
|
|
17352
|
+
text-align: left;
|
|
17353
|
+
background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
|
|
17354
|
+
border: none;
|
|
17355
|
+
}
|
|
17356
|
+
|
|
17357
|
+
.pf-c-simple-list__item-link:hover {
|
|
17358
|
+
text-decoration: none;
|
|
17359
|
+
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
17360
|
+
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
17361
|
+
}
|
|
17362
|
+
|
|
17363
|
+
.pf-c-simple-list__item-link:focus {
|
|
17364
|
+
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
17365
|
+
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
|
|
17366
|
+
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
|
|
17367
|
+
}
|
|
17368
|
+
|
|
17369
|
+
.pf-c-simple-list__item-link:active {
|
|
17370
|
+
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
|
|
17371
|
+
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
|
|
17372
|
+
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
|
|
17373
|
+
}
|
|
17374
|
+
|
|
17375
|
+
.pf-c-simple-list__item-link.pf-m-current {
|
|
17376
|
+
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
|
|
17377
|
+
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
|
|
17378
|
+
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
|
|
17379
|
+
}
|
|
17380
|
+
|
|
17381
|
+
.pf-c-simple-list__title {
|
|
17382
|
+
padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
|
|
17383
|
+
font-size: var(--pf-c-simple-list__title--FontSize);
|
|
17384
|
+
font-weight: var(--pf-c-simple-list__title--FontWeight);
|
|
17385
|
+
color: var(--pf-c-simple-list__title--Color);
|
|
17386
|
+
}
|
|
17387
|
+
|
|
17388
|
+
.pf-c-simple-list__section + .pf-c-simple-list__section {
|
|
17389
|
+
margin-top: var(--pf-c-simple-list__section--section--MarginTop);
|
|
17390
|
+
}
|
|
17391
|
+
|
|
17310
17392
|
.pf-c-skeleton {
|
|
17311
17393
|
--pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
|
|
17312
17394
|
--pf-c-skeleton--Width: auto;
|
|
@@ -17496,83 +17578,6 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
17496
17578
|
transform: translateX(100%);
|
|
17497
17579
|
}
|
|
17498
17580
|
}
|
|
17499
|
-
.pf-c-simple-list {
|
|
17500
|
-
--pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
|
|
17501
|
-
--pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
|
|
17502
|
-
--pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
|
|
17503
|
-
--pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
|
|
17504
|
-
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
17505
|
-
--pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
|
|
17506
|
-
--pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
|
|
17507
|
-
--pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17508
|
-
--pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
|
|
17509
|
-
--pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17510
|
-
--pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17511
|
-
--pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
|
|
17512
|
-
--pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17513
|
-
--pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
|
|
17514
|
-
--pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17515
|
-
--pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17516
|
-
--pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
|
|
17517
|
-
--pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
|
|
17518
|
-
--pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
|
|
17519
|
-
--pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
|
|
17520
|
-
--pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
|
|
17521
|
-
--pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
|
|
17522
|
-
--pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
|
|
17523
|
-
--pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
|
|
17524
|
-
--pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
|
|
17525
|
-
--pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
17526
|
-
--pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
|
|
17527
|
-
}
|
|
17528
|
-
|
|
17529
|
-
.pf-c-simple-list__item-link {
|
|
17530
|
-
display: block;
|
|
17531
|
-
width: 100%;
|
|
17532
|
-
padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
|
|
17533
|
-
font-size: var(--pf-c-simple-list__item-link--FontSize);
|
|
17534
|
-
font-weight: var(--pf-c-simple-list__item-link--FontWeight);
|
|
17535
|
-
color: var(--pf-c-simple-list__item-link--Color);
|
|
17536
|
-
text-align: left;
|
|
17537
|
-
background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
|
|
17538
|
-
border: none;
|
|
17539
|
-
}
|
|
17540
|
-
|
|
17541
|
-
.pf-c-simple-list__item-link:hover {
|
|
17542
|
-
text-decoration: none;
|
|
17543
|
-
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
|
|
17544
|
-
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
|
|
17545
|
-
}
|
|
17546
|
-
|
|
17547
|
-
.pf-c-simple-list__item-link:focus {
|
|
17548
|
-
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
|
|
17549
|
-
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
|
|
17550
|
-
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
|
|
17551
|
-
}
|
|
17552
|
-
|
|
17553
|
-
.pf-c-simple-list__item-link:active {
|
|
17554
|
-
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
|
|
17555
|
-
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
|
|
17556
|
-
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
|
|
17557
|
-
}
|
|
17558
|
-
|
|
17559
|
-
.pf-c-simple-list__item-link.pf-m-current {
|
|
17560
|
-
--pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
|
|
17561
|
-
--pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
|
|
17562
|
-
--pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
|
|
17563
|
-
}
|
|
17564
|
-
|
|
17565
|
-
.pf-c-simple-list__title {
|
|
17566
|
-
padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
|
|
17567
|
-
font-size: var(--pf-c-simple-list__title--FontSize);
|
|
17568
|
-
font-weight: var(--pf-c-simple-list__title--FontWeight);
|
|
17569
|
-
color: var(--pf-c-simple-list__title--Color);
|
|
17570
|
-
}
|
|
17571
|
-
|
|
17572
|
-
.pf-c-simple-list__section + .pf-c-simple-list__section {
|
|
17573
|
-
margin-top: var(--pf-c-simple-list__section--section--MarginTop);
|
|
17574
|
-
}
|
|
17575
|
-
|
|
17576
17581
|
.pf-c-skip-to-content {
|
|
17577
17582
|
--pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
|
|
17578
17583
|
--pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
|