@backstage/core-components 0.12.5-next.1 → 0.12.5-next.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage/core-components
 
+## 0.12.5-next.2
+
+### Patch Changes
+
+- 8bbf95b5507: Button labels in the sidebar (previously displayed in uppercase) will be displayed in the case that is provided without any transformations.
+  For example, a sidebar button with the label "Search" will appear as Search, "search" will appear as search, "SEARCH" will appear as SEARCH etc.
+  This can potentially affect any overriding styles previously applied to change the appearance of Button labels in the Sidebar.
+- fa004f66871: Use media queries to change layout instead of `isMobile` prop in `BackstagePage` component
+- Updated dependencies
+  - @backstage/core-plugin-api@1.5.0-next.2
+  - @backstage/config@1.0.7-next.0
+
 ## 0.12.5-next.1
 
 ### Patch Changes

package/dist/index.esm.js

@@ -3816,9 +3816,6 @@ const useStyles$k = makeStyles(
       },
       "&::-webkit-scrollbar": {
         display: "none"
-      },
-      "& .MuiButtonBase-root": {
-        textTransform: "none"
       }
     }),
     drawerOpen: (props) => ({
@@ -4252,7 +4249,8 @@ const makeSidebarStyles = (sidebarConfig) => makeStyles(
         margin: 0,
         padding: 0,
         textAlign: "inherit",
-        font: "inherit"
+        font: "inherit",
+        textTransform: "none"
       },
       closed: {
         width: sidebarConfig.drawerWidthClosed,
@@ -6099,22 +6097,24 @@ function ItemCardGrid(props) {
 }
 
 const useStyles$1 = makeStyles(
-  () => ({
-    root: ({ isMobile }) => ({
+  (theme) => ({
+    root: {
       display: "grid",
       gridTemplateAreas: "'pageHeader pageHeader pageHeader' 'pageSubheader pageSubheader pageSubheader' 'pageNav pageContent pageSidebar'",
       gridTemplateRows: "max-content auto 1fr",
       gridTemplateColumns: "auto 1fr auto",
-      height: isMobile ? "100%" : "100vh",
-      overflowY: "auto"
-    })
+      overflowY: "auto",
+      height: "100vh",
+      [theme.breakpoints.down("xs")]: {
+        height: "100%"
+      }
+    }
   }),
   { name: "BackstagePage" }
 );
 function Page(props) {
   const { themeId, children } = props;
-  const { isMobile } = useSidebarPinState();
-  const classes = useStyles$1({ isMobile });
+  const classes = useStyles$1();
   return /* @__PURE__ */ React.createElement(
     ThemeProvider,
     {