@backstage/core-components 0.0.0-nightly-202201422556 → 0.0.0-nightly-202201921950

package/CHANGELOG.md

@@ -1,12 +1,40 @@
 # @backstage/core-components
 
-## 0.0.0-nightly-202201422556
+## 0.0.0-nightly-202201921950
 
 ### Patch Changes
 
 - 306d879536: chore(deps): bump `react-syntax-highligher` and `swagger-ui-react`
+- 6b05ad1265: Updated the `SignInPage`, `ProxiedSignInPage` and `UserIdentity` implementations to match the removals of the deprecated `IdentityApi` methods and types.
+- 7ba416be78: The `Bar` component will now render a `MobileSidebar` instead of the current sidebar on smaller screens. The state of the `MobileSidebar` will be treated as always open.
+
+  ***
+
+  **Add MobileSidebar:** A navigation component, which sticks to the bottom. If there is no content in the Sidebar, it won't be rendered. If there are `children` in the `Sidebar`, but no `SidebarGroup`s as `children`, it will render all `children` into a default overlay menu, which can be displayed by clicking a menu item. If `SidebarGroup`s are provided, it will render them in the bottom navigation. Additionally, a `MobileSidebarContext`, which wraps the component, will save the selected menu item.
+
+  **Add SidebarGroup:** Groups items of the `Sidebar` together. On bigger screens, this won't have any effect at the moment. On smaller screens, it will render a given icon into the `MobileSidebar`. If a route is provided, clicking the `SidebarGroup` in the `MobileSidebar` will route to the page. If no route is provided, it will add a provided icon to the `MobileSidebar` as a menu item & will render the children into an overlay menu, which will be displayed when the menu item is clicked.
+
+- Updated dependencies
+  - @backstage/core-plugin-api@0.0.0-nightly-202201921950
+  - @backstage/config@0.0.0-nightly-202201921950
+
+## 0.8.5-next.0
+
+### Patch Changes
+
+- 306d879536: chore(deps): bump `react-syntax-highligher` and `swagger-ui-react`
+- 6b05ad1265: Updated the `SignInPage`, `ProxiedSignInPage` and `UserIdentity` implementations to match the removals of the deprecated `IdentityApi` methods and types.
+- 7ba416be78: The `Bar` component will now render a `MobileSidebar` instead of the current sidebar on smaller screens. The state of the `MobileSidebar` will be treated as always open.
+
+  ***
+
+  **Add MobileSidebar:** A navigation component, which sticks to the bottom. If there is no content in the Sidebar, it won't be rendered. If there are `children` in the `Sidebar`, but no `SidebarGroup`s as `children`, it will render all `children` into a default overlay menu, which can be displayed by clicking a menu item. If `SidebarGroup`s are provided, it will render them in the bottom navigation. Additionally, a `MobileSidebarContext`, which wraps the component, will save the selected menu item.
+
+  **Add SidebarGroup:** Groups items of the `Sidebar` together. On bigger screens, this won't have any effect at the moment. On smaller screens, it will render a given icon into the `MobileSidebar`. If a route is provided, clicking the `SidebarGroup` in the `MobileSidebar` will route to the page. If no route is provided, it will add a provided icon to the `MobileSidebar` as a menu item & will render the children into an overlay menu, which will be displayed when the menu item is clicked.
+
 - Updated dependencies
-  - @backstage/config@0.0.0-nightly-202201422556
+  - @backstage/core-plugin-api@0.6.0-next.0
+  - @backstage/config@0.1.13-next.0
 
 ## 0.8.4
 

package/dist/index.d.ts

@@ -13,10 +13,11 @@ import { BackstagePalette, BackstageTheme } from '@backstage/theme';
 import { TabProps as TabProps$1 } from '@material-ui/core/Tab';
 import { Column, MaterialTableProps } from '@material-table/core';
 import { SparklinesProps, SparklinesLineProps } from 'react-sparklines';
-import { IconComponent, SignInPageProps, ApiRef, ProfileInfoApi, BackstageIdentityApi, SessionApi, IdentityApi, SignInResult, BackstageUserIdentity, ProfileInfo } from '@backstage/core-plugin-api';
+import { IconComponent, SignInPageProps, ApiRef, ProfileInfoApi, BackstageIdentityApi, SessionApi, IdentityApi, ProfileInfo, BackstageUserIdentity } from '@backstage/core-plugin-api';
 import * as _material_ui_styles from '@material-ui/styles';
 import * as _material_ui_core_styles from '@material-ui/core/styles';
 import { WithStyles, Theme } from '@material-ui/core/styles';
+import { BottomNavigationActionProps } from '@material-ui/core/BottomNavigationAction';
 import MaterialBreadcrumbs from '@material-ui/core/Breadcrumbs';
 import { Overrides } from '@material-ui/core/styles/overrides';
 import { StyleRules } from '@material-ui/core/styles/withStyles';
@@ -70,7 +71,7 @@ declare type LinkProps = LinkProps$1 & LinkProps$2 & {
  * - Makes the Link use react-router
  * - Captures Link clicks as analytics events.
  */
-declare const ActualLink: React__default.ForwardRefExoticComponent<Pick<LinkProps, "children" | "slot" | "style" | "title" | "replace" | "id" | "key" | "variant" | "state" | "component" | "className" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "display" | "underline" | "media" | "target" | "href" | "to" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "align" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & React__default.RefAttributes<any>>;
+declare const ActualLink: React__default.ForwardRefExoticComponent<Pick<LinkProps, "children" | "replace" | "slot" | "style" | "title" | "id" | "key" | "variant" | "state" | "component" | "type" | "className" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "display" | "underline" | "media" | "target" | "href" | "to" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "align" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & React__default.RefAttributes<any>>;
 
 /**
  * Properties for {@link Button}
@@ -507,18 +508,18 @@ declare type DismissableBannerClassKey = 'root' | 'topPosition' | 'icon' | 'cont
  * @deprecated This type contained a typo, please use DismissableBannerClassKey instead
  */
 declare type DismissbleBannerClassKey = DismissableBannerClassKey;
-declare type Props$j = {
+declare type Props$i = {
     variant: 'info' | 'error' | 'warning';
     message: ReactNode;
     id: string;
     fixed?: boolean;
 };
 /** @public */
-declare const DismissableBanner: (props: Props$j) => JSX.Element;
+declare const DismissableBanner: (props: Props$i) => JSX.Element;
 
 /** @public */
 declare type EmptyStateClassKey = 'root' | 'action' | 'imageContainer';
-declare type Props$i = {
+declare type Props$h = {
     title: string;
     description?: string | JSX.Element;
     missing: 'field' | 'info' | 'content' | 'data';
@@ -530,16 +531,16 @@ declare type Props$i = {
  * @public
  *
  */
-declare function EmptyState(props: Props$i): JSX.Element;
+declare function EmptyState(props: Props$h): JSX.Element;
 
 /** @public */
 declare type EmptyStateImageClassKey = 'generalImg';
 
-declare type Props$h = {
+declare type Props$g = {
     annotation: string;
 };
 declare type MissingAnnotationEmptyStateClassKey = 'code';
-declare function MissingAnnotationEmptyState(props: Props$h): JSX.Element;
+declare function MissingAnnotationEmptyState(props: Props$g): JSX.Element;
 
 /** @public */
 declare type ErrorPanelClassKey = 'text' | 'divider';
@@ -567,7 +568,7 @@ declare function ResponseErrorPanel(props: ErrorPanelProps): JSX.Element;
 
 /** @public */
 declare type FeatureCalloutCircleClassKey = '@keyframes pulsateSlightly' | '@keyframes pulsateAndFade' | 'featureWrapper' | 'backdrop' | 'dot' | 'pulseCircle' | 'text';
-declare type Props$g = {
+declare type Props$f = {
     featureId: string;
     title: string;
     description: string;
@@ -578,7 +579,7 @@ declare type Props$g = {
  * @public
  *
  */
-declare function FeatureCalloutCircular(props: PropsWithChildren<Props$g>): JSX.Element;
+declare function FeatureCalloutCircular(props: PropsWithChildren<Props$f>): JSX.Element;
 
 declare type IconLinkVerticalProps = {
     color?: 'primary' | 'secondary';
@@ -594,7 +595,7 @@ declare type IconLinkVerticalClassKey = 'link' | 'disabled' | 'primary' | 'secon
 
 /** @public */
 declare type HeaderIconLinkRowClassKey = 'links';
-declare type Props$f = {
+declare type Props$e = {
     links: IconLinkVerticalProps[];
 };
 /**
@@ -603,9 +604,9 @@ declare type Props$f = {
  * @public
  *
  */
-declare function HeaderIconLinkRow(props: Props$f): JSX.Element;
+declare function HeaderIconLinkRow(props: Props$e): JSX.Element;
 
-declare type Props$e = {
+declare type Props$d = {
     scrollStep?: number;
     scrollSpeed?: number;
     minScrollDistance?: number;
@@ -618,14 +619,14 @@ declare type HorizontalScrollGridClassKey = 'root' | 'container' | 'fade' | 'fad
  * @public
  *
  */
-declare function HorizontalScrollGrid(props: PropsWithChildren<Props$e>): JSX.Element;
+declare function HorizontalScrollGrid(props: PropsWithChildren<Props$d>): JSX.Element;
 
-declare type Props$d = CSS.Properties & {
+declare type Props$c = CSS.Properties & {
     shorthand?: boolean;
     alpha?: boolean;
 };
 declare type LifecycleClassKey = 'alpha' | 'beta';
-declare function Lifecycle(props: Props$d): JSX.Element;
+declare function Lifecycle(props: Props$c): JSX.Element;
 
 /**
  * The properties for the LogViewer component.
@@ -665,7 +666,7 @@ declare function LogViewer(props: LogViewerProps): JSX.Element;
 declare type LogViewerClassKey = 'root' | 'header' | 'log' | 'line' | 'lineSelected' | 'lineCopyButton' | 'lineNumber' | 'textHighlight' | 'textSelectedHighlight' | 'modifierBold' | 'modifierItalic' | 'modifierUnderline' | 'modifierForegroundBlack' | 'modifierForegroundRed' | 'modifierForegroundGreen' | 'modifierForegroundYellow' | 'modifierForegroundBlue' | 'modifierForegroundMagenta' | 'modifierForegroundCyan' | 'modifierForegroundWhite' | 'modifierForegroundGrey' | 'modifierBackgroundBlack' | 'modifierBackgroundRed' | 'modifierBackgroundGreen' | 'modifierBackgroundYellow' | 'modifierBackgroundBlue' | 'modifierBackgroundMagenta' | 'modifierBackgroundCyan' | 'modifierBackgroundWhite' | 'modifierBackgroundGrey';
 
 declare type MarkdownContentClassKey = 'markdown';
-declare type Props$c = {
+declare type Props$b = {
     content: string;
     dialect?: 'gfm' | 'common-mark';
 };
@@ -675,14 +676,14 @@ declare type Props$c = {
  * Renders markdown with the default dialect [gfm - GitHub flavored Markdown](https://github.github.com/gfm/) to backstage theme styled HTML.
  * If you just want to render to plain [CommonMark](https://commonmark.org/), set the dialect to `'common-mark'`
  */
-declare function MarkdownContent(props: Props$c): JSX.Element;
+declare function MarkdownContent(props: Props$b): JSX.Element;
 
 declare type OAuthRequestDialogClassKey = 'dialog' | 'title' | 'contentList' | 'actionButtons';
 declare function OAuthRequestDialog(_props: {}): JSX.Element;
 
 declare type LoginRequestListItemClassKey = 'root';
 
-declare type Props$b = {
+declare type Props$a = {
     text: TextTruncateProps['text'];
     line?: TextTruncateProps['line'];
     element?: TextTruncateProps['element'];
@@ -690,7 +691,7 @@ declare type Props$b = {
     placement?: TooltipProps['placement'];
 };
 declare type OverflowTooltipClassKey = 'container';
-declare function OverflowTooltip(props: Props$b): JSX.Element;
+declare function OverflowTooltip(props: Props$a): JSX.Element;
 
 declare function Progress(props: PropsWithChildren<LinearProgressProps>): JSX.Element;
 
@@ -750,7 +751,7 @@ declare type InfoCardVariants = 'flex' | 'fullHeight' | 'gridItem';
  *
  * `<InfoCard variant="gridItem">...</InfoCard>`
  */
-declare type Props$a = {
+declare type Props$9 = {
     title?: ReactNode;
     subheader?: ReactNode;
     divider?: boolean;
@@ -777,7 +778,7 @@ declare type Props$a = {
  * @public
  *
  */
-declare function InfoCard(props: Props$a): JSX.Element;
+declare function InfoCard(props: Props$9): JSX.Element;
 
 /** @public */
 declare type GaugeClassKey = 'root' | 'overlay' | 'circle' | 'colorUnknown';
@@ -807,7 +808,7 @@ declare type GaugePropsGetColor = (args: GaugePropsGetColorOptions) => string;
  */
 declare function Gauge(props: GaugeProps): JSX.Element;
 
-declare type Props$9 = {
+declare type Props$8 = {
     title: string;
     subheader?: string;
     variant?: InfoCardVariants;
@@ -825,16 +826,16 @@ declare type GaugeCardClassKey = 'root';
  * @public
  *
  */
-declare function GaugeCard(props: Props$9): JSX.Element;
+declare function GaugeCard(props: Props$8): JSX.Element;
 
-declare type Props$8 = {
+declare type Props$7 = {
     /**
      * Progress value between 0.0 - 1.0.
      */
     value: number;
     getColor?: GaugePropsGetColor;
 };
-declare function LinearGauge(props: Props$8): JSX.Element | null;
+declare function LinearGauge(props: Props$7): JSX.Element | null;
 
 /** @public */
 declare type SelectInputBaseClassKey = 'root' | 'input';
@@ -914,14 +915,14 @@ declare type MetadataTableListItemClassKey = 'root' | 'random';
 
 declare type StructuredMetadataTableListClassKey = 'root';
 declare type StructuredMetadataTableNestedListClassKey = 'root';
-declare type Props$7 = {
+declare type Props$6 = {
     metadata: {
         [key: string]: any;
     };
     dense?: boolean;
     options?: any;
 };
-declare function StructuredMetadataTable(props: Props$7): JSX.Element;
+declare function StructuredMetadataTable(props: Props$6): JSX.Element;
 
 declare type SupportButtonProps = {
     title?: string;
@@ -1105,7 +1106,7 @@ declare function WarningIcon(props: IconComponentProps): JSX.Element;
 
 /** @public */
 declare type BackstageContentClassKey = 'root' | 'stretch' | 'noPadding';
-declare type Props$6 = {
+declare type Props$5 = {
     stretch?: boolean;
     noPadding?: boolean;
     className?: string;
@@ -1116,7 +1117,7 @@ declare type Props$6 = {
  * @public
  *
  */
-declare function Content(props: PropsWithChildren<Props$6>): JSX.Element;
+declare function Content(props: PropsWithChildren<Props$5>): JSX.Element;
 
 /** @public */
 declare type ContentHeaderClassKey = 'container' | 'leftItemsBox' | 'rightItemsBox' | 'description' | 'title';
@@ -1157,7 +1158,7 @@ declare type MicDropClassKey = 'micDrop';
 
 /** @public */
 declare type HeaderClassKey = 'header' | 'leftItemsBox' | 'rightItemsBox' | 'title' | 'subtitle' | 'type' | 'breadcrumb' | 'breadcrumbType' | 'breadcrumbTitle';
-declare type Props$5 = {
+declare type Props$4 = {
     component?: ReactNode;
     pageTitleOverride?: string;
     style?: CSSProperties;
@@ -1173,7 +1174,7 @@ declare type Props$5 = {
  * @public
  *
  */
-declare function Header(props: PropsWithChildren<Props$5>): JSX.Element;
+declare function Header(props: PropsWithChildren<Props$4>): JSX.Element;
 
 /** @public */
 declare type HeaderLabelClassKey = 'root' | 'label' | 'value';
@@ -1329,10 +1330,10 @@ declare type ItemCardHeaderProps = Partial<WithStyles<typeof styles>> & {
 declare function ItemCardHeader(props: ItemCardHeaderProps): JSX.Element;
 
 declare type PageClassKey = 'root';
-declare type Props$4 = {
+declare type Props$3 = {
     themeId: string;
 };
-declare function Page(props: PropsWithChildren<Props$4>): JSX.Element;
+declare function Page(props: PropsWithChildren<Props$3>): JSX.Element;
 
 declare type PageWithHeaderProps = ComponentProps<typeof Header> & {
     themeId: string;
@@ -1368,20 +1369,70 @@ declare type ProxiedSignInPageProps = SignInPageProps & {
  */
 declare const ProxiedSignInPage: (props: ProxiedSignInPageProps) => JSX.Element | null;
 
-declare type SidebarClassKey = 'root' | 'drawer' | 'drawerOpen';
-declare type Props$3 = {
+/** @public */
+declare type SidebarClassKey = 'drawer' | 'drawerOpen';
+/** @public */
+declare type SidebarProps = {
     openDelayMs?: number;
     closeDelayMs?: number;
     disableExpandOnHover?: boolean;
+    children?: React__default.ReactNode;
 };
-declare function Sidebar(props: PropsWithChildren<Props$3>): JSX.Element;
 /**
- * A button which allows you to expand the sidebar when clicked.
- * Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.
+ * Passing children into the desktop or mobile sidebar depending on the context
  *
  * @public
  */
-declare const SidebarExpandButton: () => JSX.Element | null;
+declare const Sidebar: (props: SidebarProps) => JSX.Element;
+
+/**
+ * Props of MobileSidebar
+ *
+ * @public
+ */
+declare type MobileSidebarProps = {
+    children?: React__default.ReactNode;
+};
+/**
+ * A navigation component for mobile screens, which sticks to the bottom.
+ *
+ * It alternates the normal sidebar by grouping the `SidebarItems` based on provided `SidebarGroup`s
+ * either rendering them as a link or an overlay menu.
+ * If no `SidebarGroup`s are provided the sidebar content is wrapped in an default overlay menu.
+ *
+ * @public
+ */
+declare const MobileSidebar: (props: MobileSidebarProps) => JSX.Element | null;
+
+/**
+ * Props for the `SidebarGroup`
+ *
+ * @public
+ */
+interface SidebarGroupProps extends BottomNavigationActionProps {
+    /**
+     * If the `SidebarGroup` should be a `Link`, `to` should be a pathname to that location
+     */
+    to?: string;
+    /**
+     * If the `SidebarGroup`s should be in a different order than in the normal `Sidebar`, you can provide
+     * each `SidebarGroup` it's own priority to reorder them.
+     */
+    priority?: number;
+    /**
+     * React children
+     */
+    children?: React__default.ReactNode;
+}
+/**
+ * Groups items of the `Sidebar` together.
+ *
+ * On bigger screens, this won't have any effect at the moment.
+ * On small screens, it will add an action to the bottom navigation - either triggering an overlay menu or acting as a link
+ *
+ * @public
+ */
+declare const SidebarGroup: (props: SidebarGroupProps) => JSX.Element;
 
 /**
  * Clickable item displayed when submenu item is clicked.
@@ -1435,14 +1486,34 @@ declare type SidebarSubmenuProps = {
 declare const SidebarSubmenu: (props: SidebarSubmenuProps) => JSX.Element;
 
 declare type SidebarPageClassKey = 'root';
+/**
+ * Type of `SidebarPinStateContext`
+ *
+ * @public
+ */
 declare type SidebarPinStateContextType = {
     isPinned: boolean;
     toggleSidebarPinState: () => any;
+    isMobile?: boolean;
 };
+/**
+ * Props for SidebarPage
+ *
+ * @public
+ */
+declare type SidebarPageProps = {
+    children?: React__default.ReactNode;
+};
+/**
+ * Contains the state on how the `Sidebar` is rendered
+ *
+ * @public
+ */
 declare const SidebarPinStateContext: React__default.Context<SidebarPinStateContextType>;
-declare function SidebarPage(props: PropsWithChildren<{}>): JSX.Element;
+declare function SidebarPage(props: SidebarPageProps): JSX.Element;
 
-declare type SidebarItemClassKey = 'root' | 'buttonItem' | 'closed' | 'open' | 'label' | 'iconContainer' | 'searchRoot' | 'searchField' | 'searchFieldHTMLInput' | 'searchContainer' | 'secondaryAction' | 'selected';
+/** @public */
+declare type SidebarItemClassKey = 'root' | 'buttonItem' | 'closed' | 'open' | 'highlightable' | 'highlighted' | 'label' | 'iconContainer' | 'searchRoot' | 'searchField' | 'searchFieldHTMLInput' | 'searchContainer' | 'secondaryAction' | 'closedItemIcon' | 'submenuArrow' | 'expandButton' | 'arrows' | 'selected';
 declare type SidebarItemBaseProps = {
     icon: IconComponent;
     text?: string;
@@ -1469,6 +1540,11 @@ declare type SidebarItemWithSubmenuProps = SidebarItemBaseProps & {
  * SidebarItem which wraps a SidebarSubmenu will be a clickable button which opens a submenu.
  */
 declare type SidebarItemProps = SidebarItemLinkProps | SidebarItemButtonProps | SidebarItemWithSubmenuProps;
+/**
+ * Creates a `SidebarItem`
+ *
+ * If children contain a `SidebarSubmenu` component the `SidebarItem` will have a expandable submenu
+ */
 declare const SidebarItem: React__default.ForwardRefExoticComponent<SidebarItemProps & React__default.RefAttributes<any>>;
 declare type SidebarSearchFieldProps = {
     onSearch: (input: string) => void;
@@ -1491,6 +1567,15 @@ declare const SidebarDivider: React__default.ComponentType<Pick<React__default.D
 declare const SidebarScrollWrapper: React__default.ComponentType<Pick<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "slot" | "style" | "title" | "id" | keyof React__default.ClassAttributes<HTMLDivElement> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & _material_ui_core_styles.StyledComponentProps<"root"> & {
     className?: string | undefined;
 }>;
+/**
+ * A button which allows you to expand the sidebar when clicked.
+ * Use optionally to replace sidebar's expand-on-hover feature with expand-on-click.
+ *
+ * If you are using this you might want to set the `disableExpandOnHover` of the `Sidebar` to `true`.
+ *
+ * @public
+ */
+declare const SidebarExpandButton: () => JSX.Element | null;
 
 /** @public */
 declare type SidebarIntroClassKey = 'introCard' | 'introDismiss' | 'introDismissLink' | 'introDismissText' | 'introDismissIcon';
@@ -1520,12 +1605,19 @@ declare const sidebarConfig: {
     selectedIndicatorWidth: number;
     userBadgePadding: number;
     userBadgeDiameter: number;
+    mobileSidebarHeight: number;
 };
 declare const SIDEBAR_INTRO_LOCAL_STORAGE = "@backstage/core/sidebar-intro-dismissed";
+/**
+ * Types for the `SidebarContext`
+ */
 declare type SidebarContextType = {
     isOpen: boolean;
     setOpen: (open: boolean) => void;
 };
+/**
+ * Context wether the `Sidebar` is open
+ */
 declare const SidebarContext: React.Context<SidebarContextType>;
 
 declare type SignInProviderConfig = {
@@ -1575,7 +1667,21 @@ declare class UserIdentity implements IdentityApi {
      *
      * @public
      */
-    static fromLegacy(result: SignInResult): IdentityApi;
+    static fromLegacy(result: {
+        /**
+         * User ID that will be returned by the IdentityApi
+         */
+        userId: string;
+        profile: ProfileInfo;
+        /**
+         * Function used to retrieve an ID token for the signed in user.
+         */
+        getIdToken?: () => Promise<string>;
+        /**
+         * Sign out handler that will be called if the user requests to sign out.
+         */
+        signOut?: () => Promise<void>;
+    }): IdentityApi;
     /**
      * Creates a new IdentityApi implementation using a user identity
      * and an auth API that will be used to request backstage tokens.
@@ -1734,4 +1840,4 @@ declare type BackstageOverrides = Overrides & {
     [Name in keyof BackstageComponentsNameToClassKey]?: Partial<StyleRules<BackstageComponentsNameToClassKey[Name]>>;
 };
 
-export { AlertDisplay, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, ActualButton as Button, ButtonProps, CardActionsTopRightClassKey, CardTab, CardTabClassKey, CatalogIcon, ChatIcon, ClosedDropdownClassKey, CodeSnippet, CodeSnippetProps, Content, ContentHeader, ContentHeaderClassKey, CopyTextButton, CopyTextButtonProps, CreateButton, CreateButtonProps, CustomProviderClassKey, DashboardIcon, DependencyGraph, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, types_d as DependencyGraphTypes, DismissableBanner, DismissableBannerClassKey, DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundary, ErrorBoundaryProps, ErrorPage, ErrorPageClassKey, ErrorPanel, ErrorPanelClassKey, ErrorPanelProps, FeatureCalloutCircleClassKey, FeatureCalloutCircular, FiltersContainerClassKey, Gauge, GaugeCard, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HomepageTimer, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, ActualLink as Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, ProxiedSignInPageProps, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, Sidebar, SidebarClassKey, SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarPage, SidebarPageClassKey, SidebarPinStateContext, SidebarPinStateContextType, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpaceClassKey, SidebarSpacer, SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPage, SignInPageClassKey, SignInProviderConfig, SimpleStepper, SimpleStepperFooterClassKey, SimpleStepperStep, SimpleStepperStepClassKey, StatusAborted, StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useQueryParamState, useSupportConfig };
+export { AlertDisplay, Avatar, AvatarClassKey, AvatarProps, BackstageContentClassKey, BackstageOverrides, BoldHeaderClassKey, BottomLink, BottomLinkClassKey, BottomLinkProps, Breadcrumbs, BreadcrumbsClickableTextClassKey, BreadcrumbsStyledBoxClassKey, BrokenImageIcon, ActualButton as Button, ButtonProps, CardActionsTopRightClassKey, CardTab, CardTabClassKey, CatalogIcon, ChatIcon, ClosedDropdownClassKey, CodeSnippet, CodeSnippetProps, Content, ContentHeader, ContentHeaderClassKey, CopyTextButton, CopyTextButtonProps, CreateButton, CreateButtonProps, CustomProviderClassKey, DashboardIcon, DependencyGraph, DependencyGraphDefaultLabelClassKey, DependencyGraphDefaultNodeClassKey, DependencyGraphEdgeClassKey, DependencyGraphNodeClassKey, DependencyGraphProps, types_d as DependencyGraphTypes, DismissableBanner, DismissableBannerClassKey, DismissbleBannerClassKey, DocsIcon, EmailIcon, EmptyState, EmptyStateClassKey, EmptyStateImageClassKey, ErrorBoundary, ErrorBoundaryProps, ErrorPage, ErrorPageClassKey, ErrorPanel, ErrorPanelClassKey, ErrorPanelProps, FeatureCalloutCircleClassKey, FeatureCalloutCircular, FiltersContainerClassKey, Gauge, GaugeCard, GaugeCardClassKey, GaugeClassKey, GaugeProps, GaugePropsGetColor, GaugePropsGetColorOptions, GitHubIcon, GroupIcon, Header, HeaderClassKey, HeaderIconLinkRow, HeaderIconLinkRowClassKey, HeaderLabel, HeaderLabelClassKey, HeaderTabs, HeaderTabsClassKey, HelpIcon, HomepageTimer, HorizontalScrollGrid, HorizontalScrollGridClassKey, IconLinkVerticalClassKey, IconLinkVerticalProps, InfoCard, InfoCardClassKey, InfoCardVariants, IntroCard, ItemCard, ItemCardGrid, ItemCardGridClassKey, ItemCardGridProps, ItemCardHeader, ItemCardHeaderClassKey, ItemCardHeaderProps, Lifecycle, LifecycleClassKey, LinearGauge, ActualLink as Link, LinkProps, LogViewer, LogViewerClassKey, LogViewerProps, LoginRequestListItemClassKey, MarkdownContent, MarkdownContentClassKey, MetadataTableCellClassKey, MetadataTableListClassKey, MetadataTableListItemClassKey, MetadataTableTitleCellClassKey, MicDropClassKey, MissingAnnotationEmptyState, MissingAnnotationEmptyStateClassKey, MobileSidebar, MobileSidebarProps, OAuthRequestDialog, OAuthRequestDialogClassKey, OpenedDropdownClassKey, OverflowTooltip, OverflowTooltipClassKey, Page, PageClassKey, PageWithHeader, Progress, ProxiedSignInPage, ProxiedSignInPageProps, ResponseErrorPanel, ResponseErrorPanelClassKey, RoutedTabs, SIDEBAR_INTRO_LOCAL_STORAGE, SelectComponent as Select, SelectClassKey, SelectInputBaseClassKey, SelectItem, SelectedItems, Sidebar, SidebarClassKey, SidebarContext, SidebarContextType, SidebarDivider, SidebarDividerClassKey, SidebarExpandButton, SidebarGroup, SidebarGroupProps, SidebarIntro, SidebarIntroClassKey, SidebarItem, SidebarItemClassKey, SidebarPage, SidebarPageClassKey, SidebarPageProps, SidebarPinStateContext, SidebarPinStateContextType, SidebarProps, SidebarScrollWrapper, SidebarSearchField, SidebarSpace, SidebarSpaceClassKey, SidebarSpacer, SidebarSpacerClassKey, SidebarSubmenu, SidebarSubmenuItem, SidebarSubmenuItemDropdownItem, SidebarSubmenuItemProps, SidebarSubmenuProps, SignInPage, SignInPageClassKey, SignInProviderConfig, SimpleStepper, SimpleStepperFooterClassKey, SimpleStepperStep, SimpleStepperStepClassKey, StatusAborted, StatusClassKey, StatusError, StatusOK, StatusPending, StatusRunning, StatusWarning, StructuredMetadataTable, StructuredMetadataTableListClassKey, StructuredMetadataTableNestedListClassKey, SubvalueCell, SubvalueCellClassKey, SupportButton, SupportButtonClassKey, SupportConfig, SupportItem, SupportItemLink, Tab, TabBarClassKey, TabIconClassKey, TabbedCard, TabbedCardClassKey, TabbedLayout, Table, TableClassKey, TableColumn, TableFilter, TableFiltersClassKey, TableHeaderClassKey, TableProps, TableState, TableToolbarClassKey, Tabs, TabsClassKey, TrendLine, UserIcon, UserIdentity, WarningIcon, WarningPanel, WarningPanelClassKey, sidebarConfig, useQueryParamState, useSupportConfig };