@razorpay/blade
Version:
The Design System that powers Razorpay
36 lines (30 loc) • 1.33 kB
JavaScript
var RECT_WIDTH = 80;
var RECT_HEIGHT = 30;
var TEXT_BASELINE = 15;
// Padding for text inside the rectangle (4px vertical, 8px horizontal)
var PADDING_VERTICAL = 4;
var PADDING_HORIZONTAL = 8;
var X_OFFSET = 32;
var Y_OFFSET = 14.5;
var X_AXIS_TEXT_BASELINE = 24;
var X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL = 48;
// X-axis tick label constants
var X_AXIS_TICK_LINE_HEIGHT = 14.5;
var X_AXIS_TICK_START_DY = 8;
var X_AXIS_LABEL_GAP = 4;
var X_AXIS_BOTTOM_PADDING = 8;
// Gap between tick labels and X-axis label (e.g., "Month")
var X_AXIS_LABEL_OFFSET = 8;
// Height of the X-axis label text
var X_AXIS_LABEL_HEIGHT = 16;
// Legend spacing from X-axis label (or tick labels if no label)
var LEGEND_MARGIN_TOP = 8;
var MIN_WIDTH = RECT_WIDTH;
var MAX_WIDTH = 200;
var DEFAULT_COLOR = 'data.background.categorical.gray.moderate';
var componentId = {
chartLegend: 'chart-legend',
chartXAxis: 'chart-x-axis'
};
export { DEFAULT_COLOR, LEGEND_MARGIN_TOP, MAX_WIDTH, MIN_WIDTH, PADDING_HORIZONTAL, PADDING_VERTICAL, RECT_HEIGHT, RECT_WIDTH, TEXT_BASELINE, X_AXIS_BOTTOM_PADDING, X_AXIS_LABEL_GAP, X_AXIS_LABEL_HEIGHT, X_AXIS_LABEL_OFFSET, X_AXIS_TEXT_BASELINE, X_AXIS_TEXT_BASELINE_WITH_SECONDARY_LABEL, X_AXIS_TICK_LINE_HEIGHT, X_AXIS_TICK_START_DY, X_OFFSET, Y_OFFSET, componentId };
//# sourceMappingURL=tokens.js.map