@razorpay/blade
Version:
The Design System that powers Razorpay
148 lines (146 loc) • 3.35 kB
JavaScript
var paddingTop = {
bordered: {
horizontal: {
small: 'spacing.0',
medium: 'spacing.2',
large: 'spacing.4'
},
vertical: {
small: 'spacing.1',
medium: 'spacing.2',
large: 'spacing.3'
}
},
filled: {
horizontal: {
small: 'spacing.1',
medium: 'spacing.2',
large: 'spacing.3'
},
vertical: {
small: 'spacing.3',
medium: 'spacing.4',
large: 'spacing.4'
}
}
};
var paddingBottom = {
bordered: {
horizontal: {
small: 'spacing.3',
medium: 'spacing.4',
large: 'spacing.4'
},
vertical: {
small: 'spacing.1',
medium: 'spacing.2',
large: 'spacing.3'
}
},
filled: {
horizontal: {
small: 'spacing.1',
medium: 'spacing.2',
large: 'spacing.3'
},
vertical: {
small: 'spacing.3',
medium: 'spacing.4',
large: 'spacing.4'
}
}
};
var paddingX = {
bordered: {
horizontal: {
small: 'spacing.0',
medium: 'spacing.0',
large: 'spacing.0'
},
vertical: {
small: 'spacing.4',
medium: 'spacing.4',
large: 'spacing.4'
}
},
filled: {
horizontal: {
small: 'spacing.3',
medium: 'spacing.3',
large: 'spacing.3'
},
vertical: {
small: 'spacing.4',
medium: 'spacing.4',
large: 'spacing.4'
}
}
};
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'
}
};
var textSizeMap = {
small: 'medium',
medium: 'medium',
large: 'large'
};
export { backgroundColor, iconColor, paddingBottom, paddingTop, paddingX, textColor, textSizeMap, trackColor };
//# sourceMappingURL=tabTokens.js.map