open-props
Version:
<div align="center">
536 lines (535 loc) • 14.9 kB
TypeScript
export const Gray: {
'--gray-0-hsl': string;
'--gray-1-hsl': string;
'--gray-2-hsl': string;
'--gray-3-hsl': string;
'--gray-4-hsl': string;
'--gray-5-hsl': string;
'--gray-6-hsl': string;
'--gray-7-hsl': string;
'--gray-8-hsl': string;
'--gray-9-hsl': string;
'--gray-10-hsl': string;
'--gray-11-hsl': string;
'--gray-12-hsl': string;
};
export const Stone: {
'--stone-0-hsl': string;
'--stone-1-hsl': string;
'--stone-2-hsl': string;
'--stone-3-hsl': string;
'--stone-4-hsl': string;
'--stone-5-hsl': string;
'--stone-6-hsl': string;
'--stone-7-hsl': string;
'--stone-8-hsl': string;
'--stone-9-hsl': string;
'--stone-10-hsl': string;
'--stone-11-hsl': string;
'--stone-12-hsl': string;
};
export const Red: {
'--red-0-hsl': string;
'--red-1-hsl': string;
'--red-2-hsl': string;
'--red-3-hsl': string;
'--red-4-hsl': string;
'--red-5-hsl': string;
'--red-6-hsl': string;
'--red-7-hsl': string;
'--red-8-hsl': string;
'--red-9-hsl': string;
'--red-10-hsl': string;
'--red-11-hsl': string;
'--red-12-hsl': string;
};
export const Pink: {
'--pink-0-hsl': string;
'--pink-1-hsl': string;
'--pink-2-hsl': string;
'--pink-3-hsl': string;
'--pink-4-hsl': string;
'--pink-5-hsl': string;
'--pink-6-hsl': string;
'--pink-7-hsl': string;
'--pink-8-hsl': string;
'--pink-9-hsl': string;
'--pink-10-hsl': string;
'--pink-11-hsl': string;
'--pink-12-hsl': string;
};
export const Purple: {
'--purple-0-hsl': string;
'--purple-1-hsl': string;
'--purple-2-hsl': string;
'--purple-3-hsl': string;
'--purple-4-hsl': string;
'--purple-5-hsl': string;
'--purple-6-hsl': string;
'--purple-7-hsl': string;
'--purple-8-hsl': string;
'--purple-9-hsl': string;
'--purple-10-hsl': string;
'--purple-11-hsl': string;
'--purple-12-hsl': string;
};
export const Violet: {
'--violet-0-hsl': string;
'--violet-1-hsl': string;
'--violet-2-hsl': string;
'--violet-3-hsl': string;
'--violet-4-hsl': string;
'--violet-5-hsl': string;
'--violet-6-hsl': string;
'--violet-7-hsl': string;
'--violet-8-hsl': string;
'--violet-9-hsl': string;
'--violet-10-hsl': string;
'--violet-11-hsl': string;
'--violet-12-hsl': string;
};
export const Indigo: {
'--indigo-0-hsl': string;
'--indigo-1-hsl': string;
'--indigo-2-hsl': string;
'--indigo-3-hsl': string;
'--indigo-4-hsl': string;
'--indigo-5-hsl': string;
'--indigo-6-hsl': string;
'--indigo-7-hsl': string;
'--indigo-8-hsl': string;
'--indigo-9-hsl': string;
'--indigo-10-hsl': string;
'--indigo-11-hsl': string;
'--indigo-12-hsl': string;
};
export const Blue: {
'--blue-0-hsl': string;
'--blue-1-hsl': string;
'--blue-2-hsl': string;
'--blue-3-hsl': string;
'--blue-4-hsl': string;
'--blue-5-hsl': string;
'--blue-6-hsl': string;
'--blue-7-hsl': string;
'--blue-8-hsl': string;
'--blue-9-hsl': string;
'--blue-10-hsl': string;
'--blue-11-hsl': string;
'--blue-12-hsl': string;
};
export const Cyan: {
'--cyan-0-hsl': string;
'--cyan-1-hsl': string;
'--cyan-2-hsl': string;
'--cyan-3-hsl': string;
'--cyan-4-hsl': string;
'--cyan-5-hsl': string;
'--cyan-6-hsl': string;
'--cyan-7-hsl': string;
'--cyan-8-hsl': string;
'--cyan-9-hsl': string;
'--cyan-10-hsl': string;
'--cyan-11-hsl': string;
'--cyan-12-hsl': string;
};
export const Teal: {
'--teal-0-hsl': string;
'--teal-1-hsl': string;
'--teal-2-hsl': string;
'--teal-3-hsl': string;
'--teal-4-hsl': string;
'--teal-5-hsl': string;
'--teal-6-hsl': string;
'--teal-7-hsl': string;
'--teal-8-hsl': string;
'--teal-9-hsl': string;
'--teal-10-hsl': string;
'--teal-11-hsl': string;
'--teal-12-hsl': string;
};
export const Green: {
'--green-0-hsl': string;
'--green-1-hsl': string;
'--green-2-hsl': string;
'--green-3-hsl': string;
'--green-4-hsl': string;
'--green-5-hsl': string;
'--green-6-hsl': string;
'--green-7-hsl': string;
'--green-8-hsl': string;
'--green-9-hsl': string;
'--green-10-hsl': string;
'--green-11-hsl': string;
'--green-12-hsl': string;
};
export const Lime: {
'--lime-0-hsl': string;
'--lime-1-hsl': string;
'--lime-2-hsl': string;
'--lime-3-hsl': string;
'--lime-4-hsl': string;
'--lime-5-hsl': string;
'--lime-6-hsl': string;
'--lime-7-hsl': string;
'--lime-8-hsl': string;
'--lime-9-hsl': string;
'--lime-10-hsl': string;
'--lime-11-hsl': string;
'--lime-12-hsl': string;
};
export const Yellow: {
'--yellow-0-hsl': string;
'--yellow-1-hsl': string;
'--yellow-2-hsl': string;
'--yellow-3-hsl': string;
'--yellow-4-hsl': string;
'--yellow-5-hsl': string;
'--yellow-6-hsl': string;
'--yellow-7-hsl': string;
'--yellow-8-hsl': string;
'--yellow-9-hsl': string;
'--yellow-10-hsl': string;
'--yellow-11-hsl': string;
'--yellow-12-hsl': string;
};
export const Orange: {
'--orange-0-hsl': string;
'--orange-1-hsl': string;
'--orange-2-hsl': string;
'--orange-3-hsl': string;
'--orange-4-hsl': string;
'--orange-5-hsl': string;
'--orange-6-hsl': string;
'--orange-7-hsl': string;
'--orange-8-hsl': string;
'--orange-9-hsl': string;
'--orange-10-hsl': string;
'--orange-11-hsl': string;
'--orange-12-hsl': string;
};
export const Choco: {
'--choco-0-hsl': string;
'--choco-1-hsl': string;
'--choco-2-hsl': string;
'--choco-3-hsl': string;
'--choco-4-hsl': string;
'--choco-5-hsl': string;
'--choco-6-hsl': string;
'--choco-7-hsl': string;
'--choco-8-hsl': string;
'--choco-9-hsl': string;
'--choco-10-hsl': string;
'--choco-11-hsl': string;
'--choco-12-hsl': string;
};
export const Brown: {
'--brown-0-hsl': string;
'--brown-1-hsl': string;
'--brown-2-hsl': string;
'--brown-3-hsl': string;
'--brown-4-hsl': string;
'--brown-5-hsl': string;
'--brown-6-hsl': string;
'--brown-7-hsl': string;
'--brown-8-hsl': string;
'--brown-9-hsl': string;
'--brown-10-hsl': string;
'--brown-11-hsl': string;
'--brown-12-hsl': string;
};
export const Sand: {
'--sand-0-hsl': string;
'--sand-1-hsl': string;
'--sand-2-hsl': string;
'--sand-3-hsl': string;
'--sand-4-hsl': string;
'--sand-5-hsl': string;
'--sand-6-hsl': string;
'--sand-7-hsl': string;
'--sand-8-hsl': string;
'--sand-9-hsl': string;
'--sand-10-hsl': string;
'--sand-11-hsl': string;
'--sand-12-hsl': string;
};
export const Camo: {
'--camo-0-hsl': string;
'--camo-1-hsl': string;
'--camo-2-hsl': string;
'--camo-3-hsl': string;
'--camo-4-hsl': string;
'--camo-5-hsl': string;
'--camo-6-hsl': string;
'--camo-7-hsl': string;
'--camo-8-hsl': string;
'--camo-9-hsl': string;
'--camo-10-hsl': string;
'--camo-11-hsl': string;
'--camo-12-hsl': string;
};
export const Jungle: {
'--jungle-0-hsl': string;
'--jungle-1-hsl': string;
'--jungle-2-hsl': string;
'--jungle-3-hsl': string;
'--jungle-4-hsl': string;
'--jungle-5-hsl': string;
'--jungle-6-hsl': string;
'--jungle-7-hsl': string;
'--jungle-8-hsl': string;
'--jungle-9-hsl': string;
'--jungle-10-hsl': string;
'--jungle-11-hsl': string;
'--jungle-12-hsl': string;
};
export default ColorsHSL;
declare const ColorsHSL: {
'--jungle-0-hsl': string;
'--jungle-1-hsl': string;
'--jungle-2-hsl': string;
'--jungle-3-hsl': string;
'--jungle-4-hsl': string;
'--jungle-5-hsl': string;
'--jungle-6-hsl': string;
'--jungle-7-hsl': string;
'--jungle-8-hsl': string;
'--jungle-9-hsl': string;
'--jungle-10-hsl': string;
'--jungle-11-hsl': string;
'--jungle-12-hsl': string;
'--camo-0-hsl': string;
'--camo-1-hsl': string;
'--camo-2-hsl': string;
'--camo-3-hsl': string;
'--camo-4-hsl': string;
'--camo-5-hsl': string;
'--camo-6-hsl': string;
'--camo-7-hsl': string;
'--camo-8-hsl': string;
'--camo-9-hsl': string;
'--camo-10-hsl': string;
'--camo-11-hsl': string;
'--camo-12-hsl': string;
'--sand-0-hsl': string;
'--sand-1-hsl': string;
'--sand-2-hsl': string;
'--sand-3-hsl': string;
'--sand-4-hsl': string;
'--sand-5-hsl': string;
'--sand-6-hsl': string;
'--sand-7-hsl': string;
'--sand-8-hsl': string;
'--sand-9-hsl': string;
'--sand-10-hsl': string;
'--sand-11-hsl': string;
'--sand-12-hsl': string;
'--brown-0-hsl': string;
'--brown-1-hsl': string;
'--brown-2-hsl': string;
'--brown-3-hsl': string;
'--brown-4-hsl': string;
'--brown-5-hsl': string;
'--brown-6-hsl': string;
'--brown-7-hsl': string;
'--brown-8-hsl': string;
'--brown-9-hsl': string;
'--brown-10-hsl': string;
'--brown-11-hsl': string;
'--brown-12-hsl': string;
'--choco-0-hsl': string;
'--choco-1-hsl': string;
'--choco-2-hsl': string;
'--choco-3-hsl': string;
'--choco-4-hsl': string;
'--choco-5-hsl': string;
'--choco-6-hsl': string;
'--choco-7-hsl': string;
'--choco-8-hsl': string;
'--choco-9-hsl': string;
'--choco-10-hsl': string;
'--choco-11-hsl': string;
'--choco-12-hsl': string;
'--orange-0-hsl': string;
'--orange-1-hsl': string;
'--orange-2-hsl': string;
'--orange-3-hsl': string;
'--orange-4-hsl': string;
'--orange-5-hsl': string;
'--orange-6-hsl': string;
'--orange-7-hsl': string;
'--orange-8-hsl': string;
'--orange-9-hsl': string;
'--orange-10-hsl': string;
'--orange-11-hsl': string;
'--orange-12-hsl': string;
'--yellow-0-hsl': string;
'--yellow-1-hsl': string;
'--yellow-2-hsl': string;
'--yellow-3-hsl': string;
'--yellow-4-hsl': string;
'--yellow-5-hsl': string;
'--yellow-6-hsl': string;
'--yellow-7-hsl': string;
'--yellow-8-hsl': string;
'--yellow-9-hsl': string;
'--yellow-10-hsl': string;
'--yellow-11-hsl': string;
'--yellow-12-hsl': string;
'--lime-0-hsl': string;
'--lime-1-hsl': string;
'--lime-2-hsl': string;
'--lime-3-hsl': string;
'--lime-4-hsl': string;
'--lime-5-hsl': string;
'--lime-6-hsl': string;
'--lime-7-hsl': string;
'--lime-8-hsl': string;
'--lime-9-hsl': string;
'--lime-10-hsl': string;
'--lime-11-hsl': string;
'--lime-12-hsl': string;
'--green-0-hsl': string;
'--green-1-hsl': string;
'--green-2-hsl': string;
'--green-3-hsl': string;
'--green-4-hsl': string;
'--green-5-hsl': string;
'--green-6-hsl': string;
'--green-7-hsl': string;
'--green-8-hsl': string;
'--green-9-hsl': string;
'--green-10-hsl': string;
'--green-11-hsl': string;
'--green-12-hsl': string;
'--teal-0-hsl': string;
'--teal-1-hsl': string;
'--teal-2-hsl': string;
'--teal-3-hsl': string;
'--teal-4-hsl': string;
'--teal-5-hsl': string;
'--teal-6-hsl': string;
'--teal-7-hsl': string;
'--teal-8-hsl': string;
'--teal-9-hsl': string;
'--teal-10-hsl': string;
'--teal-11-hsl': string;
'--teal-12-hsl': string;
'--cyan-0-hsl': string;
'--cyan-1-hsl': string;
'--cyan-2-hsl': string;
'--cyan-3-hsl': string;
'--cyan-4-hsl': string;
'--cyan-5-hsl': string;
'--cyan-6-hsl': string;
'--cyan-7-hsl': string;
'--cyan-8-hsl': string;
'--cyan-9-hsl': string;
'--cyan-10-hsl': string;
'--cyan-11-hsl': string;
'--cyan-12-hsl': string;
'--blue-0-hsl': string;
'--blue-1-hsl': string;
'--blue-2-hsl': string;
'--blue-3-hsl': string;
'--blue-4-hsl': string;
'--blue-5-hsl': string;
'--blue-6-hsl': string;
'--blue-7-hsl': string;
'--blue-8-hsl': string;
'--blue-9-hsl': string;
'--blue-10-hsl': string;
'--blue-11-hsl': string;
'--blue-12-hsl': string;
'--indigo-0-hsl': string;
'--indigo-1-hsl': string;
'--indigo-2-hsl': string;
'--indigo-3-hsl': string;
'--indigo-4-hsl': string;
'--indigo-5-hsl': string;
'--indigo-6-hsl': string;
'--indigo-7-hsl': string;
'--indigo-8-hsl': string;
'--indigo-9-hsl': string;
'--indigo-10-hsl': string;
'--indigo-11-hsl': string;
'--indigo-12-hsl': string;
'--violet-0-hsl': string;
'--violet-1-hsl': string;
'--violet-2-hsl': string;
'--violet-3-hsl': string;
'--violet-4-hsl': string;
'--violet-5-hsl': string;
'--violet-6-hsl': string;
'--violet-7-hsl': string;
'--violet-8-hsl': string;
'--violet-9-hsl': string;
'--violet-10-hsl': string;
'--violet-11-hsl': string;
'--violet-12-hsl': string;
'--purple-0-hsl': string;
'--purple-1-hsl': string;
'--purple-2-hsl': string;
'--purple-3-hsl': string;
'--purple-4-hsl': string;
'--purple-5-hsl': string;
'--purple-6-hsl': string;
'--purple-7-hsl': string;
'--purple-8-hsl': string;
'--purple-9-hsl': string;
'--purple-10-hsl': string;
'--purple-11-hsl': string;
'--purple-12-hsl': string;
'--pink-0-hsl': string;
'--pink-1-hsl': string;
'--pink-2-hsl': string;
'--pink-3-hsl': string;
'--pink-4-hsl': string;
'--pink-5-hsl': string;
'--pink-6-hsl': string;
'--pink-7-hsl': string;
'--pink-8-hsl': string;
'--pink-9-hsl': string;
'--pink-10-hsl': string;
'--pink-11-hsl': string;
'--pink-12-hsl': string;
'--red-0-hsl': string;
'--red-1-hsl': string;
'--red-2-hsl': string;
'--red-3-hsl': string;
'--red-4-hsl': string;
'--red-5-hsl': string;
'--red-6-hsl': string;
'--red-7-hsl': string;
'--red-8-hsl': string;
'--red-9-hsl': string;
'--red-10-hsl': string;
'--red-11-hsl': string;
'--red-12-hsl': string;
'--stone-0-hsl': string;
'--stone-1-hsl': string;
'--stone-2-hsl': string;
'--stone-3-hsl': string;
'--stone-4-hsl': string;
'--stone-5-hsl': string;
'--stone-6-hsl': string;
'--stone-7-hsl': string;
'--stone-8-hsl': string;
'--stone-9-hsl': string;
'--stone-10-hsl': string;
'--stone-11-hsl': string;
'--stone-12-hsl': string;
'--gray-0-hsl': string;
'--gray-1-hsl': string;
'--gray-2-hsl': string;
'--gray-3-hsl': string;
'--gray-4-hsl': string;
'--gray-5-hsl': string;
'--gray-6-hsl': string;
'--gray-7-hsl': string;
'--gray-8-hsl': string;
'--gray-9-hsl': string;
'--gray-10-hsl': string;
'--gray-11-hsl': string;
'--gray-12-hsl': string;
};