38 lines
953 B
JavaScript
38 lines
953 B
JavaScript
// src/components/breadcrumb.ts
|
|
import { breadcrumbAnatomy as parts } from "@chakra-ui/anatomy";
|
|
import {
|
|
createMultiStyleConfigHelpers,
|
|
cssVar,
|
|
defineStyle
|
|
} from "@chakra-ui/styled-system";
|
|
var { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(parts.keys);
|
|
var $decor = cssVar("breadcrumb-link-decor");
|
|
var baseStyleLink = defineStyle({
|
|
transitionProperty: "common",
|
|
transitionDuration: "fast",
|
|
transitionTimingFunction: "ease-out",
|
|
outline: "none",
|
|
color: "inherit",
|
|
textDecoration: $decor.reference,
|
|
[$decor.variable]: "none",
|
|
"&:not([aria-current=page])": {
|
|
cursor: "pointer",
|
|
_hover: {
|
|
[$decor.variable]: "underline"
|
|
},
|
|
_focusVisible: {
|
|
boxShadow: "outline"
|
|
}
|
|
}
|
|
});
|
|
var baseStyle = definePartsStyle({
|
|
link: baseStyleLink
|
|
});
|
|
var breadcrumbTheme = defineMultiStyleConfig({
|
|
baseStyle
|
|
});
|
|
|
|
export {
|
|
breadcrumbTheme
|
|
};
|
|
//# sourceMappingURL=chunk-FU5DDBRC.mjs.map
|