@redhat-cloud-services/frontend-components 4.2.16 → 4.2.18

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.
Files changed (9) hide show
  1. package/ConditionalFilter/TextFilter.js +1 -1
  2. package/FilterHooks/tagFilterHook.css +3 -1
  3. package/FilterHooks/tagFilterHook.scss +3 -1
  4. package/esm/ConditionalFilter/TextFilter.js +1 -1
  5. package/esm/FilterHooks/tagFilterHook.css +3 -1
  6. package/esm/FilterHooks/tagFilterHook.scss +3 -1
  7. package/esm/index.css +3 -1
  8. package/index.css +3 -1
  9. package/package.json +1 -1
package/ConditionalFilter/TextFilter.js CHANGED
@@ -38,7 +38,7 @@ function isFilterValue(item) {
38
38
  exports.isFilterValue = isFilterValue;
39
39
  var TextFilter = function (_a) {
40
40
  var _b = _a.customIcon, customIcon = _b === void 0 ? (0, jsx_runtime_1.jsx)(react_icons_1.SearchIcon, {}) : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, className = _a.className, innerRef = _a.innerRef, props = __rest(_a, ["customIcon", "isDisabled", "className", "innerRef"]);
41
- return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({}, props, { customIcon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { className: "ins-c-search-icon", size: "md", children: customIcon }), isDisabled: isDisabled, "aria-label": props['aria-label'] || 'text input', className: (0, classnames_1.default)('ins-c-conditional-filter', className), "data-ouia-component-type": "PF4/TextInput", onKeyDown: function (e) { var _a; return e.key === 'Enter' && ((_a = props === null || props === void 0 ? void 0 : props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, e)); }, ouiaId: "ConditionalFilter", "widget-type": "InsightsInput", ref: innerRef })) }));
41
+ return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_core_1.TextInput, __assign({}, props, { customIcon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { className: "ins-c-search-icon", size: "md", children: customIcon }), isDisabled: isDisabled, "aria-label": props['aria-label'] || 'text input', className: (0, classnames_1.default)('ins-c-conditional-filter', className), "data-ouia-component-type": "PF5/TextInput", onKeyDown: function (e) { var _a; return e.key === 'Enter' && ((_a = props === null || props === void 0 ? void 0 : props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, e)); }, ouiaId: "ConditionalFilter", "widget-type": "InsightsInput", ref: innerRef })) }));
42
42
  };
43
43
  exports.default = TextFilter;
44
44
  //# sourceMappingURL=TextFilter.js.map
package/FilterHooks/tagFilterHook.css CHANGED
@@ -9,7 +9,9 @@
9
9
  }
10
10
  .ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
11
11
  margin-left: auto;
12
- padding-top: 0.2;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
13
15
  }
14
16
  .ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
15
17
  display: none;
package/FilterHooks/tagFilterHook.scss CHANGED
@@ -9,7 +9,9 @@
9
9
  }
10
10
  .pf-v5-c-badge {
11
11
  margin-left: auto;
12
- padding-top: 0.2;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
13
15
  }
14
16
  }
15
17
  .pf-v5-c-select__menu-group-title:empty { display: none; }
package/esm/ConditionalFilter/TextFilter.js CHANGED
@@ -32,7 +32,7 @@ export function isFilterValue(item) {
32
32
  }
33
33
  var TextFilter = function (_a) {
34
34
  var _b = _a.customIcon, customIcon = _b === void 0 ? _jsx(SearchIcon, {}) : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, className = _a.className, innerRef = _a.innerRef, props = __rest(_a, ["customIcon", "isDisabled", "className", "innerRef"]);
35
- return (_jsx(Fragment, { children: _jsx(TextInput, __assign({}, props, { customIcon: _jsx(Icon, { className: "ins-c-search-icon", size: "md", children: customIcon }), isDisabled: isDisabled, "aria-label": props['aria-label'] || 'text input', className: classNames('ins-c-conditional-filter', className), "data-ouia-component-type": "PF4/TextInput", onKeyDown: function (e) { var _a; return e.key === 'Enter' && ((_a = props === null || props === void 0 ? void 0 : props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, e)); }, ouiaId: "ConditionalFilter", "widget-type": "InsightsInput", ref: innerRef })) }));
35
+ return (_jsx(Fragment, { children: _jsx(TextInput, __assign({}, props, { customIcon: _jsx(Icon, { className: "ins-c-search-icon", size: "md", children: customIcon }), isDisabled: isDisabled, "aria-label": props['aria-label'] || 'text input', className: classNames('ins-c-conditional-filter', className), "data-ouia-component-type": "PF5/TextInput", onKeyDown: function (e) { var _a; return e.key === 'Enter' && ((_a = props === null || props === void 0 ? void 0 : props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, e)); }, ouiaId: "ConditionalFilter", "widget-type": "InsightsInput", ref: innerRef })) }));
36
36
  };
37
37
  export default TextFilter;
38
38
  //# sourceMappingURL=TextFilter.js.map
package/esm/FilterHooks/tagFilterHook.css CHANGED
@@ -9,7 +9,9 @@
9
9
  }
10
10
  .ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
11
11
  margin-left: auto;
12
- padding-top: 0.2;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
13
15
  }
14
16
  .ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
15
17
  display: none;
package/esm/FilterHooks/tagFilterHook.scss CHANGED
@@ -9,7 +9,9 @@
9
9
  }
10
10
  .pf-v5-c-badge {
11
11
  margin-left: auto;
12
- padding-top: 0.2;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
13
15
  }
14
16
  }
15
17
  .pf-v5-c-select__menu-group-title:empty { display: none; }
package/esm/index.css CHANGED
@@ -210,7 +210,9 @@ button.pf-v5-c-menu-toggle {
210
210
  }
211
211
  .ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
212
212
  margin-left: auto;
213
- padding-top: 0.2;
213
+ display: flex;
214
+ align-items: center;
215
+ justify-content: center;
214
216
  }
215
217
  .ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
216
218
  display: none;
package/index.css CHANGED
@@ -210,7 +210,9 @@ button.pf-v5-c-menu-toggle {
210
210
  }
211
211
  .ins-c-tagfilter .ins-c-tagfilter__option label .pf-v5-c-badge {
212
212
  margin-left: auto;
213
- padding-top: 0.2;
213
+ display: flex;
214
+ align-items: center;
215
+ justify-content: center;
214
216
  }
215
217
  .ins-c-tagfilter .pf-v5-c-select__menu-group-title:empty {
216
218
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redhat-cloud-services/frontend-components",
3
- "version": "4.2.16",
3
+ "version": "4.2.18",
4
4
  "description": "Common components for RedHat Cloud Services project.",
5
5
  "main": "index.js",
6
6
  "module": "esm/index.js",