@razorpay/blade
Version:
The Design System that powers Razorpay
86 lines (83 loc) • 2.13 kB
JavaScript
import '../../tokens/global/index.js';
import { size } from '../../tokens/global/size.js';
var checkboxSizes = {
group: {
gap: {
small: {
mobile: 'spacing.3',
desktop: 'spacing.2'
},
medium: {
mobile: 'spacing.4',
desktop: 'spacing.3'
},
large: {
mobile: 'spacing.5',
desktop: 'spacing.4'
}
}
},
icon: {
small: {
width: size[12],
height: size[12]
},
medium: {
width: size[16],
height: size[16]
},
large: {
width: size[20],
height: size[20]
}
}
};
var checkboxIconColors = {
variants: {
"default": {
border: {
checked: 'colors.interactive.border.primary.default',
unchecked: 'colors.interactive.border.gray.default'
},
background: {
checked: 'colors.interactive.background.primary.default',
unchecked: 'colors.transparent'
}
},
disabled: {
border: {
checked: 'colors.interactive.border.primary.disabled',
unchecked: 'colors.interactive.border.gray.disabled'
},
background: {
checked: 'colors.interactive.background.primary.disabled',
unchecked: 'colors.transparent'
}
},
negative: {
border: {
checked: 'colors.interactive.border.negative.default',
unchecked: 'colors.interactive.border.negative.default'
},
background: {
checked: 'colors.interactive.background.negative.default',
unchecked: 'colors.transparent'
}
}
}
};
var checkboxHoverTokens = {
"default": {
background: {
checked: 'colors.interactive.background.primary.highlighted',
unchecked: 'colors.interactive.background.gray.faded'
},
border: {
checked: 'colors.interactive.background.primary.highlighted',
// Intentionally not using border tokens here since we want to match the background color
unchecked: 'colors.interactive.border.gray.default'
}
}
};
export { checkboxHoverTokens, checkboxIconColors, checkboxSizes };
//# sourceMappingURL=checkboxTokens.js.map