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

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @backstage/core-components
 
+## 0.12.5
+
+### 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.
+- cb8ec97cdeb: Change black & white colors to be theme aware
+- c10384a9235: Switch to using `LinkButton` instead of the deprecated `Button`
+- 52b0022dab7: Updated dependency `msw` to `^1.0.0`.
+- e1aae2f5a0c: Updated the `aria-label` of the `HeaderTabs` component.
+- 6a51a49a810: Fix bug where `<Table />` component would not take into account header styles defined in `columns[*].headerStyle`.
+- fa004f66871: Use media queries to change layout instead of `isMobile` prop in `BackstagePage` component
+- Updated dependencies
+  - @backstage/errors@1.1.5
+  - @backstage/core-plugin-api@1.5.0
+  - @backstage/config@1.0.7
+  - @backstage/theme@0.2.18
+  - @backstage/version-bridge@1.0.3
+
+## 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,
@@ -5143,7 +5141,8 @@ const useTableStyles = makeStyles(
 );
 function convertColumns(columns, theme) {
   return columns.map((column) => {
-    const headerStyle = {};
+    var _a;
+    const headerStyle = (_a = column.headerStyle) != null ? _a : {};
     let cellStyle = column.cellStyle || {};
     if (column.highlight) {
       headerStyle.color = theme.palette.textContrast;
@@ -6099,22 +6098,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,
     {