@patternfly/react-core 4.227.6 → 4.227.9
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/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/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/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/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/umd/react-core.css +46 -49
- package/dist/umd/react-core.js +17 -12
- package/dist/umd/react-core.min.css +84 -87
- 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/Pagination/examples/Pagination.md +8 -355
- package/src/components/Pagination/examples/PaginationBottom.tsx +33 -0
- package/src/components/Pagination/examples/PaginationCompact.tsx +33 -0
- package/src/components/Pagination/examples/PaginationDisabled.tsx +33 -0
- package/src/components/Pagination/examples/PaginationIndeterminate.tsx +40 -0
- package/src/components/Pagination/examples/PaginationNoItems.tsx +32 -0
- package/src/components/Pagination/examples/PaginationOnePage.tsx +32 -0
- package/src/components/Pagination/examples/PaginationSticky.tsx +81 -0
- package/src/components/Pagination/examples/PaginationTop.tsx +32 -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/TextInputGroup/TextInputGroup.tsx +9 -1
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +1 -1
- package/src/demos/ComposableMenu/ComposableMenu.md +8 -0
- package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +196 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,oHAAmF;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ export interface TextInputGroupProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
/** Adds disabled styling and a disabled context value which text input group main hooks into for the input itself */
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
+
/** Flag to indicate the toggle has no border or background */
|
|
10
|
+
isPlain?: boolean;
|
|
9
11
|
/** @hide A reference object to attach to the input box */
|
|
10
12
|
innerRef?: React.RefObject<any>;
|
|
11
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA0BvE,CAAC"}
|
|
@@ -9,10 +9,10 @@ exports.TextInputGroupContext = React.createContext({
|
|
|
9
9
|
isDisabled: false
|
|
10
10
|
});
|
|
11
11
|
const TextInputGroup = (_a) => {
|
|
12
|
-
var { children, className, isDisabled, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "innerRef"]);
|
|
12
|
+
var { children, className, isDisabled, isPlain, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
|
|
13
13
|
const textInputGroupRef = innerRef || React.useRef(null);
|
|
14
14
|
return (React.createElement(exports.TextInputGroupContext.Provider, { value: { isDisabled } },
|
|
15
|
-
React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, className) }, props), children)));
|
|
15
|
+
React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, isPlain && text_input_group_1.default.modifiers.plain, className) }, props), children)));
|
|
16
16
|
};
|
|
17
17
|
exports.TextInputGroup = TextInputGroup;
|
|
18
18
|
exports.TextInputGroup.displayName = 'TextInputGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;
|
|
1
|
+
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAelC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAOvD,EAAE,EAAE;QAPmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,OAEY,EADjB,KAAK,sBANmE,8DAO5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CACZ,0BAAM,CAAC,cAAc,EACrB,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,IAAI,0BAAM,CAAC,SAAS,CAAC,KAAK,EACjC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -22,7 +22,7 @@ export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivEle
|
|
|
22
22
|
value?: string | number;
|
|
23
23
|
/** Placeholder value for the input */
|
|
24
24
|
placeholder?: string;
|
|
25
|
-
/**
|
|
25
|
+
/** A reference object to attach to the input box */
|
|
26
26
|
innerRef?: React.RefObject<any>;
|
|
27
27
|
}
|
|
28
28
|
export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
|
package/dist/umd/react-core.css
CHANGED
|
@@ -266,37 +266,6 @@
|
|
|
266
266
|
--pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.pf-c-action-list {
|
|
270
|
-
--pf-c-action-list--m-icon--spacer: 0;
|
|
271
|
-
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
272
|
-
--pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.pf-c-action-list,
|
|
276
|
-
.pf-c-action-list__group {
|
|
277
|
-
--pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
|
|
278
|
-
--pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
|
|
279
|
-
display: flex;
|
|
280
|
-
align-items: center;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
.pf-c-action-list > * + *,
|
|
284
|
-
.pf-c-action-list__group > * + * {
|
|
285
|
-
margin-left: var(--pf-c-action-list--child--spacer);
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
.pf-c-action-list > * + .pf-c-action-list__group,
|
|
289
|
-
.pf-c-action-list .pf-c-action-list__group + *,
|
|
290
|
-
.pf-c-action-list__group > * + .pf-c-action-list__group,
|
|
291
|
-
.pf-c-action-list__group .pf-c-action-list__group + * {
|
|
292
|
-
margin-left: var(--pf-c-action-list--group--spacer);
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.pf-c-action-list.pf-m-icons,
|
|
296
|
-
.pf-c-action-list__group.pf-m-icons {
|
|
297
|
-
--pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
|
|
298
|
-
}
|
|
299
|
-
|
|
300
269
|
.pf-c-alert {
|
|
301
270
|
--pf-global--Color--100: var(--pf-global--Color--dark-100);
|
|
302
271
|
--pf-global--Color--200: var(--pf-global--Color--dark-200);
|
|
@@ -529,6 +498,37 @@
|
|
|
529
498
|
--pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
|
|
530
499
|
}
|
|
531
500
|
|
|
501
|
+
.pf-c-action-list {
|
|
502
|
+
--pf-c-action-list--m-icon--spacer: 0;
|
|
503
|
+
--pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
|
|
504
|
+
--pf-c-action-list--group--spacer-base: var(--pf-global--spacer--2xl);
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.pf-c-action-list,
|
|
508
|
+
.pf-c-action-list__group {
|
|
509
|
+
--pf-c-action-list--child--spacer: var(--pf-c-action-list--child--spacer-base);
|
|
510
|
+
--pf-c-action-list--group--spacer: var(--pf-c-action-list--group--spacer-base);
|
|
511
|
+
display: flex;
|
|
512
|
+
align-items: center;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
.pf-c-action-list > * + *,
|
|
516
|
+
.pf-c-action-list__group > * + * {
|
|
517
|
+
margin-left: var(--pf-c-action-list--child--spacer);
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
.pf-c-action-list > * + .pf-c-action-list__group,
|
|
521
|
+
.pf-c-action-list .pf-c-action-list__group + *,
|
|
522
|
+
.pf-c-action-list__group > * + .pf-c-action-list__group,
|
|
523
|
+
.pf-c-action-list__group .pf-c-action-list__group + * {
|
|
524
|
+
margin-left: var(--pf-c-action-list--group--spacer);
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
.pf-c-action-list.pf-m-icons,
|
|
528
|
+
.pf-c-action-list__group.pf-m-icons {
|
|
529
|
+
--pf-c-action-list--child--spacer: var(--pf-c-action-list--m-icon--spacer);
|
|
530
|
+
}
|
|
531
|
+
|
|
532
532
|
.pf-c-app-launcher {
|
|
533
533
|
--pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
|
|
534
534
|
--pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
@@ -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;
|
package/dist/umd/react-core.js
CHANGED
|
@@ -15677,7 +15677,7 @@
|
|
|
15677
15677
|
direction: 'right'
|
|
15678
15678
|
});
|
|
15679
15679
|
const MenuItemBase = (_a) => {
|
|
15680
|
-
var { children, className, itemId = null, to, hasCheck = false, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "hasCheck", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
|
|
15680
|
+
var { children, className, itemId = null, to, hasCheck = false, isActive = null, isFavorited = null, isLoadButton = false, isLoading = false, flyoutMenu, direction, description = null, onClick = () => { }, component = 'button', isDisabled = false, isExternalLink = false, isSelected = null, isFocused, icon, actions, onShowFlyout, drilldownMenu, isOnPath, innerRef } = _a, props = __rest$1(_a, ["children", "className", "itemId", "to", "hasCheck", "isActive", "isFavorited", "isLoadButton", "isLoading", "flyoutMenu", "direction", "description", "onClick", "component", "isDisabled", "isExternalLink", "isSelected", "isFocused", "icon", "actions", "onShowFlyout", "drilldownMenu", "isOnPath", "innerRef"]);
|
|
15681
15681
|
const { menuId, parentMenu, onSelect, onActionClick, activeItemId, selected, drilldownItemPath, onDrillIn, onDrillOut, flyoutRef, setFlyoutRef, disableHover } = React__namespace.useContext(MenuContext);
|
|
15682
15682
|
let Component = (to ? 'a' : component);
|
|
15683
15683
|
if (hasCheck && !to) {
|
|
@@ -15843,7 +15843,7 @@
|
|
|
15843
15843
|
setFlyoutRef(null);
|
|
15844
15844
|
}
|
|
15845
15845
|
};
|
|
15846
|
-
return (React__namespace.createElement("li", Object.assign({ className: css(menuStyles.menuListItem, isDisabled && menuStyles.modifiers.disabled, _isOnPath && menuStyles.modifiers.currentPath, isLoadButton && menuStyles.modifiers.load, isLoading && menuStyles.modifiers.loading, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: !hasCheck ? 'none' : 'menuitem' }, props),
|
|
15846
|
+
return (React__namespace.createElement("li", Object.assign({ className: css(menuStyles.menuListItem, isDisabled && menuStyles.modifiers.disabled, _isOnPath && menuStyles.modifiers.currentPath, isLoadButton && menuStyles.modifiers.load, isLoading && menuStyles.modifiers.loading, isFocused && menuStyles.modifiers.focus, className), onMouseOver: onMouseOver }, (flyoutMenu && { onKeyDown: handleFlyout }), { ref: ref, role: !hasCheck ? 'none' : 'menuitem' }, props),
|
|
15847
15847
|
React__namespace.createElement(GenerateId, null, randomId => (React__namespace.createElement(Component, Object.assign({ tabIndex: -1, className: css(menuStyles.menuItem, getIsSelected() && !hasCheck && menuStyles.modifiers.selected, className), "aria-current": getAriaCurrent() }, (!hasCheck && { disabled: isDisabled }), (!hasCheck && { role: 'menuitem' }), { ref: innerRef }, (!hasCheck && {
|
|
15848
15848
|
onClick: (event) => {
|
|
15849
15849
|
onItemSelect(event, onSelect);
|
|
@@ -15936,19 +15936,23 @@
|
|
|
15936
15936
|
this.displayName = 'MenuToggleBase';
|
|
15937
15937
|
}
|
|
15938
15938
|
render() {
|
|
15939
|
-
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef } = _a,
|
|
15939
|
+
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
|
|
15940
15940
|
const isPlain = variant === 'plain';
|
|
15941
15941
|
const isPlainText = variant === 'plainText';
|
|
15942
|
+
const isTypeahead = variant === 'typeahead';
|
|
15943
|
+
const toggleControls = (React__namespace.createElement("span", { className: css(styles$x.menuToggleControls) },
|
|
15944
|
+
React__namespace.createElement("span", { className: css(styles$x.menuToggleToggleIcon) },
|
|
15945
|
+
React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
|
|
15942
15946
|
const content = (React__namespace.createElement(React__namespace.Fragment, null,
|
|
15943
15947
|
icon && React__namespace.createElement("span", { className: css(styles$x.menuToggleIcon) }, icon),
|
|
15944
|
-
React__namespace.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
|
|
15948
|
+
isTypeahead ? children : React__namespace.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
|
|
15945
15949
|
badge && React__namespace.createElement("span", { className: css(styles$x.menuToggleCount) }, badge),
|
|
15946
|
-
React__namespace.createElement("
|
|
15947
|
-
|
|
15948
|
-
|
|
15949
|
-
|
|
15950
|
-
|
|
15951
|
-
|
|
15950
|
+
isTypeahead ? (React__namespace.createElement("button", { type: "button", className: css(styles$x.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
|
|
15951
|
+
const componentProps = Object.assign(Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isTypeahead && styles$x.modifiers.typeahead, isFullWidth && styles$x.modifiers.fullWidth, className), children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
|
|
15952
|
+
if (isTypeahead) {
|
|
15953
|
+
return React__namespace.createElement("div", Object.assign({ ref: innerRef }, componentProps));
|
|
15954
|
+
}
|
|
15955
|
+
return (React__namespace.createElement("button", Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, variant === 'secondary' && styles$x.modifiers.secondary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isFullWidth && styles$x.modifiers.fullWidth, className), ref: innerRef, type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, onClick: onClick }, componentProps)));
|
|
15952
15956
|
}
|
|
15953
15957
|
}
|
|
15954
15958
|
MenuToggleBase.defaultProps = {
|
|
@@ -18387,10 +18391,10 @@
|
|
|
18387
18391
|
isDisabled: false
|
|
18388
18392
|
});
|
|
18389
18393
|
const TextInputGroup = (_a) => {
|
|
18390
|
-
var { children, className, isDisabled, innerRef } = _a, props = __rest$1(_a, ["children", "className", "isDisabled", "innerRef"]);
|
|
18394
|
+
var { children, className, isDisabled, isPlain, innerRef } = _a, props = __rest$1(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
|
|
18391
18395
|
const textInputGroupRef = innerRef || React__namespace.useRef(null);
|
|
18392
18396
|
return (React__namespace.createElement(TextInputGroupContext.Provider, { value: { isDisabled } },
|
|
18393
|
-
React__namespace.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles$l.textInputGroup, isDisabled && styles$l.modifiers.disabled, className) }, props), children)));
|
|
18397
|
+
React__namespace.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles$l.textInputGroup, isDisabled && styles$l.modifiers.disabled, isPlain && styles$l.modifiers.plain, className) }, props), children)));
|
|
18394
18398
|
};
|
|
18395
18399
|
TextInputGroup.displayName = 'TextInputGroup';
|
|
18396
18400
|
|
|
@@ -19054,6 +19058,7 @@
|
|
|
19054
19058
|
"nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
|
|
19055
19059
|
"expanded": "pf-m-expanded",
|
|
19056
19060
|
"pageInsets": "pf-m-page-insets",
|
|
19061
|
+
"overflow": "pf-m-overflow",
|
|
19057
19062
|
"action": "pf-m-action",
|
|
19058
19063
|
"active": "pf-m-active",
|
|
19059
19064
|
"disabled": "pf-m-disabled",
|
|
@@ -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;
|
|
@@ -25997,6 +25994,75 @@ label.pf-c-tree-view__node-text {
|
|
|
25997
25994
|
--pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
|
|
25998
25995
|
}
|
|
25999
25996
|
}
|
|
25997
|
+
.pf-l-gallery {
|
|
25998
|
+
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
25999
|
+
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
26000
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26001
|
+
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
26002
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26003
|
+
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
26004
|
+
--pf-l-gallery--GridTemplateRows: auto;
|
|
26005
|
+
display: grid;
|
|
26006
|
+
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
26007
|
+
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
26008
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
26009
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
26010
|
+
}
|
|
26011
|
+
|
|
26012
|
+
.pf-l-gallery.pf-m-gutter {
|
|
26013
|
+
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
26014
|
+
}
|
|
26015
|
+
|
|
26016
|
+
@media (min-width: 576px) {
|
|
26017
|
+
.pf-l-gallery {
|
|
26018
|
+
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
26019
|
+
}
|
|
26020
|
+
}
|
|
26021
|
+
@media (min-width: 768px) {
|
|
26022
|
+
.pf-l-gallery {
|
|
26023
|
+
--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)));
|
|
26024
|
+
}
|
|
26025
|
+
}
|
|
26026
|
+
@media (min-width: 992px) {
|
|
26027
|
+
.pf-l-gallery {
|
|
26028
|
+
--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))));
|
|
26029
|
+
}
|
|
26030
|
+
}
|
|
26031
|
+
@media (min-width: 1200px) {
|
|
26032
|
+
.pf-l-gallery {
|
|
26033
|
+
--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)))));
|
|
26034
|
+
}
|
|
26035
|
+
}
|
|
26036
|
+
@media (min-width: 1450px) {
|
|
26037
|
+
.pf-l-gallery {
|
|
26038
|
+
--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))))));
|
|
26039
|
+
}
|
|
26040
|
+
}
|
|
26041
|
+
@media (min-width: 576px) {
|
|
26042
|
+
.pf-l-gallery {
|
|
26043
|
+
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
26044
|
+
}
|
|
26045
|
+
}
|
|
26046
|
+
@media (min-width: 768px) {
|
|
26047
|
+
.pf-l-gallery {
|
|
26048
|
+
--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)));
|
|
26049
|
+
}
|
|
26050
|
+
}
|
|
26051
|
+
@media (min-width: 992px) {
|
|
26052
|
+
.pf-l-gallery {
|
|
26053
|
+
--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))));
|
|
26054
|
+
}
|
|
26055
|
+
}
|
|
26056
|
+
@media (min-width: 1200px) {
|
|
26057
|
+
.pf-l-gallery {
|
|
26058
|
+
--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)))));
|
|
26059
|
+
}
|
|
26060
|
+
}
|
|
26061
|
+
@media (min-width: 1450px) {
|
|
26062
|
+
.pf-l-gallery {
|
|
26063
|
+
--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))))));
|
|
26064
|
+
}
|
|
26065
|
+
}
|
|
26000
26066
|
.pf-l-grid {
|
|
26001
26067
|
--pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
|
|
26002
26068
|
--pf-l-grid__item--GridColumnStart: auto;
|
|
@@ -27211,75 +27277,6 @@ label.pf-c-tree-view__node-text {
|
|
|
27211
27277
|
grid-gap: var(--pf-l-grid--m-gutter--GridGap);
|
|
27212
27278
|
}
|
|
27213
27279
|
|
|
27214
|
-
.pf-l-gallery {
|
|
27215
|
-
--pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
|
|
27216
|
-
--pf-l-gallery--GridTemplateColumns--min: 250px;
|
|
27217
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27218
|
-
--pf-l-gallery--GridTemplateColumns--max: 1fr;
|
|
27219
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27220
|
-
--pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
|
|
27221
|
-
--pf-l-gallery--GridTemplateRows: auto;
|
|
27222
|
-
display: grid;
|
|
27223
|
-
grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
|
|
27224
|
-
grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
|
|
27225
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
|
|
27226
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
|
|
27227
|
-
}
|
|
27228
|
-
|
|
27229
|
-
.pf-l-gallery.pf-m-gutter {
|
|
27230
|
-
grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
|
|
27231
|
-
}
|
|
27232
|
-
|
|
27233
|
-
@media (min-width: 576px) {
|
|
27234
|
-
.pf-l-gallery {
|
|
27235
|
-
--pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
|
|
27236
|
-
}
|
|
27237
|
-
}
|
|
27238
|
-
@media (min-width: 768px) {
|
|
27239
|
-
.pf-l-gallery {
|
|
27240
|
-
--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)));
|
|
27241
|
-
}
|
|
27242
|
-
}
|
|
27243
|
-
@media (min-width: 992px) {
|
|
27244
|
-
.pf-l-gallery {
|
|
27245
|
-
--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))));
|
|
27246
|
-
}
|
|
27247
|
-
}
|
|
27248
|
-
@media (min-width: 1200px) {
|
|
27249
|
-
.pf-l-gallery {
|
|
27250
|
-
--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)))));
|
|
27251
|
-
}
|
|
27252
|
-
}
|
|
27253
|
-
@media (min-width: 1450px) {
|
|
27254
|
-
.pf-l-gallery {
|
|
27255
|
-
--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))))));
|
|
27256
|
-
}
|
|
27257
|
-
}
|
|
27258
|
-
@media (min-width: 576px) {
|
|
27259
|
-
.pf-l-gallery {
|
|
27260
|
-
--pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
|
|
27261
|
-
}
|
|
27262
|
-
}
|
|
27263
|
-
@media (min-width: 768px) {
|
|
27264
|
-
.pf-l-gallery {
|
|
27265
|
-
--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)));
|
|
27266
|
-
}
|
|
27267
|
-
}
|
|
27268
|
-
@media (min-width: 992px) {
|
|
27269
|
-
.pf-l-gallery {
|
|
27270
|
-
--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))));
|
|
27271
|
-
}
|
|
27272
|
-
}
|
|
27273
|
-
@media (min-width: 1200px) {
|
|
27274
|
-
.pf-l-gallery {
|
|
27275
|
-
--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)))));
|
|
27276
|
-
}
|
|
27277
|
-
}
|
|
27278
|
-
@media (min-width: 1450px) {
|
|
27279
|
-
.pf-l-gallery {
|
|
27280
|
-
--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))))));
|
|
27281
|
-
}
|
|
27282
|
-
}
|
|
27283
27280
|
.pf-l-level {
|
|
27284
27281
|
--pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
|
|
27285
27282
|
display: flex;
|