From d5dbdfa912dc91257d0632624a944e5752030dba Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Mon, 24 Jul 2023 13:59:45 -0500
Subject: [PATCH] UX: Fix TextColor value casing (#20133)

* UX: Fix TextColor value casing

* Fix snapshot
---
 ui/components/app/approve-content-card/approve-content-card.js  | 2 +-
 .../__snapshots__/ledger-instruction-field.test.js.snap         | 2 +-
 .../app/ledger-instruction-field/ledger-instruction-field.js    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/components/app/approve-content-card/approve-content-card.js b/ui/components/app/approve-content-card/approve-content-card.js
index b9b177fe7..69998930d 100644
--- a/ui/components/app/approve-content-card/approve-content-card.js
+++ b/ui/components/app/approve-content-card/approve-content-card.js
@@ -184,7 +184,7 @@ export default function ApproveContentCard({
                         <Text
                           variant={TextVariant.headingSm}
                           fontWeight={FontWeight.Bold}
-                          color={TextColor.TEXT_DEFAULT}
+                          color={TextColor.textDefault}
                           as="h4"
                         >
                           {formatCurrency(
diff --git a/ui/components/app/ledger-instruction-field/__snapshots__/ledger-instruction-field.test.js.snap b/ui/components/app/ledger-instruction-field/__snapshots__/ledger-instruction-field.test.js.snap
index 013f895e8..f198b593f 100644
--- a/ui/components/app/ledger-instruction-field/__snapshots__/ledger-instruction-field.test.js.snap
+++ b/ui/components/app/ledger-instruction-field/__snapshots__/ledger-instruction-field.test.js.snap
@@ -33,7 +33,7 @@ exports[`LedgerInstructionField Component rendering should render properly with
               • Enable "smart contract data" or "blind signing" on your Ledger device.
             </h6>
             <h6
-              class="mm-box mm-text mm-text--body-md mm-box--color-text-default"
+              class="mm-box mm-text mm-text--body-md mm-box--color-warning-default"
             >
               <span>
                 <button
diff --git a/ui/components/app/ledger-instruction-field/ledger-instruction-field.js b/ui/components/app/ledger-instruction-field/ledger-instruction-field.js
index 5de3aa97a..30172ea73 100644
--- a/ui/components/app/ledger-instruction-field/ledger-instruction-field.js
+++ b/ui/components/app/ledger-instruction-field/ledger-instruction-field.js
@@ -197,7 +197,7 @@ export default function LedgerInstructionField({ showDataInstruction }) {
               </span>,
               usingWebHID &&
                 webHidConnectedStatus === WebHIDConnectedStatuses.notConnected,
-              TextColor.WARNING_DEFAULT,
+              TextColor.warningDefault,
             )}
           </div>
         </BannerAlert>