{"version":3,"sources":["../../../src/theme/components/navigation.ts"],"sourcesContent":["/**\n * Navigation component overrides: tabs, breadcrumbs, links, menus, lists, steppers.\n * @see https://mui.com/material-ui/components/tabs/\n * @see https://mui.com/material-ui/components/breadcrumbs/\n * @see https://mui.com/material-ui/components/links/\n * @see https://mui.com/material-ui/components/menus/\n * @see https://mui.com/material-ui/components/lists/\n * @see https://mui.com/material-ui/components/steppers/\n */\nimport varnishTokens from '@allenai/varnish-theme/mui';\nimport type { Components, Theme } from '@mui/material';\n\nexport const navigationComponents: Components<Omit<Theme, 'components'>> = {\n    MuiBreadcrumbs: {\n        styleOverrides: {\n            root: { fontSize: varnishTokens.font.size.sm.value },\n        },\n    },\n    MuiLink: {\n        defaultProps: {\n            underline: 'none',\n        },\n        styleOverrides: {\n            root: { fontWeight: varnishTokens.font.weight.medium.value },\n        },\n        variants: [\n            {\n                props: { color: 'default' },\n                style: ({ theme }) => {\n                    const { palette } = theme.vars ?? theme;\n                    return {\n                        color: palette.links.default,\n                        '&:hover': { color: palette.links.hovered.default },\n                    };\n                },\n            },\n            {\n                props: { color: 'reversed' },\n                style: ({ theme }) => {\n                    const { palette } = theme.vars ?? theme;\n                    return {\n                        color: palette.links.reversed,\n                        '&:hover': { color: palette.links.hovered.reversed },\n                    };\n                },\n            },\n            {\n                props: { color: 'text' },\n                style: ({ theme }) => ({ color: (theme.vars ?? theme).palette.default.main }),\n            },\n            {\n                props: { color: 'primary' },\n                style: ({ theme }) => ({ color: (theme.vars ?? theme).palette.primary.main }),\n            },\n            {\n                props: { color: 'secondary' },\n                style: ({ theme }) => ({ color: (theme.vars ?? theme).palette.secondary.main }),\n            },\n            {\n                props: { color: 'tertiary' },\n                style: ({ theme }) => ({ color: (theme.vars ?? theme).palette.tertiary.main }),\n            },\n            {\n                props: { size: 'small' },\n                style: { fontSize: varnishTokens.font.size.sm.value },\n            },\n            {\n                props: { size: 'medium' },\n                style: { fontSize: varnishTokens.font.size.md.value },\n            },\n            {\n                props: { size: 'large' },\n                style: { fontSize: varnishTokens.font.size.lg.value },\n            },\n        ],\n    },\n    MuiListItemButton: {\n        styleOverrides: {\n            root: {\n                fontSize: varnishTokens.font.size.sm.value,\n            },\n        },\n    },\n    MuiListSubheader: {\n        styleOverrides: {\n            root: { fontSize: varnishTokens.font.size.sm.value },\n        },\n    },\n    MuiMenu: {\n        styleOverrides: {\n            paper: ({ theme }) => {\n                const { palette } = theme.vars ?? theme;\n                return {\n                    backgroundColor: palette.elements.overlay.background,\n                    border: '1px solid',\n                    borderColor: palette.divider,\n                    padding: theme.spacing(0.5),\n                };\n            },\n            list: { padding: 0 },\n        },\n    },\n    MuiMenuList: {\n        styleOverrides: {\n            root: ({ theme }) => ({\n                padding: theme.spacing(0.5),\n            }),\n        },\n    },\n    MuiMenuItem: {\n        styleOverrides: {\n            root: ({ theme }) => {\n                const { palette } = theme.vars ?? theme;\n                return {\n                    '&:hover': { backgroundColor: palette.action.hover },\n                    '&.Mui-selected': {\n                        backgroundColor: palette.action.selected,\n                        '&:hover': { backgroundColor: palette.action.selected },\n                    },\n                    '&.Mui-disabled': { color: palette.text.disabled },\n                };\n            },\n        },\n    },\n    MuiStepLabel: {\n        styleOverrides: {\n            label: { fontSize: varnishTokens.font.size.sm.value },\n        },\n    },\n    MuiTab: {\n        styleOverrides: {\n            root: ({ theme }) => {\n                const { palette } = theme.vars ?? theme;\n                return {\n                    textTransform: 'none',\n                    padding: '8px 16px',\n                    fontSize: varnishTokens.font.size.sm.value,\n                    minHeight: 'unset',\n                    color: palette.text.primary,\n                    '&:hover:not(.Mui-disabled)': { color: palette.primary.main },\n                    '&.Mui-selected:not(.Mui-disabled)': { color: palette.primary.main },\n                    '&.Mui-disabled': { color: palette.text.disabled },\n                };\n            },\n        },\n    },\n    MuiTabs: {\n        styleOverrides: {\n            flexContainer: { gap: varnishTokens.spacing[1].value },\n        },\n    },\n};\n"],"mappings":"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","names":["varnishTokens"]}