@razorpay/blade
Version:
The Design System that powers Razorpay
53 lines (50 loc) • 1.22 kB
JavaScript
import '../../tokens/global/index.js';
import { size } from '../../tokens/global/size.js';
import { colors } from '../../tokens/global/colors.js';
var chatMessageToken = {
"default": {},
self: {
padding: 'spacing.4',
backgroundColor: {
"default": 'surface.background.gray.intense',
error: 'feedback.background.negative.subtle'
}
},
imagePreview: {
maxVisibleStackImages: 3,
previewImageSize: '120px',
previewImageSizePx: size[120],
stackHeightOffset: size[12],
singleCardStyle: {
bottom: size[0],
right: size[0],
transform: 'rotate(0deg)',
zIndex: 3
},
stackCardStyles: [{
bottom: size[0],
right: size[32],
transform: 'rotate(0deg)',
zIndex: 3
}, {
bottom: size[59],
right: size[10],
transform: 'rotate(15deg)',
zIndex: 2
}, {
bottom: size[42],
right: size[62],
transform: 'rotate(-15deg)',
zIndex: 1
}]
},
messageBubble: {
boxShadow: '0px 0.5px 4px 0px',
boxShadowColor: {
light: colors.neutral.blueGrayLight.a906,
dark: colors.neutral.black[50]
}
}
};
export { chatMessageToken };
//# sourceMappingURL=token.js.map