From eaac79926db52f19871d61741d494218c9555595 Mon Sep 17 00:00:00 2001
From: Wes Risenmay <wes.risenmay@mx.com>
Date: Tue, 8 Sep 2026 10:24:34 -0600
Subject: [PATCH] refactor: converting from kyper tag to MXUI tag

---
 package-lock.json                             | 22 ++++---------------
 package.json                                  |  3 +--
 .../microdeposits/SharedRoutingNumber.js      |  7 +++---
 3 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2dd509bede..f5130cef48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,11 +14,10 @@
         "@kyper/icon": "^1.18.1",
         "@kyper/messagebox": "^3.1.0",
         "@kyper/progressindicators": "^3.1.0",
-        "@kyper/tag": "^3.0.0",
         "@kyper/tokenprovider": "^4.0.1",
         "@mui/icons-material": "^6.1.5",
         "@mui/material": "^6.1.5",
-        "@mxenabled/mxui": "^1.7.0",
+        "@mxenabled/mxui": "^1.8.0",
         "@reduxjs/toolkit": "^2.2.7",
         "@types/node": "^22.1.0",
         "bowser": "^2.11.0",
@@ -1660,19 +1659,6 @@
         "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/@kyper/tag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@kyper/tag/-/tag-3.0.0.tgz",
-      "integrity": "sha512-ptoL504Ah1b0LJGuiTB7Erzw7hTlrmvAcOPRT0lUdBwW5+fzWMudDjw2Og2K9PC4uQfNVMZ/Llu70EmcUrPTdA==",
-      "peerDependencies": {
-        "@kyper/text": "^3.0.0",
-        "@kyper/tokenprovider": "^4.0.0",
-        "@mxenabled/cssinjs": "^0.6.0",
-        "prop-types": "^15.7.2",
-        "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/@kyper/text": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@kyper/text/-/text-3.0.0.tgz",
@@ -2760,9 +2746,9 @@
       }
     },
     "node_modules/@mxenabled/mxui": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/@mxenabled/mxui/-/mxui-1.7.0.tgz",
-      "integrity": "sha512-qpy9BduXIBvlhr5OPWG6aWs3IjOfyaYQzAn1/TgHR7vcyA5v/YBMrt0vs3u4XSETTB3bGRWfHOvmKU+raLhpMw==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@mxenabled/mxui/-/mxui-1.8.0.tgz",
+      "integrity": "sha512-7KW6kTFfDR0GYSNFCgj9GjIENdLaXlmkzx4S+KqFr9G6oyYPW+peBq06JLg4aFxPJGUrz9UH8jdlVkxOOPTiVA==",
       "license": "MIT",
       "dependencies": {
         "@emotion/react": "^11.14.0",
diff --git a/package.json b/package.json
index 8c3ba05f8d..c983c948c0 100644
--- a/package.json
+++ b/package.json
@@ -47,11 +47,10 @@
     "@kyper/icon": "^1.18.1",
     "@kyper/messagebox": "^3.1.0",
     "@kyper/progressindicators": "^3.1.0",
-    "@kyper/tag": "^3.0.0",
     "@kyper/tokenprovider": "^4.0.1",
     "@mui/icons-material": "^6.1.5",
     "@mui/material": "^6.1.5",
-    "@mxenabled/mxui": "^1.7.0",
+    "@mxenabled/mxui": "^1.8.0",
     "@reduxjs/toolkit": "^2.2.7",
     "@types/node": "^22.1.0",
     "bowser": "^2.11.0",
diff --git a/src/views/microdeposits/SharedRoutingNumber.js b/src/views/microdeposits/SharedRoutingNumber.js
index 368a5edd50..64caaa2c6e 100644
--- a/src/views/microdeposits/SharedRoutingNumber.js
+++ b/src/views/microdeposits/SharedRoutingNumber.js
@@ -1,9 +1,8 @@
 import React, { useRef } from 'react'
 import PropTypes from 'prop-types'
 
-import { Text, Icon } from '@mxenabled/mxui'
+import { Tag, Text, Icon } from '@mxenabled/mxui'
 import { Stack } from '@mui/material'
-import { Tag } from '@kyper/tag'
 
 import { __ } from 'src/utilities/Intl'
 
@@ -40,7 +39,7 @@ export const SharedRoutingNumber = (props) => {
           <Text className={styles.subTitle} component="h3" truncate={false} variant="H3">
             {__('Instant')}
           </Text>
-          <Tag size={'small'} title={__('Recommended')} variant={'success'} />
+          <Tag color="success" label={__('Recommended')} size="small" />
         </Stack>
         <Text truncate={false} variant="Paragraph">
           {
@@ -73,7 +72,7 @@ export const SharedRoutingNumber = (props) => {
           <Text className={styles.subTitle} component="h3" truncate={false} variant="H3">
             {__('2-3 days')}
           </Text>
-          <Tag size={'small'} title={__('Manual')} variant={'warning'} />
+          <Tag color="warning" label={__('Manual')} size="small" />
         </Stack>
         <div className={styles.actionTile}>
           <ActionTile