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

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

const aiConversation = {
    message: {
        backgroundColor: { value: '{colors.background.secondary.value}' },
        borderRadius: { value: '{radii.large.value}' },
        gap: { value: '{space.small.value}' },
        paddingBlock: { value: '{space.small.value}' },
        paddingInline: { value: '{space.small.value}' },
        user: {
            backgroundColor: { value: '{colors.background.secondary.value}' },
        },
        assistant: {
            backgroundColor: { value: '{colors.primary.10.value}' },
        },
        sender: {
            gap: { value: '{space.small.value}' },
            username: {
                color: { value: '{colors.font.primary.value}' },
                fontSize: { value: 'inherit' },
                fontWeight: { value: '{fontWeights.bold.value}' },
            },
            timestamp: {
                color: { value: '{colors.font.tertiary.value}' },
                fontSize: { value: 'inherit' },
                fontWeight: { value: 'inherit' },
            },
        },
        body: { gap: { value: '{space.xs.value}' } },
        actions: { gap: { value: '{space.xs.value}' } },
    },
    form: {
        gap: { value: '{space.small.value}' },
        padding: { value: '{space.small.value}' },
    },
    attachment: {
        borderColor: { value: '{colors.border.secondary.value}' },
        borderWidth: { value: '{borderWidths.small.value}' },
        borderRadius: { value: '{radii.small.value}' },
        fontSize: { value: '{fontSizes.small.value}' },
        paddingBlock: { value: '{space.xxxs.value}' },
        paddingInline: { value: '{space.xs.value}' },
        gap: { value: '{space.xs.value}' },
        list: {
            padding: { value: '{space.xs.value}' },
            paddingBlockStart: { value: '0' },
            gap: { value: '{space.xxs.value}' },
        },
        name: {
            color: { value: '{colors.font.primary.value}' },
            fontSize: { value: '{fontSizes.small.value}' },
            fontWeight: { value: '{fontWeights.normal.value}' },
        },
        size: {
            color: { value: '{colors.font.tertiary.value}' },
            fontSize: { value: '{fontSizes.small.value}' },
            fontWeight: { value: '{fontWeights.normal.value}' },
        },
        remove: {
            padding: { value: '{space.xxs.value}' },
        },
        image: {
            width: { value: '{fontSizes.medium.value}' },
            height: { value: '{fontSizes.medium.value}' },
        },
    },
};

export { aiConversation };