From ccfd085eaaf01cc16a34c881e5bc050ad5910cf5 Mon Sep 17 00:00:00 2001
From: Younes Chellaf <younes.chellaf@fortanix.com>
Date: Wed, 20 Nov 2024 16:23:10 +0100
Subject: [PATCH] Add missing exports and scss color variables

---
 app/lib.ts                                        | 4 ++++
 src/components/containers/Alert/Alert.module.scss | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/lib.ts b/app/lib.ts
index 7f3c0eb..ad75b30 100644
--- a/app/lib.ts
+++ b/app/lib.ts
@@ -8,6 +8,9 @@ import '../src/styling/main.scss';
  * Components
  */
 
+// Typography
+export * from '../src/typography/Heading/Heading.tsx';
+
 // Actions
 export { Button } from '../src/components/actions/Button/Button.tsx';
 export { ButtonAsLink } from '../src/components/actions/ButtonAsLink/ButtonAsLink.tsx';
@@ -59,6 +62,7 @@ export { Modal } from '../src/components/overlays/Modal/Modal.tsx';
 export { type ToastContent, ToastProvider, ToastMessage } from '../src/components/overlays/Toast/Toast.tsx';
 export { Tooltip } from '../src/components/overlays/Tooltip/Tooltip.tsx';
 export { TooltipProvider } from '../src/components/overlays/Tooltip/TooltipProvider.tsx';
+export { notify } from '../src/components/overlays/Toast/Toast.tsx';
 
 /**
  * Layouts
diff --git a/src/components/containers/Alert/Alert.module.scss b/src/components/containers/Alert/Alert.module.scss
index 783751d..6ddf17f 100644
--- a/src/components/containers/Alert/Alert.module.scss
+++ b/src/components/containers/Alert/Alert.module.scss
@@ -20,12 +20,12 @@
       --bk-panel-border-color: light-dark(#FEC84B, #FEC84B);
     }
     &.bk-alert--error {
-      --bk-panel-background-color: #{bk.$theme-notification-informational-background-default};
-      --bk-panel-border-color: #{bk.$theme-notification-informational-background-default};
+      --bk-panel-background-color: #{bk.$theme-notification-alert-border-default};
+      --bk-panel-border-color: #{bk.$theme-notification-alert-border-default};
     }
     &.bk-alert--success {
-      --bk-panel-background-color: #{bk.$theme-notification-informational-background-default};
-      --bk-panel-border-color: #{bk.$theme-notification-informational-background-default};
+      --bk-panel-background-color: #{bk.$theme-notification-success-border-default};
+      --bk-panel-border-color: #{bk.$theme-notification-success-border-default};
     }
     
     display: grid;