@aws-amplify/ui/dist/esm/theme/tokens/components/breadcrumbs.mjs

`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.

const breadcrumbs = {
    flexDirection: { value: 'row' },
    flexWrap: { value: 'wrap' },
    gap: { value: '0' },
    color: { value: '{colors.font.tertiary}' },
    item: {
        flexDirection: { value: 'row' },
        color: { value: 'inherit' },
        fontSize: { value: 'inherit' },
        alignItems: { value: 'center' },
        lineHeight: { value: '1' },
    },
    separator: {
        color: { value: 'inherit' },
        fontSize: { value: 'inherit' },
        paddingInline: { value: '{space.xxs}' },
    },
    link: {
        color: { value: '{components.link.color}' },
        fontSize: { value: 'inherit' },
        fontWeight: { value: 'normal' },
        textDecoration: { value: 'none' },
        paddingInline: { value: '{space.xs}' },
        paddingBlock: { value: '{space.xxs}' },
        current: {
            color: { value: 'inherit' },
            fontSize: { value: 'inherit' },
            fontWeight: { value: 'normal' },
            textDecoration: { value: 'none' },
        },
    },
};

export { breadcrumbs };