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

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

const alert = {
    // Default styles
    alignItems: { value: 'center' },
    justifyContent: { value: 'space-between' },
    color: { value: '{colors.font.primary.value}' },
    backgroundColor: { value: '{colors.background.tertiary.value}' },
    paddingBlock: { value: '{space.small.value}' },
    paddingInline: { value: '{space.medium.value}' },
    icon: {
        size: { value: '{fontSizes.xl.value}' },
    },
    heading: {
        fontSize: { value: '{fontSizes.medium.value}' },
        fontWeight: { value: '{fontWeights.bold.value}' },
    },
    // Variations
    info: {
        color: { value: '{colors.font.info.value}' },
        backgroundColor: { value: '{colors.background.info.value}' },
    },
    error: {
        color: { value: '{colors.font.error.value}' },
        backgroundColor: { value: '{colors.background.error.value}' },
    },
    warning: {
        color: { value: '{colors.font.warning.value}' },
        backgroundColor: { value: '{colors.background.warning.value}' },
    },
    success: {
        color: { value: '{colors.font.success.value}' },
        backgroundColor: { value: '{colors.background.success.value}' },
    },
};

export { alert };