@razorpay/blade
Version:
The Design System that powers Razorpay
67 lines (65 loc) • 1.35 kB
JavaScript
var normalAmountSizes = {
body: {
xsmall: 25,
small: 75,
medium: 100,
large: 200
},
heading: {
small: 300,
medium: 400,
large: 500,
xlarge: 600,
'2xlarge': 700
},
display: {
small: 800,
medium: 900,
large: 1000,
xlarge: 1100
}
};
var subtleFontSizes = {
body: {
xsmall: normalAmountSizes.body.xsmall,
small: normalAmountSizes.body.xsmall,
medium: normalAmountSizes.body.xsmall,
large: normalAmountSizes.body.small
},
heading: {
small: normalAmountSizes.body.small,
medium: normalAmountSizes.body.medium,
large: normalAmountSizes.body.large,
xlarge: normalAmountSizes.heading.medium,
'2xlarge': normalAmountSizes.heading.large
},
display: {
small: normalAmountSizes.heading.xlarge,
medium: normalAmountSizes.heading['2xlarge'],
large: normalAmountSizes.heading['2xlarge'],
xlarge: normalAmountSizes.display.small
}
};
var amountLineHeights = {
body: {
xsmall: 25,
small: 75,
medium: 100,
large: 200
},
heading: {
small: 300,
medium: 400,
large: 500,
xlarge: 600,
'2xlarge': 700
},
display: {
small: 800,
medium: 900,
large: 1000,
xlarge: 1100
}
};
export { amountLineHeights, normalAmountSizes, subtleFontSizes };
//# sourceMappingURL=amountTokens.js.map