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

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

const card = {
    backgroundColor: { value: '{colors.background.primary.value}' },
    borderRadius: { value: '{radii.xs.value}' },
    borderWidth: { value: '0' },
    borderStyle: { value: 'solid' },
    borderColor: { value: 'transparent' },
    boxShadow: { value: 'none' },
    padding: { value: '{space.medium.value}' },
    outlined: {
        backgroundColor: { value: '{components.card.backgroundColor.value}' },
        borderRadius: { value: '{radii.xs.value}' },
        borderWidth: { value: '{borderWidths.small.value}' },
        borderStyle: { value: 'solid' },
        borderColor: { value: '{colors.border.primary.value}' },
        boxShadow: { value: '{components.card.boxShadow.value}' },
    },
    elevated: {
        backgroundColor: { value: '{components.card.backgroundColor.value}' },
        borderRadius: { value: '{radii.xs.value}' },
        borderWidth: { value: '0' },
        borderStyle: { value: 'solid' },
        borderColor: { value: 'transparent' },
        boxShadow: { value: '{shadows.medium.value}' },
    },
};

export { card };