@zohodesk/components
Version:
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development
79 lines • 1.23 kB
JavaScript
export const TONE_INTENSITY = {
brand: {
base: 80,
hover: 100,
light: 10,
lightHover: 20,
borderLight: 10
},
grey: {
base: 65,
hover: 55,
light: 10,
lightHover: 15,
borderLight: 15,
textHover: 100
},
blue: {
base: 80,
hover: 100,
light: 10,
lightHover: 20,
borderLight: 10
},
green: {
base: 80,
hover: 100,
light: 10,
lightHover: 30,
borderLight: 30
},
orange: {
base: 80,
hover: 100,
light: 10,
lightHover: 15,
borderLight: 15
},
red: {
base: 70,
hover: 100,
light: 10,
lightHover: 30,
borderLight: 30
},
yellow: {
base: 80,
hover: 100,
light: 10,
lightHover: 20,
borderLight: 20
}
};
export const PALETTE_CONFIG = {
default: {
tone: 'brand',
textTone: 'brand',
filledTextTone: 'brand-filled'
},
primary: {
tone: 'blue',
textTone: 'blue',
filledTextTone: 'white'
},
secondary: {
tone: 'grey',
textTone: 'grey',
filledTextTone: 'white'
},
danger: {
tone: 'red',
textTone: 'red',
filledTextTone: 'white'
},
success: {
tone: 'green',
textTone: 'green',
filledTextTone: 'white'
}
};