Replace deprecated .text-muted with .text-body-secondary

4dn-dcic · Sep 9, 2024 · 3a37cd8 · 3a37cd8
1 parent f17e7df
commit 3a37cd8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/es/components/browse/components/SelectedItemsController.js b/es/components/browse/components/SelectedItemsController.js
@@ -302,13 +302,13 @@ export var SelectStickyFooter = /*#__PURE__*/React.memo(function (props) {
   }, /*#__PURE__*/React.createElement("h3", {
     className: "mt-0 mb-0 col-auto text-600"
   }, selectedItems.size), /*#__PURE__*/React.createElement("h4", {
-    className: "mt-0 mb-0 text-muted col-auto text-400 px-0"
+    className: "mt-0 mb-0 text-body-secondary col-auto text-400 px-0"
   }, itemTypeFriendlyName + (selectedItems.size === 1 ? '' : 's'), " selected")) : /*#__PURE__*/React.createElement("div", {
     className: "row"
   }, /*#__PURE__*/React.createElement("h4", {
     className: "mt-0 mb-0 col-auto text-400"
   }, selectedItemDisplayTitle), /*#__PURE__*/React.createElement("h4", {
-    className: "mt-0 mb-0 text-muted col-auto text-400 px-0"
+    className: "mt-0 mb-0 text-body-secondary col-auto text-400 px-0"
   }, "selected"))), /*#__PURE__*/React.createElement("div", {
     className: "col-12 col-md-auto"
   }, /*#__PURE__*/React.createElement("button", {

diff --git a/src/components/browse/components/SelectedItemsController.js b/src/components/browse/components/SelectedItemsController.js
@@ -231,14 +231,14 @@ export const SelectStickyFooter = React.memo(function SelectStickyFooter(props){
                     {currentAction === 'multiselect' ?
                         <div className="row">
                             <h3 className="mt-0 mb-0 col-auto text-600">{ selectedItems.size }</h3>
-                            <h4 className="mt-0 mb-0 text-muted col-auto text-400 px-0">
+                            <h4 className="mt-0 mb-0 text-body-secondary col-auto text-400 px-0">
                                 { itemTypeFriendlyName + (selectedItems.size === 1 ? '' : 's') } selected
                             </h4>
                         </div>
                         :
                         <div className="row">
                             <h4 className="mt-0 mb-0 col-auto text-400">{ selectedItemDisplayTitle }</h4>
-                            <h4 className="mt-0 mb-0 text-muted col-auto text-400 px-0">selected</h4>
+                            <h4 className="mt-0 mb-0 text-body-secondary col-auto text-400 px-0">selected</h4>
                         </div>
                     }
                 </div>