design-system-simplefi
Version:
Design System for SimpleFi Applications
70 lines • 2.21 kB
JavaScript
import { colors } from './colors';
var buttons = {
solid: {
primary: {
color: colors.white,
bgColor: colors.lightPurple,
hoverBgColor: colors.midPurple,
activeBgColor: colors.lightPurple,
disabledBgColor: colors.lightGrey,
},
danger: {
color: colors.white,
bgColor: colors.neonCoral,
hoverBgColor: colors.neonCoral,
activeBgColor: colors.neonCoral,
disabledBgColor: colors.lightGrey,
},
},
outline: {
primary: {
color: colors.deepBlue,
bgColor: 'transparent',
hoverBgColor: colors.lightestGrey,
borderColor: colors.deepBlue,
disabledColor: colors.midGrey,
activeBgColor: 'transparent',
disabledBgColor: colors.lightestGrey,
},
secondary: {
color: colors.darkGrey,
bgColor: 'transparent',
hoverBgColor: colors.lightestGrey,
borderColor: colors.lightPurple,
disabledColor: colors.midGrey,
activeBgColor: 'transparent',
disabledBgColor: colors.black,
},
danger: {
color: colors.neonCoral,
bgColor: 'transparent',
hoverBgColor: colors.lightestGrey,
borderColor: colors.neonCoral,
disabledColor: colors.midGrey,
activeBgColor: 'transparent',
disabledBgColor: colors.black,
},
},
text: {
primary: {
color: colors.deepBlue,
hoverColor: colors.midPurple,
activeColor: colors.lightPurple,
disabledColor: colors.lightestGrey,
},
secondary: {
color: colors.deepBlue,
hoverColor: colors.midGrey,
activeColor: colors.lightGrey,
disabledColor: colors.lightestGrey,
},
danger: {
color: colors.neonCoral,
hoverColor: colors.black,
activeColor: colors.black,
disabledColor: colors.lightestGrey,
},
},
};
export default buttons;
//# sourceMappingURL=buttons.js.map