fix: update contained list search placeholder (#14105)

andreancardona · alisonjoseph · francinelucca · web-flow · commit f7b7b4d9791e · 2023-07-06T00:07:30.000Z
* feat: contained list persistent search

* docs: update docs for contained list search

* fix: fix border

* feat: functionality working

* fix(tabs): hover style bugs

* fix: remove hover from disabled state

* feat: clean up code

* Update packages/react/src/components/ContainedList/ContainedList.mdx

Co-authored-by: Francine Lucca &lt;40550942+francinelucca@users.noreply.github.com&gt;

* fix: update docs

* fix: fix styling

Co-authored-by: Francine Lucca &lt;francinelucca@users.noreply.github.com&gt;

* fix: update docs

* fix: failing test

* fix: fix tests

* fix: update contained list search placeholder

---------

Co-authored-by: Alison Joseph &lt;alison.joseph@us.ibm.com&gt;
Co-authored-by: Francine Lucca &lt;40550942+francinelucca@users.noreply.github.com&gt;
Co-authored-by: Francine Lucca &lt;francinelucca@users.noreply.github.com&gt;
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/react/src/components/ContainedList/ContainedList.mdx b/packages/react/src/components/ContainedList/ContainedList.mdx
@@ -65,7 +65,7 @@ To prevent this potential conflict, we have added funtionality to support both d
         kind="on-page"
         action={
           <ExpandableSearch
-            placeholder="Search"
+            placeholder="Filterable search"
             value={searchTerm}
             onChange={handleChange}
             closeButtonLabelText="Clear search input"
@@ -117,7 +117,7 @@ export const WithPersistentSearch = () => {
   return (
     <ContainedList label="List title" kind="on-page" action={''}>
       <Search
-        placeholder="Search"
+        placeholder="Filterable search"
         value={searchTerm}
         onChange={handleChange}
         closeButtonLabelText="Clear search input"
diff --git a/packages/react/src/components/ContainedList/ContainedList.stories.js b/packages/react/src/components/ContainedList/ContainedList.stories.js
@@ -158,7 +158,7 @@ export const WithExpandableSearch = () => {
       kind="on-page"
       action={
         <ExpandableSearch
-          placeholder="Search"
+          placeholder="Filterable search"
           value={searchTerm}
           onChange={handleChange}
           closeButtonLabelText="Clear search input"
@@ -196,7 +196,7 @@ export const WithPersistentSearch = () => {
   return (
     <ContainedList label="List title" kind="on-page" action={''}>
       <Search
-        placeholder="Search"
+        placeholder="Filterable search"
         value={searchTerm}
         onChange={handleChange}
         closeButtonLabelText="Clear search input"
