@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
87 lines (86 loc) • 1.44 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TONE_INTENSITY = exports.PALETTE_CONFIG = void 0;
var 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
}
};
exports.TONE_INTENSITY = TONE_INTENSITY;
var 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'
}
};
exports.PALETTE_CONFIG = PALETTE_CONFIG;