@backstage/theme 0.6.5 → 0.6.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage/theme
 
+## 0.6.6
+
+### Patch Changes
+
+- 1b14572: Show arrow when MuiTableSortLabel receives focus
+
+## 0.6.6-next.0
+
+### Patch Changes
+
+- 1b14572: Show arrow when MuiTableSortLabel receives focus
+
 ## 0.6.5
 
 ### Patch Changes

package/dist/v5/defaultComponentThemes.esm.js

@@ -133,6 +133,10 @@ const defaultComponentThemes = {
         "&:focus": {
           color: "inherit"
         },
+        // Targets the arrow when the label is focused
+        "&:focus svg": {
+          opacity: 0.5
+        },
         // Bold font for highlighting selected column
         "&.Mui-active": {
           fontWeight: "bold",

package/dist/v5/defaultComponentThemes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultComponentThemes.esm.js","sources":["../../src/v5/defaultComponentThemes.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { darken, lighten, ThemeOptions } from '@mui/material/styles';\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport const defaultComponentThemes: ThemeOptions['components'] = {\n  MuiCssBaseline: {\n    styleOverrides: theme => ({\n      html: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n      },\n      body: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n        overscrollBehaviorY: 'none',\n        fontSize: '0.875rem',\n        lineHeight: 1.43,\n        '&::-webkit-scrollbar, & *::-webkit-scrollbar': {\n          backgroundColor: theme.palette.background.paper,\n          width: '1em',\n        },\n        '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {\n          borderRadius: 8,\n          backgroundColor: theme.palette.textVerySubtle,\n          border: `3px solid ${theme.palette.background.paper}`,\n        },\n        '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n        '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n      },\n      a: {\n        color: 'inherit',\n        textDecoration: 'none',\n      },\n    }),\n  },\n  MuiGrid: {\n    defaultProps: {\n      spacing: 2,\n    },\n  },\n  MuiSwitch: {\n    defaultProps: {\n      color: 'primary',\n    },\n  },\n  MuiTableRow: {\n    styleOverrides: {\n      // Alternating row backgrounds\n      root: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n      }),\n      // Use pointer for hoverable rows\n      hover: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n      },\n      // Alternating head backgrounds\n      head: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      }),\n    },\n  },\n  // Tables are more dense than default mui tables\n  MuiTableCell: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        verticalAlign: 'middle',\n        lineHeight: '1',\n        margin: 0,\n        padding: theme.spacing(3, 2, 3, 2.5),\n        borderBottom: 0,\n      }),\n      sizeSmall: ({ theme }) => ({\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      }),\n      head: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: theme.palette.textSubtle,\n        fontWeight: 'normal',\n        lineHeight: '1',\n      }),\n    },\n  },\n  MuiTabs: {\n    styleOverrides: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n  },\n  MuiTab: {\n    styleOverrides: {\n      // Tabs are smaller and have a hover background\n      root: ({ theme }) => ({\n        color: theme.palette.link,\n        minHeight: 24,\n        textTransform: 'initial',\n        letterSpacing: '0.07em',\n        '&:hover': {\n          color: darken(theme.palette.link, 0.3),\n          background: lighten(theme.palette.link, 0.95),\n        },\n        [theme.breakpoints.up('md')]: {\n          minWidth: 120,\n          fontSize: theme.typography.pxToRem(14),\n          fontWeight: 500,\n        },\n      }),\n      textColorPrimary: ({ theme }) => ({\n        color: theme.palette.link,\n      }),\n    },\n  },\n  MuiTableSortLabel: {\n    styleOverrides: {\n      // No color change on hover, just rely on the arrow showing up instead.\n      root: {\n        color: 'inherit',\n        '&:hover': {\n          color: 'inherit',\n        },\n        '&:focus': {\n          color: 'inherit',\n        },\n        // Bold font for highlighting selected column\n        '&.Mui-active': {\n          fontWeight: 'bold',\n          color: 'inherit',\n        },\n      },\n    },\n  },\n  MuiListItemText: {\n    styleOverrides: {\n      dense: {\n        // Default dense list items to adding ellipsis for really long str...\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n    },\n  },\n  MuiButton: {\n    styleOverrides: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n  },\n  MuiChip: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        // By default there's no margin, but it's usually wanted, so we add some trailing margin\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      }),\n      label: ({ theme }) => ({\n        lineHeight: theme.spacing(2.5),\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: theme.spacing(1.75),\n      }),\n      labelSmall: ({ theme }) => ({\n        fontSize: theme.spacing(1.5),\n      }),\n      deleteIcon: ({ theme }) => ({\n        width: theme.spacing(3),\n        height: theme.spacing(3),\n        margin: theme.spacing(0, 0.75, 0, -0.75),\n      }),\n      deleteIconSmall: ({ theme }) => ({\n        width: theme.spacing(2),\n        height: theme.spacing(2),\n        margin: theme.spacing(0, 0.5, 0, -0.5),\n      }),\n    },\n  },\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        display: 'flex',\n        flexDirection: 'column',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n  },\n  MuiCardContent: {\n    styleOverrides: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        flexGrow: 1,\n        '&:last-child': {\n          paddingBottom: undefined,\n        },\n      },\n    },\n  },\n  MuiCardActions: {\n    styleOverrides: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'hover',\n    },\n  },\n  MuiPaper: {\n    styleOverrides: { root: { backgroundImage: 'unset' } },\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaultComponentThemes.esm.js","sources":["../../src/v5/defaultComponentThemes.ts"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { darken, lighten, ThemeOptions } from '@mui/material/styles';\n\n/**\n * A helper for creating theme overrides.\n *\n * @public\n */\nexport const defaultComponentThemes: ThemeOptions['components'] = {\n  MuiCssBaseline: {\n    styleOverrides: theme => ({\n      html: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n      },\n      body: {\n        height: '100%',\n        fontFamily: theme.typography.fontFamily,\n        overscrollBehaviorY: 'none',\n        fontSize: '0.875rem',\n        lineHeight: 1.43,\n        '&::-webkit-scrollbar, & *::-webkit-scrollbar': {\n          backgroundColor: theme.palette.background.paper,\n          width: '1em',\n        },\n        '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {\n          borderRadius: 8,\n          backgroundColor: theme.palette.textVerySubtle,\n          border: `3px solid ${theme.palette.background.paper}`,\n        },\n        '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n        '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover':\n          {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? lighten(theme.palette.textVerySubtle, 0.2)\n                : darken(theme.palette.textVerySubtle, 0.2),\n          },\n      },\n      a: {\n        color: 'inherit',\n        textDecoration: 'none',\n      },\n    }),\n  },\n  MuiGrid: {\n    defaultProps: {\n      spacing: 2,\n    },\n  },\n  MuiSwitch: {\n    defaultProps: {\n      color: 'primary',\n    },\n  },\n  MuiTableRow: {\n    styleOverrides: {\n      // Alternating row backgrounds\n      root: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n      }),\n      // Use pointer for hoverable rows\n      hover: {\n        '&:hover': {\n          cursor: 'pointer',\n        },\n      },\n      // Alternating head backgrounds\n      head: ({ theme }) => ({\n        '&:nth-of-type(odd)': {\n          backgroundColor: theme.palette.background.paper,\n        },\n      }),\n    },\n  },\n  // Tables are more dense than default mui tables\n  MuiTableCell: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        verticalAlign: 'middle',\n        lineHeight: '1',\n        margin: 0,\n        padding: theme.spacing(3, 2, 3, 2.5),\n        borderBottom: 0,\n      }),\n      sizeSmall: ({ theme }) => ({\n        padding: theme.spacing(1.5, 2, 1.5, 2.5),\n      }),\n      head: ({ theme }) => ({\n        wordBreak: 'break-word',\n        overflow: 'hidden',\n        color: theme.palette.textSubtle,\n        fontWeight: 'normal',\n        lineHeight: '1',\n      }),\n    },\n  },\n  MuiTabs: {\n    styleOverrides: {\n      // Tabs are smaller than default mui tab rows\n      root: {\n        minHeight: 24,\n      },\n    },\n  },\n  MuiTab: {\n    styleOverrides: {\n      // Tabs are smaller and have a hover background\n      root: ({ theme }) => ({\n        color: theme.palette.link,\n        minHeight: 24,\n        textTransform: 'initial',\n        letterSpacing: '0.07em',\n        '&:hover': {\n          color: darken(theme.palette.link, 0.3),\n          background: lighten(theme.palette.link, 0.95),\n        },\n        [theme.breakpoints.up('md')]: {\n          minWidth: 120,\n          fontSize: theme.typography.pxToRem(14),\n          fontWeight: 500,\n        },\n      }),\n      textColorPrimary: ({ theme }) => ({\n        color: theme.palette.link,\n      }),\n    },\n  },\n  MuiTableSortLabel: {\n    styleOverrides: {\n      // No color change on hover, just rely on the arrow showing up instead.\n      root: {\n        color: 'inherit',\n        '&:hover': {\n          color: 'inherit',\n        },\n        '&:focus': {\n          color: 'inherit',\n        },\n        // Targets the arrow when the label is focused\n        '&:focus svg': {\n          opacity: 0.5,\n        },\n        // Bold font for highlighting selected column\n        '&.Mui-active': {\n          fontWeight: 'bold',\n          color: 'inherit',\n        },\n      },\n    },\n  },\n  MuiListItemText: {\n    styleOverrides: {\n      dense: {\n        // Default dense list items to adding ellipsis for really long str...\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n    },\n  },\n  MuiButton: {\n    styleOverrides: {\n      text: {\n        // Text buttons have less padding by default, but we want to keep the original padding\n        padding: undefined,\n      },\n    },\n  },\n  MuiChip: {\n    styleOverrides: {\n      root: ({ theme }) => ({\n        // By default there's no margin, but it's usually wanted, so we add some trailing margin\n        marginRight: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      }),\n      label: ({ theme }) => ({\n        lineHeight: theme.spacing(2.5),\n        fontWeight: theme.typography.fontWeightMedium,\n        fontSize: theme.spacing(1.75),\n      }),\n      labelSmall: ({ theme }) => ({\n        fontSize: theme.spacing(1.5),\n      }),\n      deleteIcon: ({ theme }) => ({\n        width: theme.spacing(3),\n        height: theme.spacing(3),\n        margin: theme.spacing(0, 0.75, 0, -0.75),\n      }),\n      deleteIconSmall: ({ theme }) => ({\n        width: theme.spacing(2),\n        height: theme.spacing(2),\n        margin: theme.spacing(0, 0.5, 0, -0.5),\n      }),\n    },\n  },\n  MuiCard: {\n    styleOverrides: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        display: 'flex',\n        flexDirection: 'column',\n      },\n    },\n  },\n  MuiCardHeader: {\n    styleOverrides: {\n      root: {\n        // Reduce padding between header and content\n        paddingBottom: 0,\n      },\n    },\n  },\n  MuiCardContent: {\n    styleOverrides: {\n      root: {\n        // When cards have a forced size, such as when they are arranged in a\n        // CSS grid, the content needs to flex such that the actions (buttons\n        // etc) end up at the bottom of the card instead of just below the body\n        // contents.\n        flexGrow: 1,\n        '&:last-child': {\n          paddingBottom: undefined,\n        },\n      },\n    },\n  },\n  MuiCardActions: {\n    styleOverrides: {\n      root: {\n        // We default to putting the card actions at the end\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n  MuiLink: {\n    defaultProps: {\n      underline: 'hover',\n    },\n  },\n  MuiPaper: {\n    styleOverrides: { root: { backgroundImage: 'unset' } },\n  },\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/theme",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "material-ui theme for use with Backstage.",
   "backstage": {
     "role": "web-library"
@@ -41,7 +41,7 @@
     "@mui/material": "^5.12.2"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.32.0",
+    "@backstage/cli": "^0.32.1",
     "@mui/styles": "^5.14.18",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",