@patternfly/react-core 4.220.1 → 4.221.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/dist/esm/components/InputGroup/InputGroup.d.ts +2 -0
- package/dist/esm/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/InputGroup/InputGroup.js +3 -2
- package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.js +12 -10
- package/dist/esm/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +8 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +38 -28
- package/dist/esm/components/SearchInput/SearchInput.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 +3 -2
- package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +3 -2
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.d.ts +2 -0
- package/dist/js/components/InputGroup/InputGroup.d.ts.map +1 -1
- package/dist/js/components/InputGroup/InputGroup.js +3 -2
- package/dist/js/components/InputGroup/InputGroup.js.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts +2 -0
- package/dist/js/components/SearchInput/AdvancedSearchMenu.d.ts.map +1 -1
- package/dist/js/components/SearchInput/AdvancedSearchMenu.js +12 -10
- package/dist/js/components/SearchInput/AdvancedSearchMenu.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +8 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +38 -28
- package/dist/js/components/SearchInput/SearchInput.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 +3 -2
- package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js +3 -2
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/styles/assets/images/icon-github.hbs +4 -0
- package/dist/styles/assets/images/icon-google.hbs +4 -0
- package/dist/styles/assets/images/icon-red-hat.hbs +1 -0
- package/dist/styles/base-no-reset.css +93 -4
- package/dist/styles/base.css +93 -4
- package/dist/umd/react-core.css +873 -91
- package/dist/umd/react-core.js +409 -327
- package/dist/umd/react-core.min.css +790 -8
- package/dist/umd/react-core.min.js +6 -6
- package/package.json +6 -6
- package/src/components/InputGroup/InputGroup.tsx +7 -1
- package/src/components/SearchInput/AdvancedSearchMenu.tsx +24 -18
- package/src/components/SearchInput/SearchInput.tsx +130 -113
- package/src/components/SearchInput/__tests__/SearchInput.test.tsx +1 -1
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +297 -301
- package/src/components/SearchInput/examples/SearchInput.md +5 -2
- package/src/components/TextInputGroup/TextInputGroup.tsx +18 -7
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,eAAe;IAC9B;oEACgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,qGAAqG;IACrG,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;IAC7G,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC9C,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KACpC,IAAI,CAAC;IACV,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oEAAoE;IACpE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qEAAqE;IACrE,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpG,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qEAAqE;IACrE,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2DAA2D;IAC3D,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAC3C,oEAAoE;IACpE,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,sDAAsD;IACtD,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,gEAAgE;IAChE,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3E;oGACgG;IAChG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IAG1C,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;0DACsD;IACtD,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAiOD,eAAO,MAAM,WAAW,2FAEtB,CAAC"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.SearchInput = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
-
const search_input_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/SearchInput/search-input"));
|
|
7
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
+
const search_input_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/SearchInput/search-input"));
|
|
8
8
|
const Button_1 = require("../Button");
|
|
9
9
|
const Badge_1 = require("../Badge");
|
|
10
10
|
const angle_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-down-icon'));
|
|
@@ -13,10 +13,11 @@ const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/di
|
|
|
13
13
|
const search_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/search-icon'));
|
|
14
14
|
const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/caret-down-icon'));
|
|
15
15
|
const arrow_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/arrow-right-icon'));
|
|
16
|
-
const InputGroup_1 = require("../InputGroup");
|
|
17
16
|
const AdvancedSearchMenu_1 = require("./AdvancedSearchMenu");
|
|
17
|
+
const TextInputGroup_1 = require("../TextInputGroup");
|
|
18
|
+
const InputGroup_1 = require("../InputGroup");
|
|
18
19
|
const SearchInputBase = (_a) => {
|
|
19
|
-
var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', submitSearchButtonLabel = 'Search', isDisabled = false } = _a, props = tslib_1.__rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "submitSearchButtonLabel", "isDisabled"]);
|
|
20
|
+
var { className, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen, resultsCount, onNextClick, onPreviousClick, innerRef, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false } = _a, props = tslib_1.__rest(_a, ["className", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled"]);
|
|
20
21
|
const [isSearchMenuOpen, setIsSearchMenuOpen] = React.useState(false);
|
|
21
22
|
const [searchValue, setSearchValue] = React.useState(value);
|
|
22
23
|
const searchInputRef = React.useRef(null);
|
|
@@ -33,11 +34,11 @@ const SearchInputBase = (_a) => {
|
|
|
33
34
|
React.useEffect(() => {
|
|
34
35
|
setIsSearchMenuOpen(isAdvancedSearchOpen);
|
|
35
36
|
}, [isAdvancedSearchOpen]);
|
|
36
|
-
const onChangeHandler = (event) => {
|
|
37
|
+
const onChangeHandler = (value, event) => {
|
|
37
38
|
if (onChange) {
|
|
38
|
-
onChange(
|
|
39
|
+
onChange(value, event);
|
|
39
40
|
}
|
|
40
|
-
setSearchValue(
|
|
41
|
+
setSearchValue(value);
|
|
41
42
|
};
|
|
42
43
|
const onToggle = (e) => {
|
|
43
44
|
const isOpen = !isSearchMenuOpen;
|
|
@@ -82,30 +83,39 @@ const SearchInputBase = (_a) => {
|
|
|
82
83
|
searchInputInputRef.current.focus();
|
|
83
84
|
}
|
|
84
85
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
React.createElement(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
React.createElement(
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
React.createElement(times_icon_1.default, null))))))),
|
|
86
|
+
const buildSearchTextInputGroup = (_a = {}) => {
|
|
87
|
+
var searchInputProps = tslib_1.__rest(_a, []);
|
|
88
|
+
return (React.createElement(TextInputGroup_1.TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps),
|
|
89
|
+
React.createElement(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: React.createElement(search_icon_1.default, null), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler }),
|
|
90
|
+
value && (React.createElement(TextInputGroup_1.TextInputGroupUtilities, null,
|
|
91
|
+
resultsCount && React.createElement(Badge_1.Badge, { isRead: true }, resultsCount),
|
|
92
|
+
!!onNextClick && !!onPreviousClick && (React.createElement("div", { className: "pf-c-text-input-group__group" },
|
|
93
|
+
React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick },
|
|
94
|
+
React.createElement(angle_up_icon_1.default, null)),
|
|
95
|
+
React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick },
|
|
96
|
+
React.createElement(angle_down_icon_1.default, null)))),
|
|
97
|
+
!!onClear && (React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput },
|
|
98
|
+
React.createElement(times_icon_1.default, null)))))));
|
|
99
|
+
};
|
|
100
|
+
const buildSearchTextInputGroupWithExtraButtons = (_a = {}) => {
|
|
101
|
+
var searchInputProps = tslib_1.__rest(_a, []);
|
|
102
|
+
return (React.createElement(InputGroup_1.InputGroup, Object.assign({}, searchInputProps),
|
|
103
|
+
buildSearchTextInputGroup(),
|
|
104
104
|
(attributes.length > 0 || onToggleAdvancedSearch) && (React.createElement(Button_1.Button, { className: isSearchMenuOpen && 'pf-m-expanded', variant: Button_1.ButtonVariant.control, "aria-label": openMenuButtonAriaLabel, onClick: onToggle, isDisabled: isDisabled, "aria-expanded": isSearchMenuOpen },
|
|
105
105
|
React.createElement(caret_down_icon_1.default, null))),
|
|
106
|
-
!!onSearch && (React.createElement(Button_1.Button, { type: "submit", variant: Button_1.ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled },
|
|
107
|
-
React.createElement(arrow_right_icon_1.default, null))))
|
|
108
|
-
|
|
106
|
+
!!onSearch && (React.createElement(Button_1.Button, { type: "submit", variant: Button_1.ButtonVariant.control, "aria-label": submitSearchButtonLabel, onClick: onSearchHandler, isDisabled: isDisabled || !searchValue },
|
|
107
|
+
React.createElement(arrow_right_icon_1.default, null)))));
|
|
108
|
+
};
|
|
109
|
+
const searchInputProps = Object.assign(Object.assign({}, props), { className: className && react_styles_1.css(className), innerRef: searchInputRef });
|
|
110
|
+
if (!!onSearch || attributes.length > 0 || !!onToggleAdvancedSearch) {
|
|
111
|
+
if (attributes.length > 0) {
|
|
112
|
+
return (React.createElement("div", Object.assign({ className: react_styles_1.css(className, search_input_1.default.searchInput), ref: searchInputRef }, props),
|
|
113
|
+
buildSearchTextInputGroupWithExtraButtons(),
|
|
114
|
+
React.createElement(AdvancedSearchMenu_1.AdvancedSearchMenu, { className: search_input_1.default.searchInputMenu, value: value, parentRef: searchInputRef, parentInputRef: searchInputInputRef, onSearch: onSearch, onClear: onClear, onChange: onChange, onToggleAdvancedMenu: onToggle, resetButtonLabel: resetButtonLabel, submitSearchButtonLabel: submitSearchButtonLabel, attributes: attributes, formAdditionalItems: formAdditionalItems, hasWordsAttrLabel: hasWordsAttrLabel, advancedSearchDelimiter: advancedSearchDelimiter, getAttrValueMap: getAttrValueMap, isSearchMenuOpen: isSearchMenuOpen })));
|
|
115
|
+
}
|
|
116
|
+
return buildSearchTextInputGroupWithExtraButtons(Object.assign({}, searchInputProps));
|
|
117
|
+
}
|
|
118
|
+
return buildSearchTextInputGroup(searchInputProps);
|
|
109
119
|
};
|
|
110
120
|
SearchInputBase.displayName = 'SearchInputBase';
|
|
111
121
|
exports.SearchInput = React.forwardRef((props, ref) => (React.createElement(SearchInputBase, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.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
|
+
/** @hide A reference object to attach to the input box */
|
|
10
|
+
innerRef?: React.RefObject<any>;
|
|
9
11
|
}
|
|
10
12
|
export declare const TextInputGroupContext: React.Context<Partial<TextInputGroupProps>>;
|
|
11
13
|
export declare const TextInputGroup: React.FunctionComponent<TextInputGroupProps>;
|
|
@@ -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;
|
|
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,CAoBvE,CAAC"}
|
|
@@ -9,9 +9,10 @@ exports.TextInputGroupContext = React.createContext({
|
|
|
9
9
|
isDisabled: false
|
|
10
10
|
});
|
|
11
11
|
const TextInputGroup = (_a) => {
|
|
12
|
-
var { children, className, isDisabled } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled"]);
|
|
12
|
+
var { children, className, isDisabled, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "innerRef"]);
|
|
13
|
+
const textInputGroupRef = innerRef || React.useRef(null);
|
|
13
14
|
return (React.createElement(exports.TextInputGroupContext.Provider, { value: { isDisabled } },
|
|
14
|
-
React.createElement("div", Object.assign({ 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, className) }, props), children)));
|
|
15
16
|
};
|
|
16
17
|
exports.TextInputGroup = TextInputGroup;
|
|
17
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;AAalC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,OAEY,EADjB,KAAK,sBALmE,mDAM5E,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,CAAC,0BAAM,CAAC,cAAc,EAAE,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IACrF,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -22,6 +22,8 @@ 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
|
+
/** @hide A reference object to attach to the input box */
|
|
26
|
+
innerRef?: React.RefObject<any>;
|
|
25
27
|
}
|
|
26
28
|
export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
|
|
27
29
|
//# sourceMappingURL=TextInputGroupMain.d.ts.map
|
|
@@ -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;
|
|
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,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
|
|
@@ -7,8 +7,9 @@ const text_input_group_1 = tslib_1.__importDefault(require("@patternfly/react-st
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const TextInputGroup_1 = require("./TextInputGroup");
|
|
9
9
|
const TextInputGroupMain = (_a) => {
|
|
10
|
-
var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder"]);
|
|
10
|
+
var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder", "innerRef"]);
|
|
11
11
|
const { isDisabled } = React.useContext(TextInputGroup_1.TextInputGroupContext);
|
|
12
|
+
const textInputGroupInputInputRef = innerRef || React.useRef(null);
|
|
12
13
|
const handleChange = (event) => {
|
|
13
14
|
onChange(event.currentTarget.value, event);
|
|
14
15
|
};
|
|
@@ -17,7 +18,7 @@ const TextInputGroupMain = (_a) => {
|
|
|
17
18
|
React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupText) },
|
|
18
19
|
hint && (React.createElement("input", { className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput, text_input_group_1.default.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
|
|
19
20
|
icon && React.createElement("span", { className: react_styles_1.css(text_input_group_1.default.textInputGroupIcon) }, icon),
|
|
20
|
-
React.createElement("input", { type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
|
|
21
|
+
React.createElement("input", { ref: textInputGroupInputInputRef, type: type, className: react_styles_1.css(text_input_group_1.default.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder }))));
|
|
21
22
|
};
|
|
22
23
|
exports.TextInputGroupMain = TextInputGroupMain;
|
|
23
24
|
exports.TextInputGroupMain.displayName = 'TextInputGroupMain';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;
|
|
1
|
+
{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAC/C,qDAAyD;AAwClD,MAAM,kBAAkB,GAAqD,CAAC,EAc3D,EAAE,EAAE;QAduD,EACnF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,GAAQ,EAAE,CAAC,SAAS,EAC/B,OAAO,EACP,MAAM,EACN,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,OAEgB,EADrB,KAAK,sBAb2E,oIAcpF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,sCAAqB,CAAC,CAAC;IAC/D,MAAM,2BAA2B,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;QAChE,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,0BAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,EAAE,0BAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACrE,IAAI,EAAC,MAAM,EACX,QAAQ,uBACI,MAAM,EAClB,KAAK,EAAE,IAAI,GACX,CACH;YACA,IAAI,IAAI,8BAAM,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,GAAG,EAAE,2BAA2B,EAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,kBAAG,CAAC,0BAAM,CAAC,uBAAuB,CAAC,gBAClC,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,WAAW,EAAE,gBAAgB,GAC7B,CACG,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,kBAAkB,sBAmD7B;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
2
|
+
<title>GitHub logo</title>
|
|
3
|
+
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#4285F4">
|
|
2
|
+
<title>Google logo</title>
|
|
3
|
+
<path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 145"><defs><style>.cls-1{fill:#e00;}</style></defs><title>RedHat-Logo-Hat-Color</title><path d="M157.77,62.61a14,14,0,0,1,.31,3.42c0,14.88-18.1,17.46-30.61,17.46C78.83,83.49,42.53,53.26,42.53,44a6.43,6.43,0,0,1,.22-1.94l-3.66,9.06a18.45,18.45,0,0,0-1.51,7.33c0,18.11,41,45.48,87.74,45.48,20.69,0,36.43-7.76,36.43-21.77,0-1.08,0-1.94-1.73-10.13Z"/><path class="cls-1" d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46a14,14,0,0,0-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5,91.69.5,90,8,83.06,8c-6.68,0-11.64-5.6-17.89-5.6-6,0-9.91,4.09-12.93,12.5,0,0-8.41,23.72-9.49,27.16A6.43,6.43,0,0,0,42.53,44c0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77C78.54,104,37.58,76.6,37.58,58.49a18.45,18.45,0,0,1,1.51-7.33C22.27,52,.5,55,.5,74.22c0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78"/></svg>
|
|
@@ -100,6 +100,7 @@
|
|
|
100
100
|
--pf-global--palette--light-green-500: #6ca100;
|
|
101
101
|
--pf-global--palette--light-green-600: #486b00;
|
|
102
102
|
--pf-global--palette--light-green-700: #253600;
|
|
103
|
+
--pf-global--palette--orange-50: #fff6ec;
|
|
103
104
|
--pf-global--palette--orange-100: #f4b678;
|
|
104
105
|
--pf-global--palette--orange-200: #ef9234;
|
|
105
106
|
--pf-global--palette--orange-300: #ec7a08;
|
|
@@ -123,6 +124,7 @@
|
|
|
123
124
|
--pf-global--palette--red-500: #2c0000;
|
|
124
125
|
--pf-global--palette--white: #fff;
|
|
125
126
|
--pf-global--BackgroundColor--100: #fff;
|
|
127
|
+
--pf-global--BackgroundColor--150: #fafafa;
|
|
126
128
|
--pf-global--BackgroundColor--200: #f0f0f0;
|
|
127
129
|
--pf-global--BackgroundColor--light-100: #fff;
|
|
128
130
|
--pf-global--BackgroundColor--light-200: #fafafa;
|
|
@@ -298,6 +300,89 @@
|
|
|
298
300
|
--pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
|
|
299
301
|
}
|
|
300
302
|
|
|
303
|
+
:root:where(.pf-theme-dark) {
|
|
304
|
+
--pf-global--palette--black-50: #e0e0e0;
|
|
305
|
+
--pf-global--palette--black-100: #c6c7c8;
|
|
306
|
+
--pf-global--palette--black-200: #aaabac;
|
|
307
|
+
--pf-global--palette--black-300: #868789;
|
|
308
|
+
--pf-global--palette--black-400: #57585a;
|
|
309
|
+
--pf-global--palette--black-500: #444548;
|
|
310
|
+
--pf-global--palette--black-600: #36373a;
|
|
311
|
+
--pf-global--palette--black-700: #26292d;
|
|
312
|
+
--pf-global--palette--black-800: #1b1d21;
|
|
313
|
+
--pf-global--palette--black-900: #0f1214;
|
|
314
|
+
--pf-global--palette--red-9999: #fe5142;
|
|
315
|
+
--pf-global--palette--red-8888: #fe6a5d;
|
|
316
|
+
--pf-global--palette--blue-300: #1fa7f8;
|
|
317
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
318
|
+
--pf-global--BackgroundColor--150: #212427;
|
|
319
|
+
--pf-global--BackgroundColor--200: #0f1214;
|
|
320
|
+
--pf-global--BackgroundColor--300: #26292d;
|
|
321
|
+
--pf-global--BackgroundColor--400: #36373a;
|
|
322
|
+
--pf-global--BorderColor--100: #444548;
|
|
323
|
+
--pf-global--BorderColor--200: #444548;
|
|
324
|
+
--pf-global--BorderColor--300: #57585a;
|
|
325
|
+
--pf-global--BorderColor--400: #aaabac;
|
|
326
|
+
--pf-global--Color--100: #e0e0e0;
|
|
327
|
+
--pf-global--Color--200: #aaabac;
|
|
328
|
+
--pf-global--active-color--100: #1fa7f8;
|
|
329
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
330
|
+
--pf-global--primary-color--300: #06c;
|
|
331
|
+
--pf-global--success-color--100: #5ba352;
|
|
332
|
+
--pf-global--warning-color--100: #f0ab00;
|
|
333
|
+
--pf-global--warning-color--200: #f4c145;
|
|
334
|
+
--pf-global--danger-color--100: #fe5142;
|
|
335
|
+
--pf-global--danger-color--200: #fe6a5d;
|
|
336
|
+
--pf-global--link--Color: #1fa7f8;
|
|
337
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
338
|
+
--pf-global--disabled-color--100: #57585a;
|
|
339
|
+
--pf-global--disabled-color--200: #444548;
|
|
340
|
+
--pf-global--disabled-color--300: #aaabac;
|
|
341
|
+
--pf-global--icon--Color--light: #aaabac;
|
|
342
|
+
--pf-global--icon--Color--dark: #aaabac;
|
|
343
|
+
--pf-global--Color--dark-100: #e0e0e0;
|
|
344
|
+
--pf-global--Color--dark-200: #aaabac;
|
|
345
|
+
--pf-global--Color--light-100: #e0e0e0;
|
|
346
|
+
--pf-global--Color--light-200: #aaabac;
|
|
347
|
+
--pf-global--Color--light-300: #3c3f42;
|
|
348
|
+
--pf-global--BorderColor--dark-100: #444548;
|
|
349
|
+
--pf-global--BorderColor--light-100: #444548;
|
|
350
|
+
--pf-global--primary-color--light-100: #1fa7f8;
|
|
351
|
+
--pf-global--primary-color--dark-100: #1fa7f8;
|
|
352
|
+
--pf-global--link--Color--light: #1fa7f8;
|
|
353
|
+
--pf-global--link--Color--light--hover: #73bcf7;
|
|
354
|
+
--pf-global--link--Color--dark: #1fa7f8;
|
|
355
|
+
--pf-global--link--Color--dark--hover: #73bcf7;
|
|
356
|
+
--pf-global--BackgroundColor--light-100: #1b1d21;
|
|
357
|
+
--pf-global--BackgroundColor--light-200: #0f1214;
|
|
358
|
+
--pf-global--BackgroundColor--light-300: #26292d;
|
|
359
|
+
--pf-global--BackgroundColor--dark-100: #1b1d21;
|
|
360
|
+
--pf-global--BackgroundColor--dark-200: #0f1214;
|
|
361
|
+
--pf-global--BackgroundColor--dark-300: #26292d;
|
|
362
|
+
--pf-global--BackgroundColor--dark-400: #36373a;
|
|
363
|
+
--pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
|
|
364
|
+
--pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
365
|
+
--pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
366
|
+
--pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
367
|
+
--pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
368
|
+
--pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
|
|
369
|
+
--pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
370
|
+
--pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
371
|
+
--pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
372
|
+
--pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
373
|
+
--pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
|
|
374
|
+
--pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
375
|
+
--pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
376
|
+
--pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
377
|
+
--pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
378
|
+
--pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
|
|
379
|
+
--pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
380
|
+
--pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
381
|
+
--pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
382
|
+
--pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
383
|
+
--pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
|
|
384
|
+
}
|
|
385
|
+
|
|
301
386
|
@font-face {
|
|
302
387
|
font-family: "RedHatDisplay";
|
|
303
388
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
@@ -600,6 +685,10 @@ html {
|
|
|
600
685
|
font-variant-numeric: tabular-nums;
|
|
601
686
|
}
|
|
602
687
|
|
|
688
|
+
:root:where(.pf-theme-dark) {
|
|
689
|
+
color-scheme: dark;
|
|
690
|
+
}
|
|
691
|
+
|
|
603
692
|
.pf-t-dark.pf-m-transparent {
|
|
604
693
|
background-color: transparent;
|
|
605
694
|
}
|
|
@@ -613,11 +702,11 @@ html {
|
|
|
613
702
|
}
|
|
614
703
|
|
|
615
704
|
.pf-t-dark.pf-m-opaque-100 {
|
|
616
|
-
background-color: #
|
|
705
|
+
background-color: #1b1d21;
|
|
617
706
|
}
|
|
618
707
|
|
|
619
708
|
.pf-t-dark.pf-m-opaque-200 {
|
|
620
|
-
background-color: #
|
|
709
|
+
background-color: #0f1214;
|
|
621
710
|
}
|
|
622
711
|
|
|
623
712
|
.pf-t-light.pf-m-transparent {
|
|
@@ -629,11 +718,11 @@ html {
|
|
|
629
718
|
}
|
|
630
719
|
|
|
631
720
|
.pf-t-light.pf-m-opaque-200 {
|
|
632
|
-
background-color: #
|
|
721
|
+
background-color: #c6c7c8;
|
|
633
722
|
}
|
|
634
723
|
|
|
635
724
|
.pf-t-light.pf-m-opaque-300 {
|
|
636
|
-
background-color: #
|
|
725
|
+
background-color: #aaabac;
|
|
637
726
|
}
|
|
638
727
|
|
|
639
728
|
@font-face {
|
package/dist/styles/base.css
CHANGED
|
@@ -100,6 +100,7 @@
|
|
|
100
100
|
--pf-global--palette--light-green-500: #6ca100;
|
|
101
101
|
--pf-global--palette--light-green-600: #486b00;
|
|
102
102
|
--pf-global--palette--light-green-700: #253600;
|
|
103
|
+
--pf-global--palette--orange-50: #fff6ec;
|
|
103
104
|
--pf-global--palette--orange-100: #f4b678;
|
|
104
105
|
--pf-global--palette--orange-200: #ef9234;
|
|
105
106
|
--pf-global--palette--orange-300: #ec7a08;
|
|
@@ -123,6 +124,7 @@
|
|
|
123
124
|
--pf-global--palette--red-500: #2c0000;
|
|
124
125
|
--pf-global--palette--white: #fff;
|
|
125
126
|
--pf-global--BackgroundColor--100: #fff;
|
|
127
|
+
--pf-global--BackgroundColor--150: #fafafa;
|
|
126
128
|
--pf-global--BackgroundColor--200: #f0f0f0;
|
|
127
129
|
--pf-global--BackgroundColor--light-100: #fff;
|
|
128
130
|
--pf-global--BackgroundColor--light-200: #fafafa;
|
|
@@ -298,6 +300,89 @@
|
|
|
298
300
|
--pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
|
|
299
301
|
}
|
|
300
302
|
|
|
303
|
+
:root:where(.pf-theme-dark) {
|
|
304
|
+
--pf-global--palette--black-50: #e0e0e0;
|
|
305
|
+
--pf-global--palette--black-100: #c6c7c8;
|
|
306
|
+
--pf-global--palette--black-200: #aaabac;
|
|
307
|
+
--pf-global--palette--black-300: #868789;
|
|
308
|
+
--pf-global--palette--black-400: #57585a;
|
|
309
|
+
--pf-global--palette--black-500: #444548;
|
|
310
|
+
--pf-global--palette--black-600: #36373a;
|
|
311
|
+
--pf-global--palette--black-700: #26292d;
|
|
312
|
+
--pf-global--palette--black-800: #1b1d21;
|
|
313
|
+
--pf-global--palette--black-900: #0f1214;
|
|
314
|
+
--pf-global--palette--red-9999: #fe5142;
|
|
315
|
+
--pf-global--palette--red-8888: #fe6a5d;
|
|
316
|
+
--pf-global--palette--blue-300: #1fa7f8;
|
|
317
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
318
|
+
--pf-global--BackgroundColor--150: #212427;
|
|
319
|
+
--pf-global--BackgroundColor--200: #0f1214;
|
|
320
|
+
--pf-global--BackgroundColor--300: #26292d;
|
|
321
|
+
--pf-global--BackgroundColor--400: #36373a;
|
|
322
|
+
--pf-global--BorderColor--100: #444548;
|
|
323
|
+
--pf-global--BorderColor--200: #444548;
|
|
324
|
+
--pf-global--BorderColor--300: #57585a;
|
|
325
|
+
--pf-global--BorderColor--400: #aaabac;
|
|
326
|
+
--pf-global--Color--100: #e0e0e0;
|
|
327
|
+
--pf-global--Color--200: #aaabac;
|
|
328
|
+
--pf-global--active-color--100: #1fa7f8;
|
|
329
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
330
|
+
--pf-global--primary-color--300: #06c;
|
|
331
|
+
--pf-global--success-color--100: #5ba352;
|
|
332
|
+
--pf-global--warning-color--100: #f0ab00;
|
|
333
|
+
--pf-global--warning-color--200: #f4c145;
|
|
334
|
+
--pf-global--danger-color--100: #fe5142;
|
|
335
|
+
--pf-global--danger-color--200: #fe6a5d;
|
|
336
|
+
--pf-global--link--Color: #1fa7f8;
|
|
337
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
338
|
+
--pf-global--disabled-color--100: #57585a;
|
|
339
|
+
--pf-global--disabled-color--200: #444548;
|
|
340
|
+
--pf-global--disabled-color--300: #aaabac;
|
|
341
|
+
--pf-global--icon--Color--light: #aaabac;
|
|
342
|
+
--pf-global--icon--Color--dark: #aaabac;
|
|
343
|
+
--pf-global--Color--dark-100: #e0e0e0;
|
|
344
|
+
--pf-global--Color--dark-200: #aaabac;
|
|
345
|
+
--pf-global--Color--light-100: #e0e0e0;
|
|
346
|
+
--pf-global--Color--light-200: #aaabac;
|
|
347
|
+
--pf-global--Color--light-300: #3c3f42;
|
|
348
|
+
--pf-global--BorderColor--dark-100: #444548;
|
|
349
|
+
--pf-global--BorderColor--light-100: #444548;
|
|
350
|
+
--pf-global--primary-color--light-100: #1fa7f8;
|
|
351
|
+
--pf-global--primary-color--dark-100: #1fa7f8;
|
|
352
|
+
--pf-global--link--Color--light: #1fa7f8;
|
|
353
|
+
--pf-global--link--Color--light--hover: #73bcf7;
|
|
354
|
+
--pf-global--link--Color--dark: #1fa7f8;
|
|
355
|
+
--pf-global--link--Color--dark--hover: #73bcf7;
|
|
356
|
+
--pf-global--BackgroundColor--light-100: #1b1d21;
|
|
357
|
+
--pf-global--BackgroundColor--light-200: #0f1214;
|
|
358
|
+
--pf-global--BackgroundColor--light-300: #26292d;
|
|
359
|
+
--pf-global--BackgroundColor--dark-100: #1b1d21;
|
|
360
|
+
--pf-global--BackgroundColor--dark-200: #0f1214;
|
|
361
|
+
--pf-global--BackgroundColor--dark-300: #26292d;
|
|
362
|
+
--pf-global--BackgroundColor--dark-400: #36373a;
|
|
363
|
+
--pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.48), 0 0 0.125rem 0 rgba(3, 3, 3, 0.24);
|
|
364
|
+
--pf-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
365
|
+
--pf-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
366
|
+
--pf-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
367
|
+
--pf-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, 0.64);
|
|
368
|
+
--pf-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.48), 0 0 0.25rem 0 rgba(3, 3, 3, 0.24);
|
|
369
|
+
--pf-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
370
|
+
--pf-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
371
|
+
--pf-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
372
|
+
--pf-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, 0.72);
|
|
373
|
+
--pf-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.64), 0 0 0.375rem 0 rgba(3, 3, 3, 0.32);
|
|
374
|
+
--pf-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
375
|
+
--pf-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
376
|
+
--pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
377
|
+
--pf-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, 0.72);
|
|
378
|
+
--pf-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, 0.64), 0 0 0.5rem 0 rgba(3, 3, 3, 0.4);
|
|
379
|
+
--pf-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
380
|
+
--pf-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
381
|
+
--pf-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
382
|
+
--pf-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, 0.8);
|
|
383
|
+
--pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 #030303;
|
|
384
|
+
}
|
|
385
|
+
|
|
301
386
|
@font-face {
|
|
302
387
|
font-family: "RedHatDisplay";
|
|
303
388
|
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
|
|
@@ -728,6 +813,10 @@ a {
|
|
|
728
813
|
font-weight: var(--pf-global--FontWeight--semi-bold);
|
|
729
814
|
}
|
|
730
815
|
|
|
816
|
+
:root:where(.pf-theme-dark) {
|
|
817
|
+
color-scheme: dark;
|
|
818
|
+
}
|
|
819
|
+
|
|
731
820
|
.pf-t-dark.pf-m-transparent {
|
|
732
821
|
background-color: transparent;
|
|
733
822
|
}
|
|
@@ -741,11 +830,11 @@ a {
|
|
|
741
830
|
}
|
|
742
831
|
|
|
743
832
|
.pf-t-dark.pf-m-opaque-100 {
|
|
744
|
-
background-color: #
|
|
833
|
+
background-color: #1b1d21;
|
|
745
834
|
}
|
|
746
835
|
|
|
747
836
|
.pf-t-dark.pf-m-opaque-200 {
|
|
748
|
-
background-color: #
|
|
837
|
+
background-color: #0f1214;
|
|
749
838
|
}
|
|
750
839
|
|
|
751
840
|
.pf-t-light.pf-m-transparent {
|
|
@@ -757,11 +846,11 @@ a {
|
|
|
757
846
|
}
|
|
758
847
|
|
|
759
848
|
.pf-t-light.pf-m-opaque-200 {
|
|
760
|
-
background-color: #
|
|
849
|
+
background-color: #c6c7c8;
|
|
761
850
|
}
|
|
762
851
|
|
|
763
852
|
.pf-t-light.pf-m-opaque-300 {
|
|
764
|
-
background-color: #
|
|
853
|
+
background-color: #aaabac;
|
|
765
854
|
}
|
|
766
855
|
|
|
767
856
|
@font-face {
|