@razorpay/blade
Version:
The Design System that powers Razorpay
157 lines (155 loc) • 3.44 kB
JavaScript
var paddingY = {
bordered: {
horizontal: {
desktop: {
medium: 'spacing.5',
large: 'spacing.4'
},
mobile: {
medium: 'spacing.3',
large: 'spacing.3'
}
},
vertical: {
desktop: {
medium: 'spacing.2',
large: 'spacing.2'
},
mobile: {
medium: 'spacing.2',
large: 'spacing.2'
}
}
},
filled: {
horizontal: {
desktop: {
medium: 'spacing.3',
large: 'spacing.3'
},
mobile: {
medium: 'spacing.2',
large: 'spacing.2'
}
},
vertical: {
desktop: {
medium: 'spacing.4',
large: 'spacing.4'
},
mobile: {
medium: 'spacing.3',
large: 'spacing.3'
}
}
}
};
var paddingX = {
bordered: {
horizontal: {
desktop: {
medium: 'spacing.0',
large: 'spacing.0'
},
mobile: {
medium: 'spacing.0',
large: 'spacing.0'
}
},
vertical: {
desktop: {
medium: 'spacing.4',
large: 'spacing.4'
},
mobile: {
medium: 'spacing.4',
large: 'spacing.4'
}
}
},
filled: {
horizontal: {
desktop: {
medium: 'spacing.3',
large: 'spacing.3'
},
mobile: {
medium: 'spacing.2',
large: 'spacing.2'
}
},
vertical: {
desktop: {
medium: 'spacing.4',
large: 'spacing.4'
},
mobile: {
medium: 'spacing.3',
large: 'spacing.3'
}
}
}
};
var trackColor = 'surface.border.gray.muted';
var textColor = {
selected: {
"default": 'interactive.text.primary.subtle',
highlighted: 'interactive.text.primary.normal',
disabled: 'interactive.text.primary.normal'
},
unselected: {
"default": 'interactive.text.gray.muted',
highlighted: 'interactive.text.gray.subtle',
disabled: 'interactive.text.gray.disabled'
}
};
var backgroundColor = {
unselected: {
bordered: {
"default": 'colors.transparent',
highlighted: 'colors.transparent',
disabled: 'colors.transparent'
},
borderless: {
"default": 'colors.transparent',
highlighted: 'colors.transparent',
disabled: 'colors.transparent'
},
filled: {
"default": 'colors.transparent',
highlighted: 'colors.interactive.background.gray.default',
disabled: 'colors.transparent'
}
},
selected: {
bordered: {
"default": 'colors.transparent',
highlighted: 'colors.transparent',
disabled: 'colors.transparent'
},
borderless: {
"default": 'colors.transparent',
highlighted: 'colors.transparent',
disabled: 'colors.transparent'
},
filled: {
"default": 'colors.interactive.background.primary.faded',
highlighted: 'colors.interactive.background.primary.faded',
disabled: 'colors.transparent'
}
}
};
var iconColor = {
unselected: {
"default": 'interactive.icon.gray.muted',
highlighted: 'interactive.icon.gray.subtle',
disabled: 'interactive.icon.gray.disabled'
},
selected: {
"default": 'interactive.icon.primary.subtle',
highlighted: 'interactive.icon.primary.normal',
disabled: 'interactive.icon.primary.disabled'
}
};
export { backgroundColor, iconColor, paddingX, paddingY, textColor, trackColor };
//# sourceMappingURL=tabTokens.js.map