@rh-support/manage 2.5.32 → 2.5.34

package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuC3E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,sBAuhBxC,CAAC"}
+{"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuC3E,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,sBAshBxC,CAAC"}

package/lib/esm/components/Groups/GroupSelect/GroupSelect.js

@@ -271,8 +271,7 @@ export const GroupSelect = (props) => {
         React.createElement(MenuItem, { className: "create-group-action", isDisabled: !selectedGroup || !ability.can(resourceActions.DELETE, resources.CASE_GROUPS), key: "delete", onClick: onActionFocus(actions.delete), "data-tracking-id": "manage-group-delete" }, t('Delete')),
         React.createElement(MenuItem, { className: "create-group-action", isDisabled: !selectedGroup || !ability.can(resourceActions.CREATE, resources.CASE_GROUPS), key: "duplicate", onClick: onActionFocus(actions.duplicate), "data-tracking-id": "manage-group-duplicate" }, t('Duplicate')),
     ];
-    const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isDisabled: props.isDisabled || disableOnFetch, onClick: toggleIsDropdownOpen, isExpanded: isDropdownOpen, "data-tracking-id": "manage-group-toggle-options", "aria-label": "Group actions dropdown toggle", variant: "plain" },
-        React.createElement(CogIcon, null)));
+    const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, { isFullHeight: true, className: "pf-v6-u-ml-sm manage-group-actions-toggle-options", ref: toggleRef, isDisabled: props.isDisabled || disableOnFetch, onClick: toggleIsDropdownOpen, isExpanded: isDropdownOpen, "data-tracking-id": "manage-group-toggle-options", "aria-label": "Group actions dropdown toggle", icon: React.createElement(CogIcon, null) }));
     const submitActionBtn = useRef();
     useEffect(() => {
         if (isEmpty(manageActionsRef.current))
@@ -354,7 +353,7 @@ export const GroupSelect = (props) => {
                 React.createElement(Trans, null, "Group")),
             React.createElement(Select, { id: "group-selector", isOpen: isOpen, onSelect: (e, selection) => handleSelect(selection), onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, selected: selectedGroup, shouldFocusFirstItemOnOpen: false, "aria-label": "Select a group to view accounts", "aria-labelledby": selectAGroupText, "data-tracking-id": "group-list-selector" },
                 React.createElement(SelectList, { id: "group-selector-listbox" }, filteredGroups.length > 0 ? (filteredGroups.map((group, index) => (React.createElement(SelectOption, { id: `group-option-${group.name}`, key: index, value: group, isFocused: focusedItemIndex === index, className: "pf-v6-c-select__menu-wrapper", isSelected: group.name === selectedGroup }, group.name)))) : (React.createElement(SelectOption, { key: "no-results", value: '' }, t('No results found'))))))),
-        !showErrorMessage && showDropdown && (React.createElement(Dropdown, { className: "group-actions-dropdown group-action", toggle: dropdownToggle, isOpen: isDropdownOpen, onOpenChange: (isOpen) => setIsDropdownOpen(isOpen), "aria-label": t('Group actions dropdown'), shouldFocusFirstItemOnOpen: false, shouldFocusToggleOnSelect: true, isPlain: true },
+        !showErrorMessage && showDropdown && (React.createElement(Dropdown, { className: "group-actions-dropdown group-action", toggle: dropdownToggle, isOpen: isDropdownOpen, onOpenChange: (isOpen) => setIsDropdownOpen(isOpen), "aria-label": t('Group actions dropdown'), shouldFocusFirstItemOnOpen: false, shouldFocusToggleOnSelect: true },
             React.createElement(MenuContent, null,
                 React.createElement(MenuList, null, dropdownItems)))),
         !showErrorMessage && showInput && (React.createElement("div", { className: "group-name-select" },

package/lib/esm/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddEditBookmarkModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,UAAW,MAAM,sBA0IjD,CAAC"}
+{"version":3,"file":"AddEditBookmarkModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,UAAW,MAAM,sBA8IjD,CAAC"}

package/lib/esm/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.js

@@ -1,4 +1,4 @@
-import { Button, ButtonVariant, Modal, ModalFooter, ModalVariant } from '@patternfly/react-core';
+import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
@@ -70,15 +70,18 @@ export const AddEditBookmarkModal = (props) => {
             isEqual(props.selectedAccounts.map((a) => a.accountNumber).sort(), localSelectedBookmarks.map((a) => a.accountNumber).sort()) &&
             selectedGroup === ((_a = props.selectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.bookmarkGroupName));
     };
-    return (React.createElement(Modal, { id: "Add-edit-bookmark-modal", className: "pf-modal-overflow-visible", title: props.title, "aria-describedby": "Add-edit-bookmark-modal", isOpen: props.isOpen, onClose: close, onEscapePress: props.onClose, variant: ModalVariant.medium },
-        React.createElement("div", null,
-            React.createElement("div", { className: "pf-v6-u-mb-lg" },
-                React.createElement(BookmarkGroupSelector, { selectedGroup: selectedGroup, groups: props.groups, onGroupInputBoxChanged: onGroupInputBoxChanged, isInValid: isInValid && (isPresentInGroups || isEmpty(selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim())), setIsInValid: setIsInValid, isPresentInGroups: isPresentInGroups })),
+    return (React.createElement(Modal, { id: "Add-edit-bookmark-modal", className: "pf-modal-overflow-visible", "aria-describedby": "Add-edit-bookmark-modal", isOpen: props.isOpen, onClose: close, onEscapePress: props.onClose, variant: ModalVariant.medium },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, props.title)),
+        React.createElement(ModalBody, null,
             React.createElement("div", null,
-                React.createElement("label", { id: "add-bookmark-account-on-add-modal" },
-                    React.createElement(Trans, null, "Account(s)"),
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                React.createElement(BookmarkAccountSelector, { defaultSelected: props.selectedAccounts, labelId: "add-bookmark-account-on-add-modal", bookmarkedGroupAccounts: props.bookmarkedGroupAccounts, onBookMarkAccountSelected: onBookMarkAccountSelected, addMode: props.addMode, isInValid: isInValid && isEmpty(localSelectedBookmarks) }))),
+                React.createElement("div", { className: "pf-v6-u-mb-lg" },
+                    React.createElement(BookmarkGroupSelector, { selectedGroup: selectedGroup, groups: props.groups, onGroupInputBoxChanged: onGroupInputBoxChanged, isInValid: isInValid && (isPresentInGroups || isEmpty(selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim())), setIsInValid: setIsInValid, isPresentInGroups: isPresentInGroups })),
+                React.createElement("div", null,
+                    React.createElement("label", { id: "add-bookmark-account-on-add-modal" },
+                        React.createElement(Trans, null, "Account(s)"),
+                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+                    React.createElement(BookmarkAccountSelector, { defaultSelected: props.selectedAccounts, labelId: "add-bookmark-account-on-add-modal", bookmarkedGroupAccounts: props.bookmarkedGroupAccounts, onBookMarkAccountSelected: onBookMarkAccountSelected, addMode: props.addMode, isInValid: isInValid && isEmpty(localSelectedBookmarks) })))),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "save", variant: ButtonVariant.primary, onClick: save, isDisabled: isInValid || isNothingIsChangedOnEditMode() },
                 React.createElement(Trans, null, "Save")),

package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkAccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAmBhF,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAO3E,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,MAAM;IACZ,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA0UpD;yBA1Ue,uBAAuB"}
+{"version":3,"file":"BookmarkAccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAmBhF,OAAO,EAAE,SAAS,EAAuB,MAAM,2BAA2B,CAAC;AAO3E,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,MAAM;IACZ,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAyUpD;yBAzUe,uBAAuB"}

package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { accounts } from '@cee-eng/hydrajs';
 import { Button, Label, LabelGroup, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Tooltip, } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { useSelectKeyboardNavigator } from '@rh-support/components';
 import { sortAccountsByQuery } from '@rh-support/react-context';
 import assign from 'lodash/assign';
@@ -142,7 +142,7 @@ export function BookmarkAccountSelector(props) {
                     account.accountNumber,
                     ")"))))),
             selected.length > 0 && (React.createElement(TextInputGroupUtilities, null,
-                React.createElement(Button, { variant: "plain", onClick: clearSelection, "aria-label": "Clear input value", icon: React.createElement(TimesIcon, { "aria-hidden": true }) }))))));
+                React.createElement(Button, { variant: "plain", onClick: clearSelection, "aria-label": "Clear input value", icon: React.createElement(TimesCircleIcon, { "aria-hidden": true }) }))))));
     const duplicateAccounts = (props.selectedGroup &&
         props.addMode &&
         props.bookmarkedGroupAccounts
@@ -192,7 +192,7 @@ export function BookmarkAccountSelector(props) {
     }, [focusedItemIndex, options]);
     props.clearRef.current = clearSelection;
     return (React.createElement(React.Fragment, null,
-        React.createElement(Select, { id: "bookmark-account-select", isPlain: true, isOpen: isOpen, selected: selected, onSelect: onSelect, toggle: toggle, onOpenChange: (nextOpen) => {
+        React.createElement(Select, { id: "bookmark-account-select", isOpen: isOpen, selected: selected, onSelect: (_, value) => onSelect(value), toggle: toggle, onOpenChange: (nextOpen) => {
                 setIsOpen(nextOpen);
                 if (!nextOpen) {
                     setInputValue('');

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,qBA0ZvF"}
+{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAOhD,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,qBAoZvF"}

package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.js

@@ -151,11 +151,10 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
                 yield confirmation({
                     catchOnCancel: true,
                     confirmText: t('Yes, I am sure'),
-                    description: (React.createElement(React.Fragment, null,
-                        React.createElement("h2", null,
-                            React.createElement(Trans, null, "Are you sure?")),
-                        React.createElement("p", null,
-                            React.createElement(Trans, null, "You are choosing to remove this account from the selected bookmark.")))),
+                    confirmButtonVariant: ButtonVariant.danger,
+                    title: t('Are you sure?'),
+                    description: (React.createElement("p", null,
+                        React.createElement(Trans, null, "You are choosing to remove this account from the selected bookmark."))),
                 });
                 yield apiCalls.removeAccountApiCalls(account);
                 removeGroupedBookmarks(dispatchGlobalContext, bookmarkedGroupAccounts.data, [account.bookmarkId]);
@@ -178,11 +177,10 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
                 yield confirmation({
                     catchOnCancel: true,
                     confirmText: t('Yes, I am sure'),
-                    description: (React.createElement(React.Fragment, null,
-                        React.createElement("h2", null,
-                            React.createElement(Trans, null, "Are you sure?")),
-                        React.createElement("p", null,
-                            React.createElement(Trans, null, "Removing this bookmark will permanently delete it from your records.")))),
+                    confirmButtonVariant: ButtonVariant.danger,
+                    title: t('Are you sure?'),
+                    description: (React.createElement("p", null,
+                        React.createElement(Trans, null, "Removing this bookmark will permanently delete it from your records."))),
                 });
                 const rootBookmarIds = uniq(allGroups[group].map((account) => account.rootBookmarkId));
                 const promiseArry = rootBookmarIds.map((id) => __awaiter(this, void 0, void 0, function* () { return yield apiCalls.removeGroupAccount(id); }));

package/lib/esm/components/ManageExpiredContents/ExpiredContentCategory.js

@@ -27,5 +27,5 @@ export default function ExpiredContentCategory({ category, isCategoryExpanded =
         React.createElement(AccordionToggle, { id: category.categoryName, onClick: toggleExpanded },
             React.createElement("h3", null, category.categoryName)),
         React.createElement(AccordionContent, null,
-            React.createElement("ul", { className: "list-flat list-flushleft" }, sortedExpiredContents.map((content, i) => (React.createElement(ExpiredContentSingleItem, { key: content.topContentId, content: content, category: category }))))))) : (React.createElement(React.Fragment, null));
+            React.createElement("ul", { className: "list-flat" }, sortedExpiredContents.map((content, i) => (React.createElement(ExpiredContentSingleItem, { key: content.topContentId, content: content, category: category }))))))) : (React.createElement(React.Fragment, null));
 }

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpiredContentManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManager.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAmH5C"}
+{"version":3,"file":"ExpiredContentManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManager.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAqH5C"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.js

@@ -52,16 +52,17 @@ export default function ExipredContentManager() {
     return (React.createElement(React.Fragment, null,
         React.createElement(ExpiredContentHeader, null),
         React.createElement("div", { className: "toolbar" },
-            React.createElement(TopContentSearch, { dataTrackingId: "expired-content-filter-manage", topContentData: expiredContentEditState, onSearch: onSearch, topContentResultsWrapperRef: expiredContentResultsRef, className: "toolbar-content", isDisabled: expiredContentResponse.isFetching, searchQuery: searchQuery, setSearchQuery: setSearchQuery }),
-            React.createElement("div", { className: "toolbar-content pf-v6-u-ml-md" },
-                React.createElement("label", { htmlFor: 'tag-selector' },
-                    React.createElement(Trans, null, "All tags")),
-                React.createElement(TagsSelector, { tagOptions: availableTags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: expiredContentResponse.isFetching })),
-            React.createElement("div", { className: "toolbar-content pf-v6-u-mt-md" },
-                React.createElement(Switch, { id: "content-approaching-expiry", label: t('Show approaching expiry'), isChecked: showApprochingExpiry, onChange: handleChange }))),
-        React.createElement("div", { className: "expired-content-manage-wrapper pf-v6-u-pt-md", ref: expiredContentResultsRef }, expiredContentResponse.isFetching ? (React.createElement(Bullseye, null,
+            React.createElement("div", { className: "toolbar-content" },
+                React.createElement(TopContentSearch, { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-flex-fill pf-v6-u-align-items-center", dataTrackingId: "expired-content-filter-manage", topContentData: expiredContentEditState, onSearch: onSearch, topContentResultsWrapperRef: expiredContentResultsRef, isDisabled: expiredContentResponse.isFetching, searchQuery: searchQuery, setSearchQuery: setSearchQuery }),
+                React.createElement(Switch, { id: "content-approaching-expiry", className: "pf-v6-u-mt-sm", label: t('Show approaching expiry'), isChecked: showApprochingExpiry, onChange: handleChange })),
+            React.createElement("div", { className: "toolbar-content" },
+                React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center pf-v6-u-justify-content-flex-end" },
+                    React.createElement("label", { htmlFor: 'tag-selector' },
+                        React.createElement(Trans, null, "All tags")),
+                    React.createElement(TagsSelector, { tagOptions: availableTags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: expiredContentResponse.isFetching })))),
+        React.createElement("div", { className: "expired-content-manage-wrapper pf-v6-u-p-md", ref: expiredContentResultsRef }, expiredContentResponse.isFetching ? (React.createElement(Bullseye, null,
             React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                React.createElement(Spinner, { size: "lg" })))) : isEmpty(filteredEC) ? (React.createElement(EmptyState, { icon: SearchIcon, titleText: React.createElement(Trans, null, "No contents found"), variant: EmptyStateVariant.xs },
+                React.createElement(Spinner, { size: "lg" })))) : isEmpty(filteredEC) ? (React.createElement(EmptyState, { icon: SearchIcon, titleText: React.createElement(Trans, null, "No contents found"), variant: EmptyStateVariant.full },
             React.createElement(EmptyStateBody, null,
-                React.createElement(Trans, null, "There are no contents to display")))) : (React.createElement(Accordion, null, filteredEC.map((category, i) => (React.createElement(ExpiredContentCategory, { key: category.id, category: category, isCategoryExpanded: !isEmpty(searchQuery) || !isEmpty(filteredTags) }))))))));
+                React.createElement(Trans, null, "There are no contents to display")))) : (React.createElement(Accordion, { togglePosition: "start" }, filteredEC.map((category, i) => (React.createElement(ExpiredContentCategory, { key: category.id, category: category, isCategoryExpanded: !isEmpty(searchQuery) || !isEmpty(filteredTags) }))))))));
 }

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItem.js

@@ -63,7 +63,7 @@ export default function ExpiredContentSingleItem({ content, category }) {
         expired: formatDate(content.expiryDate),
     });
     return (React.createElement(React.Fragment, null, isPreview ? (React.createElement("li", { className: `push-bottom-narrow` },
-        React.createElement("a", { className: 'pcm-manage-top-content', "data-tracking-id": "pcm-manage-top-content", href: content.contentUrl, target: "_blank", rel: "noopener noreferrer" }, content.contentTitle),
+        React.createElement("a", { className: "pcm-manage-top-content pf-v6-u-mr-sm", "data-tracking-id": "pcm-manage-top-content", href: content.contentUrl, target: "_blank", rel: "noopener noreferrer" }, content.contentTitle),
         React.createElement(Button, { variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit', "data-tracking-id": "edit-expired-top-content" }),
         React.createElement("div", null,
             lastModifiedBy,

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpiredContentSingleItemView.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItemView.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIjG,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACjD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,MAAM,qBA4NR"}
+{"version":3,"file":"ExpiredContentSingleItemView.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItemView.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIjG,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACjD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,MAAM,qBA8NR"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { Button, Card, CardBody, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { TagsSelector, ToastNotification } from '@rh-support/components';
 import { getDrupalResIdIfTypeFromUrl, getText, isValidDate, isValidUrl } from '@rh-support/utils';
 import { isEqual } from 'lodash';
@@ -110,38 +110,39 @@ export default function ExpiredContentSingleItemView({ category, content, onCanc
             localContentTitle === content.contentTitle &&
             isEqual(localTagsIds, oldTagsIds) &&
             isEqual(localExpiryDate.split('T')[0], ((_b = content.expiryDate) === null || _b === void 0 ? void 0 : _b.split('T')[0]) || ''));
-    return (React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "card card-light push-bottom", ref: ref },
-        React.createElement("div", { className: "form-group" },
-            React.createElement("label", { htmlFor: localContentTitle },
-                "Heading",
-                ' ',
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onChange: (e, v) => {
-                    onContentTitleChange(v, e);
-                }, validated: contentTitleIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
-        React.createElement("div", { className: "form-group" },
-            React.createElement("label", { htmlFor: localContentUrl },
-                "Link to content",
-                ' ',
-                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onChange: (evt, val) => {
-                    onContentUrlChange(val, evt);
-                }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
-        React.createElement(Flex, { className: "pf-v6-u-my-lg" },
-            React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                React.createElement(FormGroup, { label: t('Tags') },
-                    React.createElement("div", { className: "pf-v6-c-form-control" },
-                        React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "expired-content-tag" })))),
-            React.createElement(FlexItem, null,
-                React.createElement(FormGroup, { label: t('Expiry date') },
-                    React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
-        React.createElement("span", { className: "top-content-single-item-footer" },
-            React.createElement("span", null,
-                React.createElement(Button, { variant: "primary", onClick: onContentSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
-                    React.createElement(Trans, null, "Save")),
-                ' ',
-                React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
-                    React.createElement(Trans, null, "Cancel"))),
-            React.createElement("span", { className: "content-actions" },
-                React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete, isDisabled: isDeleting }, "Delete")))));
+    return (React.createElement(Card, { variant: "secondary", className: "pf-v6-u-mb-md" },
+        React.createElement(CardBody, null,
+            React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "push-bottom", ref: ref },
+                React.createElement("div", { className: "form-group" },
+                    React.createElement("label", { htmlFor: localContentTitle },
+                        "Heading",
+                        ' ',
+                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+                    React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onChange: (e, v) => {
+                            onContentTitleChange(v, e);
+                        }, validated: contentTitleIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+                React.createElement("div", { className: "form-group" },
+                    React.createElement("label", { htmlFor: localContentUrl },
+                        "Link to content",
+                        ' ',
+                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+                    React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onChange: (evt, val) => {
+                            onContentUrlChange(val, evt);
+                        }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+                React.createElement(Flex, { className: "pf-v6-u-my-lg" },
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(FormGroup, { label: t('Tags') },
+                            React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "expired-content-tag" }))),
+                    React.createElement(FlexItem, null,
+                        React.createElement(FormGroup, { label: t('Expiry date') },
+                            React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
+                React.createElement("span", { className: "top-content-single-item-footer" },
+                    React.createElement("span", null,
+                        React.createElement(Button, { variant: "primary", onClick: onContentSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
+                            React.createElement(Trans, null, "Save")),
+                        ' ',
+                        React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
+                            React.createElement(Trans, null, "Cancel"))),
+                    React.createElement("span", { className: "content-actions" },
+                        React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete, isDisabled: isDeleting }, "Delete")))))));
 }

package/lib/esm/components/ManagePreferences/sections/PreferencesACL.js

@@ -44,11 +44,11 @@ export function PreferencesACL() {
                 React.createElement("div", { className: "form-group" },
                     React.createElement("label", null,
                         React.createElement(Trans, null, "Enable Case Group ACL for my account")),
-                    React.createElement("div", { className: "preference-page-switch-container" },
+                    React.createElement("div", { className: "preference-page-switch-container pf-v6-u-mt-sm" },
                         React.createElement(PreferenceSwitch, { id: "ACL-switch", label: isAclActivated ? t('ACL Enabled') : t('ACL Disabled'), isChecked: isAclActivated, onSwitchChange: onAclSwitch }),
                         React.createElement("div", { className: "prefhostnameTooltip" },
                             React.createElement(Tooltip, { content: t('This determines if the account is utilizing case group access controls'), position: "right" },
-                                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm" })),
+                                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm cursor-pointer" })),
                             isAclLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" })))),
                     React.createElement("div", { className: "pf-v6-u-mt-lg" },
                         React.createElement("label", null,

package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js

@@ -216,6 +216,6 @@ export function PreferencesCaseView(props) {
                         React.createElement(PreferenceSwitch, { id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
                         React.createElement("div", { className: "prefhostnameTooltip" },
                             React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
-                                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm" })),
+                                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm cursor-pointer" })),
                             isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v6-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
 }

package/lib/esm/components/ManageTable/ManageTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAMf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,SAAS,EAA4C,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoDxC"}
+{"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAMf,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,OAAO,EAAE,SAAS,EAA4C,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoDxC"}

package/lib/esm/components/ManageTable/ManageTable.js

@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Alert, AlertActionCloseButton, Bullseye, EmptyState, EmptyStateBody, EmptyStateVariant, PaginationVariant, } from '@patternfly/react-core';
+import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 // Removed direct imports from @patternfly/react-table to avoid version conflicts
 import { PFTable, TableComponent, TablePagination } from '@rh-support/components';
 import React from 'react';
@@ -18,7 +19,7 @@ const noResultFoundRow = (noResultString = '') => ({
     heightAuto: true,
     colSpan: 10,
     content: (React.createElement(Bullseye, null,
-        React.createElement(EmptyState, { headingLevel: "h3", titleText: React.createElement(React.Fragment, null,
+        React.createElement(EmptyState, { headingLevel: "h3", icon: SearchIcon, titleText: React.createElement(React.Fragment, null,
                 React.createElement(Trans, null, "No results found")), variant: EmptyStateVariant.xs },
             React.createElement(EmptyStateBody, null, noResultString ? noResultString : React.createElement(Trans, null, "There are no results to display."))))),
 });

package/lib/esm/components/ManageTags/TagsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBA8XlC"}
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBA4YlC"}

package/lib/esm/components/ManageTags/TagsManager.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, Flex, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
@@ -196,34 +196,43 @@ export default function TagsManager() {
                     React.createElement(Button, { icon: React.createElement(TrashIcon, null), "aria-label": `delete tag ${tagsByIds[id].tagName}`, variant: "plain", "data-tracking-id": "delete-tag", onClick: () => onDeleteTagClick(tagsByIds[id]) })))),
         },
     ];
-    const CreateTagModel = (React.createElement(Modal, { title: t('Create a tag'), onClose: onCancelCreateNewTag, isOpen: createTagModalOpen },
-        React.createElement(FormGroup, { label: "Tag name", isRequired: true },
-            React.createElement(TextInput, { isRequired: true, type: "text", id: "create-new-tag-text-input", value: newTagName, onChange: (e, v) => {
-                    setNewTagName(v);
-                    setCreateTagError('');
-                }, placeholder: t('Enter a unique name to create a tag'), validated: isEmpty(createTagError) ? 'default' : 'error' }),
-            !isEmpty(createTagError) && (React.createElement(FormHelperText, null,
-                React.createElement(HelperText, null,
-                    React.createElement(HelperTextItem, { variant: "error" }, createTagError))))),
+    const CreateTagModel = (React.createElement(Modal, { onClose: onCancelCreateNewTag, isOpen: createTagModalOpen },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Create a tag'))),
+        React.createElement(ModalBody, null,
+            React.createElement(FormGroup, { label: "Tag name", isRequired: true },
+                React.createElement(TextInput, { isRequired: true, type: "text", id: "create-new-tag-text-input", value: newTagName, onChange: (e, v) => {
+                        setNewTagName(v);
+                        setCreateTagError('');
+                    }, placeholder: t('Enter a unique name to create a tag'), validated: isEmpty(createTagError) ? 'default' : 'error' }),
+                !isEmpty(createTagError) && (React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, { variant: "error" }, createTagError)))))),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { key: "create-tag", variant: ButtonVariant.primary, onClick: onCreateNewTag, isLoading: isCreatingNewTag, isDisabled: !isEmpty(createTagError) || isCreatingNewTag },
+            React.createElement(Button, { key: "create-tag", variant: ButtonVariant.primary, onClick: onCreateNewTag, isLoading: isCreatingNewTag, isDisabled: isEmpty(newTagName) || !isEmpty(createTagError) || isCreatingNewTag },
                 React.createElement(Trans, null, "Create")),
             React.createElement(Button, { key: "cancel-create-tag", variant: ButtonVariant.link, onClick: onCancelCreateNewTag }, "Cancel"))));
-    const EditTagModal = (React.createElement(Modal, { title: t('Edit Tag'), isOpen: editTagModalOpen, onClose: onEditCancel },
-        React.createElement(FormGroup, { label: "Tag name", isRequired: true },
-            React.createElement(TextInput, { isRequired: true, type: "text", id: "edit-tag-text-input", value: editTagName, onChange: (e, v) => {
-                    setEditTagName(v);
-                    setEditTagError('');
-                }, placeholder: t('Enter a unique name for this tag') }),
-            !isEmpty(editTagError) && (React.createElement(FormHelperText, null,
-                React.createElement(HelperText, null,
-                    React.createElement(HelperTextItem, { variant: "error" }, editTagError))))),
+    const EditTagModal = (React.createElement(Modal, { isOpen: editTagModalOpen, onClose: onEditCancel },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Edit Tag'))),
+        React.createElement(ModalBody, null,
+            React.createElement(FormGroup, { label: "Tag name", isRequired: true },
+                React.createElement(TextInput, { isRequired: true, type: "text", id: "edit-tag-text-input", value: editTagName, onChange: (e, v) => {
+                        setEditTagName(v);
+                        setEditTagError('');
+                    }, placeholder: t('Enter a unique name for this tag') }),
+                !isEmpty(editTagError) && (React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, { variant: "error" }, editTagError)))))),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "edit-tag", variant: ButtonVariant.primary, onClick: onEditTagConfirm, isLoading: isEditingTagName, isDisabled: !isEmpty(editTagError) || isEditingTagName },
                 React.createElement(Trans, null, "Save")),
             React.createElement(Button, { key: "cancel-edit-tag", variant: ButtonVariant.link, onClick: onEditCancel }, "Cancel"))));
-    const DeleteTagModel = () => (React.createElement(Modal, { title: t('Are you sure?'), isOpen: deleteTagModalOpen, onClose: () => setDeleteTagModalOpen(false) },
-        React.createElement(Trans, null, "Deleting this tag will permanently untag all content associated with it. Are you sure you want to proceed?"),
+    const DeleteTagModel = () => (React.createElement(Modal, { isOpen: deleteTagModalOpen, onClose: () => setDeleteTagModalOpen(false) },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Are you sure?'))),
+        React.createElement(ModalBody, null,
+            React.createElement(Trans, null, "Deleting this tag will permanently untag all content associated with it. Are you sure you want to proceed?")),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "delete-tag", variant: ButtonVariant.danger, onClick: onDeleteTagConfirm, isLoading: isDeletingTag, isDisabled: isDeletingTag },
                 React.createElement(Trans, null, "Yes, I am sure")),
@@ -236,21 +245,20 @@ export default function TagsManager() {
             React.createElement("h2", null, "Tags"),
             React.createElement("p", { className: "pf-v6-u-my-sm" },
                 React.createElement(Trans, null, "Add, edit or remove tags and manage tagged top content."))),
-        React.createElement("div", { className: "toolbar" },
-            React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, className: "pf-v6-u-w-100" },
+        React.createElement("div", { className: "toolbar pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center pf-v6-u-justify-content-space-between" },
+            React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center" },
                 React.createElement("label", { htmlFor: "tag-search-input" },
                     React.createElement(Trans, null, "Search Tag")),
-                React.createElement("div", { className: "pf-v6-u-flex-grow-1" },
+                React.createElement("div", null,
                     React.createElement(TextInputGroup, null,
                         React.createElement(TextInputGroupMain, { type: "text", id: "tag-search-input", placeholder: t('Search for a tag'), icon: React.createElement(SearchIcon, null), value: tagSearchTerm, onChange: (e, v) => setTagSearchTerm(v) }),
                         !isEmpty(tagSearchTerm) && (React.createElement(TextInputGroupUtilities, null,
-                            React.createElement(Button, { icon: React.createElement(TimesIcon, null), variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" }))))),
-                React.createElement("span", { className: "pf-v6-u-ml-sm" },
-                    React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => {
-                            setCreateTagModalOpen(true);
-                            setNewTagName(tagSearchTerm);
-                        }, "data-tracking-id": "tag-create-button" },
-                        React.createElement(Trans, null, "Create tag"))))),
+                            React.createElement(Button, { icon: React.createElement(TimesIcon, null), variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" })))))),
+            React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => {
+                    setCreateTagModalOpen(true);
+                    setNewTagName(tagSearchTerm);
+                }, "data-tracking-id": "tag-create-button" },
+                React.createElement(Trans, null, "Create tag"))),
         React.createElement("div", { className: "tags-manager-wrapper" },
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading tags list') } }, tagResponse.isFetching ? (React.createElement(Bullseye, null,
                 React.createElement(EmptyState, { variant: EmptyStateVariant.full },

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,sBAyNpD,CAAC"}
+{"version":3,"file":"NotificationEmailsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/NotificationEmailsModal.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,yBAAyB,EAAE,GAAG,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,UAAW,MAAM,sBAiOpD,CAAC"}

package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import { isEmailValid } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
@@ -105,26 +105,33 @@ export const NotificationEmailsModal = (props) => {
         const specialCharRegex = /[^a-zA-Z0-9\s]/;
         return specialCharRegex.test(s);
     };
-    return (React.createElement(Modal, { id: "Add-edit-notification-email-modal", className: "pf-modal-overflow-visible", title: t('Edit notification email'), "aria-describedby": "Add-edit-notification-email-modal", isOpen: props.isOpen, onClose: props.onClose, onEscapePress: props.onClose, variant: ModalVariant.medium },
-        React.createElement(Form, null,
-            React.createElement(FormGroup, { label: t('Email address'), isRequired: true, fieldId: "email-notification-first-emailaddress" },
-                React.createElement(TextInput, { value: email, isRequired: true, type: "text", onChange: (_event, localemail) => onEmailChange(localemail), "aria-label": t('Email address'), placeholder: t('Email address'), maxLength: 254, validated: isValidEmail && !isEmailDuplicate ? ValidatedOptions.default : ValidatedOptions.error, isDisabled: !props.isAddingNotificationEmail }),
-                !(isValidEmail && !isEmailDuplicate) && (React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, !isValidEmail ? t('Invalid email') : isEmailDuplicate ? t('Duplicate Email') : ''))))),
-            React.createElement(FormGroup, { label: t('First name'), isRequired: true, fieldId: "email-notification-first-name" },
-                React.createElement(TextInput, { value: firstName, isRequired: true, validated: isValidFirstName ? ValidatedOptions.default : ValidatedOptions.error, type: "text", onChange: (_event, firstName) => onFirstNameChange(firstName), "aria-label": t('First name'), placeholder: t('First name'), maxLength: 254 }),
-                !isValidFirstName && (React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, isSpecialCharFirstName
-                            ? t('First name cannot contain special characters')
-                            : t('First name cannot be empty')))))),
-            React.createElement(FormGroup, { label: t('Last name'), fieldId: "email-notification-last-name" },
-                React.createElement(TextInput, { value: lastName, type: "text", validated: isValidLastName ? ValidatedOptions.default : ValidatedOptions.error, onChange: (_event, lastName) => onLastNameChange(lastName), "aria-label": t('Last name'), placeholder: t('Last name'), maxLength: 254 }),
-                !isValidLastName && (React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { variant: ValidatedOptions.error },
-                            React.createElement(Trans, null, "Last name cannot contain special characters"))))))),
+    return (React.createElement(Modal, { id: "Add-edit-notification-email-modal", className: "pf-modal-overflow-visible", "aria-describedby": "Add-edit-notification-email-modal", isOpen: props.isOpen, onClose: props.onClose, onEscapePress: props.onClose, variant: ModalVariant.medium },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", null, t('Edit notification email'))),
+        React.createElement(ModalBody, null,
+            React.createElement(Form, null,
+                React.createElement(FormGroup, { label: t('Email address'), isRequired: true, fieldId: "email-notification-first-emailaddress" },
+                    React.createElement(TextInput, { value: email, isRequired: true, type: "text", onChange: (_event, localemail) => onEmailChange(localemail), "aria-label": t('Email address'), placeholder: t('Email address'), maxLength: 254, validated: isValidEmail && !isEmailDuplicate ? ValidatedOptions.default : ValidatedOptions.error, isDisabled: !props.isAddingNotificationEmail }),
+                    !(isValidEmail && !isEmailDuplicate) && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, !isValidEmail
+                                ? t('Invalid email')
+                                : isEmailDuplicate
+                                    ? t('Duplicate Email')
+                                    : ''))))),
+                React.createElement(FormGroup, { label: t('First name'), isRequired: true, fieldId: "email-notification-first-name" },
+                    React.createElement(TextInput, { value: firstName, isRequired: true, validated: isValidFirstName ? ValidatedOptions.default : ValidatedOptions.error, type: "text", onChange: (_event, firstName) => onFirstNameChange(firstName), "aria-label": t('First name'), placeholder: t('First name'), maxLength: 254 }),
+                    !isValidFirstName && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, isSpecialCharFirstName
+                                ? t('First name cannot contain special characters')
+                                : t('First name cannot be empty')))))),
+                React.createElement(FormGroup, { label: t('Last name'), fieldId: "email-notification-last-name" },
+                    React.createElement(TextInput, { value: lastName, type: "text", validated: isValidLastName ? ValidatedOptions.default : ValidatedOptions.error, onChange: (_event, lastName) => onLastNameChange(lastName), "aria-label": t('Last name'), placeholder: t('Last name'), maxLength: 254 }),
+                    !isValidLastName && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error },
+                                React.createElement(Trans, null, "Last name cannot contain special characters")))))))),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "save", variant: ButtonVariant.primary, onClick: save, isDisabled: !isFormDirty() ||
                     isUpdating ||

package/lib/esm/components/TopContentManagement/NoTopContentFound.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACX,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,EACf,mCAAmC,CAAC,EAAE,OAAO,KAC5C,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,qBA+FR"}
+{"version":3,"file":"NoTopContentFound.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/NoTopContentFound.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CACX,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,MAAM,EACf,mCAAmC,CAAC,EAAE,OAAO,KAC5C,IAAI,CAAC;IACV,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,4BAA4B,GAC/B,EAAE,MAAM,qBA2FR"}

package/lib/esm/components/TopContentManagement/NoTopContentFound.js

@@ -18,7 +18,7 @@ export function NoTopContentFound({ version, product, dataLength, onAddCategory,
                 xVersion,
                 " when minor version content is unavailable."))),
         React.createElement("p", { className: "pf-v6-u-mb-md" },
-            React.createElement(Button, { variant: isXVersion ? ButtonVariant.secondary : ButtonVariant.primary, isInline: true, onClick: () => onAddCategory(false, true, version) },
+            React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => onAddCategory(false, true, version) },
                 React.createElement(Trans, null,
                     ' ',
                     "Create ",

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAGH,oBAAoB,EAGvB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0GlF,CAAC"}
+{"version":3,"file":"TopContentComponent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAGH,oBAAoB,EAGvB,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,yBAAyB;IACtC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA+GlF,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.js

@@ -42,20 +42,18 @@ export const TopContentComponent = (props) => {
     };
     const buttons = (React.createElement("div", { className: "pf-v6-c-accordion__expanded-content-footer" },
         !isArrangingContent && props.categoryMode !== CategoryMode.NEW_SECTION && (React.createElement("span", null,
-            React.createElement(Button, { variant: "secondary", onClick: addContent, "data-tracking-id": "add-content-top-content" },
+            React.createElement(Button, { className: "pf-v6-u-mr-md", variant: "secondary", onClick: addContent, "data-tracking-id": "add-content-top-content" },
                 React.createElement(Trans, null, "Add content")),
-            ' ',
             React.createElement(Button, { variant: "secondary", onClick: arrangeSection, isDisabled: props.category.content.length < 2 },
                 React.createElement(Trans, null, "Arrange section")))),
         isArrangingContent && (React.createElement("span", null,
-            React.createElement(Button, { variant: "primary", onClick: saveArrangement },
+            React.createElement(Button, { className: "pf-v6-u-mr-md", variant: "primary", onClick: saveArrangement },
                 React.createElement(Trans, null, "Save")),
-            ' ',
             React.createElement(Button, { variant: "link", onClick: cancelArrangement },
                 React.createElement(Trans, null, "Cancel"))))));
     return (React.createElement("div", null,
         React.createElement(Droppable, { droppableId: `${props.category.id}`, type: `drop-inner-${props.category.id}`, isDropDisabled: !isArrangingContent, key: `drop-inner-${props.category.id}` }, (provided) => (React.createElement("div", { ref: provided.innerRef },
-            React.createElement("ul", { id: "content-list", "aria-label": t('Content list'), className: "list-flat list-flushleft" },
+            React.createElement("ul", { id: "content-list", "aria-label": t('Content list'), className: "list-flat" },
                 props.category.content.map((content, i) => (React.createElement(Draggable, { key: `drag-inner-${i}${props.category.id}`, draggableId: `drag-inner-${i}${props.category.id}`, index: i, isDragDisabled: !isArrangingContent }, (provided, snapshot) => (React.createElement("div", Object.assign({ key: `${i}-c`, "aria-label": t('Content'), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
                     React.createElement(TopContentSingleItem, { isArrangingContent: isArrangingContent, category: props.category, snapshot: snapshot, i: i, key: content.topContentId })))))),
                 provided.placeholder),

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AA8BtG,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,sBAufzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAgCtG,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,sBAugBzF,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { search } from '@cee-eng/hydrajs';
-import { Button, DatePicker, Flex, FlexItem, FormGroup, Icon, Label, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, Card, CardBody, DatePicker, Flex, FlexItem, FormGroup, Icon, Label, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import EditAltIcon from '@patternfly/react-icons/dist/js/icons/edit-alt-icon';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import GripVerticalIcon from '@patternfly/react-icons/dist/js/icons/grip-vertical-icon';
@@ -319,56 +319,58 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
                 React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#06c", className: "pf-v6-u-mr-sm" }))),
             !isArrangingContent ? (React.createElement(React.Fragment, null,
                 React.createElement(TopContentSingleItemLink, { url: getTopContentUrl(content.contentUrl), title: content.contentTitle, contentId: content.topContentId, needsAttention: content.isAttentionNeeded, lastModifiedBy: lastModifiedBy, selectedVersion: selectedVersion }),
-                ' ',
-                React.createElement(Button, { variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit' }))) : (content.contentTitle),
-            React.createElement("div", null, lastModifiedBy),
+                React.createElement(Button, { className: "pf-v6-u-ml-sm", variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit' }))) : (content.contentTitle),
+            React.createElement("div", { className: "pf-v6-u-mt-sm" }, lastModifiedBy),
             React.createElement("div", null,
                 (content.tags || []).map((tag) => (React.createElement(Label, { isCompact: true, className: "pf-v6-u-mr-xs pf-v6-u-mt-sm", key: tag.id, color: filteredTags.some((t) => t.id === tag.id) ? 'yellow' : 'grey' }, tag.tagName))),
                 !isEmpty((_c = content.expiryDate) !== null && _c !== void 0 ? _c : '') && !isFutureDate(content.expiryDate) && (React.createElement(Label, { isCompact: true, className: "pf-v6-u-mr-xs pf-v6-u-mt-sm", color: "red" },
                     React.createElement(Trans, null, "Outdated Content")))))),
-        (!isPreview || content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) && (React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "card card-light push-bottom", ref: ref },
-            content.mode === ContentMode.NEW_SECTION_CONTENT && (React.createElement(AddNewCategoryDropDown, { onCategoryChange: onAddedNewCategoryChange })),
-            React.createElement("div", { className: "form-group" },
-                React.createElement("label", { htmlFor: localContentTitle },
-                    "Heading",
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onChange: (e, v) => {
-                        onContentTitleChange(v, e);
-                    }, validated: contentTitleIsValid && !isDuplicateTitle
-                        ? ValidatedOptions.default
-                        : ValidatedOptions.error }),
-                isDuplicateTitle && (React.createElement("p", { className: "form-instructions form-invalid " },
-                    React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-u-mr-sm" }),
-                    ' ',
-                    React.createElement(Trans, null, "Duplicate heading. Content with this heading is already present.")))),
-            React.createElement("div", { className: "form-group" },
-                React.createElement("label", { htmlFor: localContentUrl },
-                    "Link to content",
-                    ' ',
-                    React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onChange: (evt, val) => {
-                        onContentUrlChange(val, evt);
-                    }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error }),
-                showDuplicateError && (React.createElement("p", { className: "form-instructions form-invalid" },
-                    React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),
-                    " Duplicate url. This url is already added in ",
-                    formatDuplicateWarning(duplicatUrlErrorArray),
-                    "."))),
-            React.createElement(Flex, { className: "pf-v6-u-my-lg" },
-                React.createElement(FlexItem, { flex: { default: 'flex_1' } },
-                    React.createElement(FormGroup, { label: t('Tags') },
-                        React.createElement("div", { className: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
-                            React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
-                React.createElement(FlexItem, null,
-                    React.createElement(FormGroup, { label: t('Expiry date') },
-                        React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
-            React.createElement("span", { className: "top-content-single-item-footer" },
-                React.createElement("span", null,
-                    React.createElement(Button, { variant: "primary", onClick: onSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
-                        React.createElement(Trans, null, "Save")),
-                    ' ',
-                    React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
-                        React.createElement(Trans, null, "Cancel"))),
-                React.createElement("span", { className: "content-actions" }, content.mode !== ContentMode.ADD && content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete }, "Delete"))))))));
+        (!isPreview || content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) && (React.createElement(Card, { variant: "secondary" },
+            React.createElement(CardBody, null,
+                React.createElement("form", { noValidate: true, onSubmit: onSubmit, ref: ref },
+                    content.mode === ContentMode.NEW_SECTION_CONTENT && (React.createElement(AddNewCategoryDropDown, { onCategoryChange: onAddedNewCategoryChange })),
+                    React.createElement("div", { className: "form-group" },
+                        React.createElement("label", { htmlFor: localContentTitle },
+                            "Heading",
+                            ' ',
+                            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+                        React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onChange: (e, v) => {
+                                onContentTitleChange(v, e);
+                            }, validated: contentTitleIsValid && !isDuplicateTitle
+                                ? ValidatedOptions.default
+                                : ValidatedOptions.error }),
+                        isDuplicateTitle && (React.createElement("p", { className: "form-instructions form-invalid " },
+                            React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-u-mr-sm" }),
+                            ' ',
+                            React.createElement(Trans, null, "Duplicate heading. Content with this heading is already present.")))),
+                    React.createElement("div", { className: "form-group" },
+                        React.createElement("label", { htmlFor: localContentUrl },
+                            "Link to content",
+                            ' ',
+                            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+                        React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onChange: (evt, val) => {
+                                onContentUrlChange(val, evt);
+                            }, validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error }),
+                        showDuplicateError && (React.createElement("p", { className: "form-instructions form-invalid" },
+                            React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),
+                            " Duplicate url. This url is already added in",
+                            ' ',
+                            formatDuplicateWarning(duplicatUrlErrorArray),
+                            "."))),
+                    React.createElement(Flex, { className: "pf-v6-u-my-lg" },
+                        React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                            React.createElement(FormGroup, { label: t('Tags') },
+                                React.createElement("div", { className: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
+                                    React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
+                        React.createElement(FlexItem, null,
+                            React.createElement(FormGroup, { label: t('Expiry date') },
+                                React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
+                    React.createElement("span", { className: "top-content-single-item-footer" },
+                        React.createElement("span", null,
+                            React.createElement(Button, { className: "pf-v6-u-mr-sm", variant: "primary", onClick: onSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
+                                React.createElement(Trans, null, "Save")),
+                            React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
+                                React.createElement(Trans, null, "Cancel"))),
+                        React.createElement("span", { className: "content-actions" }, content.mode !== ContentMode.ADD &&
+                            content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete }, "Delete"))))))))));
 };

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAqX/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAsX/B"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js

@@ -155,7 +155,7 @@ export function TopContentEditor() {
                 React.createElement("label", { htmlFor: 'tag-selector' },
                     React.createElement(Trans, null, "All tags")),
                 React.createElement(TagsSelector, { tagOptions: tags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: isEmpty(flagContentEditState) })))),
-        React.createElement("div", { className: "top-content-manage-wrapper pf-v6-u-pt-md" },
+        React.createElement("div", { className: "top-content-manage-wrapper pf-v6-u-p-md" },
             !topContentResponse.isFetching && React.createElement(TopContentSuggestion, { searchQuery: searchQuery }),
             topContentResponse.isFetching ? (React.createElement(Bullseye, null,
                 React.createElement(EmptyState, { variant: EmptyStateVariant.full },
@@ -166,7 +166,7 @@ export function TopContentEditor() {
                         provided.innerRef(el);
                         topContentResultsRef.current = el;
                     } }),
-                    React.createElement(Accordion, { asDefinitionList: true },
+                    React.createElement(Accordion, { asDefinitionList: true, togglePosition: "start" },
                         !topContentResponse.isFetching &&
                             filteredTC.map((category, i) => (React.createElement("div", { key: `div-${i}-${category.id}` },
                                 category.catMode === CategoryMode.EXISTING_SECTION && (React.createElement(Draggable, { draggableId: `c${category.id}`, index: i, isDragDisabled: !isArrangingCats, key: `c-${i}-${category.id}` }, (provided, snapshot) => category.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, category.helperText) },
@@ -184,10 +184,9 @@ export function TopContentEditor() {
                             isCategoryLimitReached && React.createElement(CategoryLimit, null),
                             React.createElement(Button, { variant: "primary", onClick: () => onAddCategory(isContentOnlyForMajorVersion, false, selectedVersion), isDisabled: isCategoryLimitReached, id: "add-new-section-topcontent", "data-tracking-id": "add-new-section-topcontent" },
                                 React.createElement(Trans, null, "Add a new section")),
-                            ' ',
-                            React.createElement(Button, { variant: "secondary", onClick: arrangeSection, isDisabled: flagContentEditState.length < 2 },
+                            React.createElement(Button, { variant: "secondary", className: "pf-v6-u-ml-sm", onClick: arrangeSection, isDisabled: flagContentEditState.length < 2 },
                                 React.createElement(Trans, null, "Arrange section")),
-                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-v6-u-float-right", isInline: true, onClick: onOpenModal },
+                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-v6-u-float-right pf-v6-u-ml-sm", isInline: true, onClick: onOpenModal },
                                 React.createElement(Trans, null, "View performance"))))),
                         isArrangingCats && (React.createElement(React.Fragment, null,
                             React.createElement(Button, { variant: "primary", onClick: onSaveArrangement },

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAWnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,qBA2MtD;kBA3MQ,gCAAgC;;;AA8MzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}
+{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAYnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,qBA6MtD;kBA7MQ,gCAAgC;;;AAgNzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.js

@@ -1,5 +1,5 @@
 import { products as productsApi } from '@cee-eng/hydrajs';
-import { MenuToggle, Select, SelectOption, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
+import { Button, MenuToggle, Select, SelectOption, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { SingleSelectDropdown, useFetch } from '@rh-support/components';
 import { getUniqueSortedVersions, getVersion } from '@rh-support/utils';
@@ -135,15 +135,15 @@ function TopContentProductVersionSelector(props) {
         } },
         React.createElement(TextInputGroup, { isPlain: true },
             React.createElement(TextInputGroupMain, { value: input, onClick: onToggleClick, onChange: onChange, autoComplete: "off", innerRef: textInputRef, placeholder: t('Select a product'), role: "combobox", isExpanded: isProductOpen })),
-        !isEmpty(selected) && (React.createElement(TimesCircleIcon, { "aria-hidden": true, onClick: (e) => {
+        !isEmpty(selected) && (React.createElement(Button, { variant: "plain", icon: React.createElement(TimesCircleIcon, { "aria-hidden": true }), onClick: (e) => {
                 e.stopPropagation();
                 onProductClear();
-            }, className: "pf-v6-u-cursor-pointer pf-v6-u-mt-sm pf-v6-u-ml-sm" }))));
+            } }))));
     return (React.createElement("div", { className: "toolbar" },
         React.createElement("div", { className: "toolbar-left" },
             React.createElement("label", { htmlFor: 'tc-product-selector-dropdown-toggle' },
                 React.createElement(Trans, null, "Product")),
-            React.createElement(Select, Object.assign({ toggle: toggle, selected: selected, isOpen: isProductOpen, onSelect: onProductSelect }, (isLoadingProducts && { loadingVariant: 'spinner' }), { id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions, input))),
+            React.createElement(Select, Object.assign({ isScrollable: true, toggle: toggle, selected: selected, isOpen: isProductOpen, maxMenuHeight: "20rem", onSelect: onProductSelect }, (isLoadingProducts && { loadingVariant: 'spinner' }), { id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions, input))),
         React.createElement("div", { className: "toolbar-right" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version")),

package/lib/esm/scss/_main.scss

@@ -66,6 +66,15 @@
             margin-bottom: 1rem;
             display: inherit;
 
+            .manage-group-actions-toggle-options {
+                padding-top: 10px;
+                padding-bottom: 10px;
+            }
+
+            .manage-group-actions-toggle-options .pf-v6-c-menu-toggle__controls {
+                display: none;
+            }
+
             & > *:nth-child(2):not(.group-action) {
                 width: 100%;
                 // max-width: 440px;
@@ -107,14 +116,13 @@
             align-items: flex-start;
 
             .toolbar-left {
-                flex: 0 1 70%;
-                width: 70%;
+                flex: 0 1 50%;
                 margin-bottom: 0;
             }
 
             .toolbar-right {
-                flex: 1 1 28%;
-                max-width: 28%;
+                flex: 1 1 35%;
+                max-width: 35%;
                 margin-left: auto;
             }
         }
@@ -123,6 +131,7 @@
             background-color: #d2d2d2;
             border: 1px solid #d2d2d2;
             color: #6a6e73;
+            border-radius: var(--pf-t--global--border--radius--small);
         }
 
         .group-actions-dropdown [disabled] {
@@ -204,6 +213,10 @@
     .pf-v6-c-tab-content {
         flex: 1;
     }
+
+    #comment-signature-textarea {
+        resize: none !important;
+    }
 }
 
 #manage-top-content {
@@ -222,6 +235,10 @@
     .top-content-manage-wrapper {
         border: 1px solid #ccc;
         border-top: none;
+
+        #no-content {
+            min-height: 30rem;
+        }
     }
     .top-content-needs-attention {
         color: var(--pf-v5-global--danger-color--100);
@@ -240,6 +257,10 @@
         dt {
             margin: 0;
         }
+
+        .pf-v6-c-empty-state {
+            min-height: 25rem;
+        }
     }
 }
 
@@ -315,6 +336,11 @@
 
 .preference-card {
     background-color: #f0f0f0;
+    min-height: 25rem;
+}
+
+.preference-card .pf-v6-c-card__header-main h3 {
+    font-weight: var(--pf-t--global--font--weight--heading--bold);
 }
 
 .preference-dropdown {
@@ -355,3 +381,58 @@ svg.hostnameSpinner {
     flex-direction: row;
     justify-content: space-between;
 }
+
+#manage-bookmarked-accounts {
+    .bookmark-account {
+        min-width: 22rem;
+    }
+
+    .pf-v6-c-empty-state__icon {
+        color: var(--pf-t--color--gray--30);
+    }
+}
+
+.pf-v6-c-empty-state__icon {
+    color: var(--pf-t--color--gray--30);
+}
+
+.pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-button:not(.pf-v6-c-menu-toggle__button) .pf-v6-svg,
+.pf-v6-c-menu-toggle__text .pf-v6-c-button .pf-v6-svg {
+    color: var(--pf-t--color--gray--50);
+}
+
+.pf-v6-c-accordion__item.pf-m-expanded {
+    display: flex;
+    flex-direction: column;
+}
+
+.pf-v6-c-accordion__expandable-content-body {
+    padding: var(--pf-t--global--spacer--md);
+}
+
+#manage-expired-content .toolbar {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: initial;
+
+    & > .toolbar-content button,
+    & > .toolbar-content input {
+        min-width: 25rem;
+    }
+
+    & > .toolbar-content:last-child {
+        justify-content: flex-end;
+    }
+
+    & > .toolbar-content:first-child {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: start;
+    }
+}
+
+#tag-search-input input {
+    min-width: 30rem;
+}

package/lib/esm/scss/_pf-overrides.scss

@@ -133,10 +133,6 @@ div.performance-metrics-modal {
     z-index: 9;
 }
 
-.pf-v6-c-accordion__expandable-content {
-    margin: 0;
-}
-
 div.pf-v6-c-pagination__nav-page-select {
     span.pf-v6-c-form-control {
         background-color: white;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.32",
+    "version": "2.5.34",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -79,12 +79,12 @@
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.26",
+        "@rh-support/components": "2.5.28",
         "@rh-support/configs": "2.0.21",
-        "@rh-support/react-context": "2.5.28",
+        "@rh-support/react-context": "2.5.30",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.18",
-        "@rh-support/utils": "2.5.17",
+        "@rh-support/user-permissions": "2.5.19",
+        "@rh-support/utils": "2.5.18",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "4e42960cc47766cce9312ba7e236d2ede9facd33"
+    "gitHead": "dc194981196fd9b18c9d82ed3f39b7c66d65f5f3"
 }