@rh-support/cases 2.6.16 → 2.6.17

package/lib/esm/components/case-list/case-search/AdvanceSearch.js

@@ -197,7 +197,7 @@ export function AdvanceSearch(props) {
                     React.createElement(LoadingIndicator, null))))),
         React.createElement(Button, { type: "button", variant: "primary", "data-tracking-id": "case-list-adv-search-button", className: "search-btn", onClick: onSearchSubmit, isDisabled: isAdvancedSearchButtonDisabled },
             React.createElement(Trans, null, "Search")),
-        React.createElement(Button, { hasNoPadding: true, className: "case-search-toggle", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
+        React.createElement(Button, { hasNoPadding: true, className: "case-search-toggle secondary-button-pill", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
             React.createElement(Trans, null, "Basic")),
         React.createElement(Button, { icon: React.createElement(InfoIcon, null), variant: "link", className: "pf-v6-u-px-0", component: "a", rel: "noopener noreferrer", target: "_blank", "aria-label": "Advanced search guide", href: "https://source.redhat.com/communitiesatredhat/applications/integration-community-of-practice/all/testallin/all_in_blog/advanced_search_in_the_customer_support_tool", "data-tracking-id": "advance-search-guide" })));
 }

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.js

@@ -201,7 +201,7 @@ export function BookmarkedSearchesSelector(props) {
                     }
                     e.stopPropagation();
                     onSaveForLaterClick();
-                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, style: { flex: 1, fontSize: '16px', textAlign: 'left' } }),
+                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, className: "save-for-later-button" }),
         ] }));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "bookmark-search-dropdown-wrapper", "data-tracking-id": "bookmark-search-id" },

package/lib/esm/components/case-list/case-search/CaseSearch.js

@@ -99,7 +99,7 @@ export function CaseSearch(props) {
                 React.createElement(SearchInput, { className: "pf-v6-u-w-100 case-search-input", placeholder: t('Search by keyword or case ID'), value: searchVal === null || searchVal === void 0 ? void 0 : searchVal.trim(), "data-tracking-id": "search-cases-text-input", id: "case-search-basic", "aria-label": t('Search by keyword or case ID'), onChange: (_event, val) => onSearchValChange(val), onClear: clearSearchVal }),
                 React.createElement(Button, { variant: "primary", type: "submit", className: "search-btn", "data-tracking-id": "case-list-search-button", isDisabled: isSearchButtonDisabled },
                     React.createElement(Trans, null, "Search")),
-                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button", className: "case-search-toggle" },
+                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button", className: "case-search-toggle secondary-button-pill" },
                     React.createElement(Trans, null, "Advanced"))))));
     };
     const renderAdvanceSearch = () => {

package/lib/esm/css/caseSearch.css

@@ -41,12 +41,6 @@
     min-width: 30rem;
 }
 
-.case-search-form-group .case-search-toggle {
-    border-radius: var(--pf-t--global--border--radius--400);
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-}
-
 .case-search-form-group .filter-save-success-msg {
     color: var(--pf-v5-global--success-color--200);
     padding: 6px 0px;

package/lib/esm/scss/_main.scss

@@ -39,3 +39,11 @@ div.pf-v6-c-modal-box__body {
 .case-search-filter-text-button {
     margin-left: 10px;
 }
+
+.save-for-later-button {
+    color: var(--global-text-color-regular, #151515);
+    flex: 1;
+    font-size: 16px;
+    text-align: left;
+    justify-content: flex-start;
+}

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

@@ -58,3 +58,9 @@ label.pf-v6-u-mb-sm.group-filter-label,
 #rh-support-cases .filter-wrapper .pf-v6-c-text-input-group__text-input::placeholder {
     color: var(--pf-v6-c-menu-toggle--Color);
 }
+
+.pf-v6-c-button.secondary-button-pill {
+    border-radius: var(--pf-t--global--border--radius--400);
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.16",
+    "version": "2.6.17",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -44,7 +44,7 @@
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
         "@rh-support/components": "2.5.33",
-        "@rh-support/react-context": "2.5.35",
+        "@rh-support/react-context": "2.5.36",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.20",
         "@rh-support/utils": "2.5.19",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "c533afec1e04aa8a6da485d8855d80ce1a75fd88"
+    "gitHead": "60ca9bb964b292380cd258edc372803a9a387f57"
 }