Merge pull request #8484 from dehamzah/add-missing-overrideable-comp-sidebar

Add Missing Overridable Components Type for SidebarSpace, SidebarSpacer, and SidebarDivider

.changeset/stupid-mice-dream.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Add Missing Override Components Type for SidebarSpace, SidebarSpacer, and SidebarDivider Components.

packages/core-components/api-report.md

@@ -1152,6 +1152,11 @@ export const SidebarDivider: React_2.ComponentType<
     }
 >;
 
+// Warning: (ae-missing-release-tag) "SidebarDividerClassKey" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
+//
+// @public (undocumented)
+export type SidebarDividerClassKey = 'root';
+
 // @public
 export const SidebarExpandButton: () => JSX.Element | null;
 
@@ -1760,6 +1765,11 @@ export const SidebarSpace: React_2.ComponentType<
     }
 >;
 
+// Warning: (ae-missing-release-tag) "SidebarSpaceClassKey" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
+//
+// @public (undocumented)
+export type SidebarSpaceClassKey = 'root';
+
 // Warning: (ae-missing-release-tag) "SidebarSpacer" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
@@ -2029,6 +2039,11 @@ export const SidebarSpacer: React_2.ComponentType<
     }
 >;
 
+// Warning: (ae-missing-release-tag) "SidebarSpacerClassKey" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
+//
+// @public (undocumented)
+export type SidebarSpacerClassKey = 'root';
+
 // @public
 export const SidebarSubmenu: (props: SidebarSubmenuProps) => JSX.Element;
 

packages/core-components/src/layout/Sidebar/Items.tsx

@@ -548,6 +548,8 @@ export function SidebarSearchField(props: SidebarSearchFieldProps) {
   );
 }
 
+export type SidebarSpaceClassKey = 'root';
+
 export const SidebarSpace = styled('div')(
   {
     flex: 1,
@@ -555,6 +557,8 @@ export const SidebarSpace = styled('div')(
   { name: 'BackstageSidebarSpace' },
 );
 
+export type SidebarSpacerClassKey = 'root';
+
 export const SidebarSpacer = styled('div')(
   {
     height: 8,
@@ -562,6 +566,8 @@ export const SidebarSpacer = styled('div')(
   { name: 'BackstageSidebarSpacer' },
 );
 
+export type SidebarDividerClassKey = 'root';
+
 export const SidebarDivider = styled('hr')(
   {
     height: 1,

packages/core-components/src/layout/Sidebar/index.ts

@@ -33,7 +33,12 @@ export {
   SidebarSpacer,
   SidebarScrollWrapper,
 } from './Items';
-export type { SidebarItemClassKey } from './Items';
+export type {
+  SidebarItemClassKey,
+  SidebarSpaceClassKey,
+  SidebarSpacerClassKey,
+  SidebarDividerClassKey,
+} from './Items';
 export { IntroCard, SidebarIntro } from './Intro';
 export type { SidebarIntroClassKey } from './Intro';
 export {

packages/core-components/src/overridableComponents.ts

@@ -83,6 +83,9 @@ import {
   ItemCardHeaderClassKey,
   PageClassKey,
   SidebarClassKey,
+  SidebarSpaceClassKey,
+  SidebarSpacerClassKey,
+  SidebarDividerClassKey,
   SidebarIntroClassKey,
   SidebarItemClassKey,
   SidebarPageClassKey,
@@ -157,6 +160,9 @@ type BackstageComponentsNameToClassKey = {
   BackstageItemCardHeader: ItemCardHeaderClassKey;
   BackstagePage: PageClassKey;
   BackstageSidebar: SidebarClassKey;
+  BackstageSidebarSpace: SidebarSpaceClassKey;
+  BackstageSidebarSpacer: SidebarSpacerClassKey;
+  BackstageSidebarDivider: SidebarDividerClassKey;
   BackstageSidebarIntro: SidebarIntroClassKey;
   BackstageSidebarItem: SidebarItemClassKey;
   BackstageSidebarPage: SidebarPageClassKey;