address review comments

Signed-off-by: Fredrik Adelöw <freben@gmail.com>

.changeset/unlucky-hotels-roll.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Deprecated `DismissbleBannerClassKey` and fixed the typo to make `DismissableBannerClassKey`

packages/core-components/api-report.md

@@ -294,6 +294,9 @@ export type DismissableBannerClassKey =
   | 'info'
   | 'error';
 
+// @public @deprecated (undocumented)
+export type DismissbleBannerClassKey = DismissableBannerClassKey;
+
 // @public (undocumented)
 export function DocsIcon(props: IconComponentProps): JSX.Element;
 

packages/core-components/src/components/DismissableBanner/DismissableBanner.tsx

@@ -35,6 +35,12 @@ export type DismissableBannerClassKey =
   | 'info'
   | 'error';
 
+/**
+ * @public
+ * @deprecated This type contained a typo, please use DismissableBannerClassKey instead
+ */
+export type DismissbleBannerClassKey = DismissableBannerClassKey;
+
 const useStyles = makeStyles(
   (theme: BackstageTheme) => ({
     root: {

packages/core-components/src/components/DismissableBanner/index.ts

@@ -15,4 +15,7 @@
  */
 
 export { DismissableBanner } from './DismissableBanner';
-export type { DismissableBannerClassKey } from './DismissableBanner';
+export type {
+  DismissableBannerClassKey,
+  DismissbleBannerClassKey,
+} from './DismissableBanner';