fix(alert-icon): update components library (#177)

* fix(alert-icon): update components library

* fix(alert): importing icon directly for alert component

* fix(alert): importing icon directly for alert component

* fix(alert): fix

---------

Co-authored-by: Vega, Obed <[email protected]>
Co-authored-by: Oseer Williams <[email protected]>

Author: 3 people

package-lock.json

@@ -23,7 +23,8 @@
     "@docusaurus/preset-classic": "3.2.0",
     "@docusaurus/theme-mermaid": "3.2.0",
     "@mdx-js/react": "^3.0.0",
-    "@teradata-web/react-components": "^1.12.3",
+    "@teradata-web/react-components": "1.14.3",
+    "@covalent/components": "^10.0.4",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.0.0",

package.json

@@ -8,6 +8,7 @@ export default function AlertComponent({ onClose, onOpenDialog, alertDescription
         const Alert = require('@teradata-web/react-components')?.Alert;
         const Button = require('@teradata-web/react-components')?.Button;
         const IconButton = require('@teradata-web/react-components')?.IconButton;
+        const Icon = require('@covalent/components/icon');
 
         return Alert ? (
           <Alert

src/components/MatDisclaimer/AlertComponent.js

@@ -6,7 +6,7 @@
 
 @media (max-width: 996px) {
     .alertWrapper {
-        margin-top: 109px;
+        margin-top: 107px;
         margin-bottom: -100px;
     }
 }