@collab-ui/core
Version:
Cisco Collab UI CSS Framework
243 lines (242 loc) • 8.14 kB
JSON
{
"blue": "blue-50",
"blue-base": "blue-50",
"blue-hover": "blue-60",
"blue-press": "blue-70",
"blue-dark": "blue-60",
"blue-dark-hover": "blue-70",
"blue-dark-press": "blue-80",
"blue-light": "blue-20",
"blue-light-hover": "blue-30",
"blue-light-press": "blue-40",
"blue-pastel": "blue-10",
"cyan": "cyan-50",
"cyan-base": "cyan-50",
"cyan-hover": "cyan-60",
"cyan-press": "cyan-70",
"cyan-dark": "cyan-60",
"cyan-dark-hover": "cyan-70",
"cyan-dark-press": "cyan-80",
"cyan-light": "cyan-20",
"cyan-light-hover": "cyan-30",
"cyan-light-press": "cyan-40",
"cyan-pastel": "cyan-10",
"green": "green-50",
"green-base": "green-50",
"green-hover": "green-60",
"green-press": "green-70",
"green-dark": "green-60",
"green-dark-hover": "green-70",
"green-dark-press": "green-80",
"green-light": "green-20",
"green-light-hover": "green-30",
"green-light-press": "green-40",
"green-pastel": "green-10",
"mint": "mint-50",
"mint-base": "mint-50",
"mint-hover": "mint-60",
"mint-press": "mint-70",
"mint-dark": "mint-60",
"mint-dark-hover": "mint-70",
"mint-dark-press": "mint-80",
"mint-light": "mint-20",
"mint-light-hover": "mint-30",
"mint-light-press": "mint-40",
"mint-pastel": "mint-10",
"orange": "orange-50",
"orange-base": "orange-50",
"orange-hover": "orange-60",
"orange-press": "orange-70",
"orange-dark": "orange-60",
"orange-dark-hover": "orange-70",
"orange-dark-press": "orange-80",
"orange-light": "orange-20",
"orange-light-hover": "orange-30",
"orange-light-press": "orange-40",
"orange-pastel": "orange-10",
"pink": "pink-50",
"pink-base": "pink-50",
"pink-hover": "pink-60",
"pink-press": "pink-70",
"pink-dark": "pink-60",
"pink-dark-hover": "pink-70",
"pink-dark-press": "pink-80",
"pink-light": "pink-20",
"pink-light-hover": "pink-30",
"pink-light-press": "pink-40",
"pink-pastel": "pink-10",
"purple": "purple-50",
"purple-base": "purple-50",
"purple-hover": "purple-60",
"purple-press": "purple-70",
"purple-dark": "purple-60",
"purple-dark-hover": "purple-70",
"purple-dark-press": "purple-80",
"purple-light": "purple-20",
"purple-light-hover": "purple-30",
"purple-light-press": "purple-40",
"purple-pastel": "purple-10",
"red": "red-50",
"red-base": "red-50",
"red-hover": "red-60",
"red-press": "red-70",
"red-dark": "red-60",
"red-dark-hover": "red-70",
"red-dark-press": "red-80",
"red-light": "red-20",
"red-light-hover": "red-30",
"red-light-press": "red-40",
"red-pastel": "red-10",
"violet": "violet-50",
"violet-base": "violet-50",
"violet-hover": "violet-60",
"violet-press": "violet-70",
"violet-dark": "violet-60",
"violet-dark-hover": "violet-70",
"violet-dark-press": "violet-80",
"violet-light": "violet-20",
"violet-light-hover": "violet-30",
"violet-light-press": "violet-40",
"violet-pastel": "violet-10",
"yellow": "yellow-50",
"yellow-base": "yellow-50",
"yellow-hover": "yellow-60",
"yellow-press": "yellow-70",
"yellow-dark": "yellow-60",
"yellow-dark-hover": "yellow-70",
"yellow-dark-press": "yellow-80",
"yellow-light": "yellow-20",
"yellow-light-hover": "yellow-30",
"yellow-light-press": "yellow-40",
"yellow-pastel": "yellow-10",
"blue-base--contrast": "blue-60",
"blue-hover--contrast": "blue-70",
"blue-press--contrast": "blue-80",
"blue-dark--contrast": "blue-50",
"blue-dark-hover--contrast": "blue-60",
"blue-dark-press--contrast": "blue-70",
"blue-light--contrast": "blue-20",
"blue-light-hover--contrast": "blue-30",
"blue-light-press--contrast": "blue-40",
"blue-pastel--contrast": "blue-60",
"cyan-base--contrast": "cyan-60",
"cyan-hover--contrast": "cyan-70",
"cyan-press--contrast": "cyan-80",
"cyan-dark--contrast": "cyan-50",
"cyan-dark-hover--contrast": "cyan-60",
"cyan-dark-press--contrast": "cyan-70",
"cyan-light--contrast": "cyan-20",
"cyan-light-hover--contrast": "cyan-30",
"cyan-light-press--contrast": "cyan-40",
"cyan-pastel--contrast": "cyan-60",
"green-base--contrast": "green-60",
"green-hover--contrast": "green-70",
"green-press--contrast": "green-80",
"green-dark--contrast": "green-50",
"green-dark-hover--contrast": "green-60",
"green-dark-press--contrast": "green-70",
"green-light--contrast": "green-20",
"green-light-hover--contrast": "green-30",
"green-light-press--contrast": "green-40",
"green-pastel--contrast": "green-60",
"mint-base--contrast": "mint-60",
"mint-hover--contrast": "mint-70",
"mint-press--contrast": "mint-80",
"mint-dark--contrast": "mint-50",
"mint-dark-hover--contrast": "mint-60",
"mint-dark-press--contrast": "mint-70",
"mint-light--contrast": "mint-20",
"mint-light-hover--contrast": "mint-30",
"mint-light-press--contrast": "mint-40",
"mint-pastel--contrast": "mint-60",
"orange-base--contrast": "orange-60",
"orange-hover--contrast": "orange-70",
"orange-press--contrast": "orange-80",
"orange-dark--contrast": "orange-50",
"orange-dark-hover--contrast": "orange-60",
"orange-dark-press--contrast": "orange-70",
"orange-light--contrast": "orange-20",
"orange-light-hover--contrast": "orange-30",
"orange-light-press--contrast": "orange-40",
"orange-pastel--contrast": "orange-60",
"pink-base--contrast": "pink-60",
"pink-hover--contrast": "pink-70",
"pink-press--contrast": "pink-80",
"pink-dark--contrast": "pink-50",
"pink-dark-hover--contrast": "pink-60",
"pink-dark-press--contrast": "pink-70",
"pink-light--contrast": "pink-20",
"pink-light-hover--contrast": "pink-30",
"pink-light-press--contrast": "pink-40",
"pink-pastel--contrast": "pink-60",
"purple-base--contrast": "purple-60",
"purple-hover--contrast": "purple-70",
"purple-press--contrast": "purple-80",
"purple-dark--contrast": "purple-50",
"purple-dark-hover--contrast": "purple-60",
"purple-dark-press--contrast": "purple-70",
"purple-light--contrast": "purple-20",
"purple-light-hover--contrast": "purple-30",
"purple-light-press--contrast": "purple-40",
"purple-pastel--contrast": "purple-60",
"red-base--contrast": "red-60",
"red-hover--contrast": "red-70",
"red-press--contrast": "red-80",
"red-dark--contrast": "red-50",
"red-dark-hover--contrast": "red-60",
"red-dark-press--contrast": "red-70",
"red-light--contrast": "red-20",
"red-light-hover--contrast": "red-30",
"red-light-press--contrast": "red-40",
"red-pastel--contrast": "red-60",
"violet-base--contrast": "violet-60",
"violet-hover--contrast": "violet-70",
"violet-press--contrast": "violet-80",
"violet-dark--contrast": "violet-50",
"violet-dark-hover--contrast": "violet-60",
"violet-dark-press--contrast": "violet-70",
"violet-light--contrast": "violet-20",
"violet-light-hover--contrast": "violet-30",
"violet-light-press--contrast": "violet-40",
"violet-pastel--contrast": "violet-60",
"yellow-base--contrast": "yellow-60",
"yellow-hover--contrast": "yellow-70",
"yellow-press--contrast": "yellow-80",
"yellow-dark--contrast": "yellow-50",
"yellow-dark-hover--contrast": "yellow-60",
"yellow-dark-press--contrast": "yellow-70",
"yellow-light--contrast": "yellow-20",
"yellow-light-hover--contrast": "yellow-30",
"yellow-light-press--contrast": "yellow-40",
"yellow-pastel--contrast": "yellow-60",
"gray-1": "gray-90",
"gray-2": "gray-70",
"gray-3": "gray-50",
"gray-4": "gray-40",
"gray-5": "gray-30",
"gray-6": "gray-20",
"gray-7": "gray-10",
"white": "white-100",
"white-92": "white-100",
"white-84": "white-100",
"white-80": "white-100",
"white-60": "white-60",
"white-40": "white-100",
"white-32": "white-100",
"white-24": "white-100",
"white-20": "white-100",
"white-16": "white-100",
"white-12": "white-100",
"white-8": "white-100",
"black": "black-100",
"black-80": "black-100",
"black-60": "black-100",
"black-48": "black-100",
"black-40": "black-100",
"black-24": "black-100",
"black-20": "black-100",
"black-16": "black-100",
"black-12": "black-100",
"black-8": "black-100",
"black-4": "black-100"
}