search facet accessibility fixes (#1698)

* set color of facet drawer caret to silverGrayDark by default

* set collapsed facet contents to visibility: hidden

* fix style linting issue

* use descendent selector instead of child selector

* update course-search-utils

* also hide search input on filterable facets

frontends/mit-learn/package.json

@@ -59,7 +59,7 @@
   },
   "dependencies": {
     "@ebay/nice-modal-react": "^1.2.13",
-    "@mitodl/course-search-utils": "^3.1.6",
+    "@mitodl/course-search-utils": "^3.2.5",
     "@remixicon/react": "^4.2.0",
     "@sentry/react": "^7.57.0",
     "@tanstack/react-query": "^4.36.1",

frontends/mit-learn/src/page-components/SearchDisplay/SearchDisplay.tsx

@@ -119,7 +119,7 @@ const FacetStyles = styled.div`
     margin-bottom: 14px;
 
     i {
-      color: ${({ theme }) => theme.custom.colors.silverGrayLight};
+      color: ${({ theme }) => theme.custom.colors.silverGrayDark};
     }
 
     &:hover i {
@@ -216,6 +216,16 @@ const FacetStyles = styled.div`
     }
   }
 
+  .facets:not(.facets-expanded, .facets-transitioning):has(
+      button.filter-section-button
+    ) {
+    div.facet-visible,
+    div.facet-list,
+    div.input-wrapper {
+      visibility: hidden;
+    }
+  }
+
   .filterable-facet {
     .facet-list {
       max-height: 400px;