@codegouvfr/react-dsfr
Version:
French State Design System React integration library
669 lines • 24.7 kB
JavaScript
// This file is generated automatically by scripts/build/cssToTs/cssToTs.ts, please don't edit.
export const colorOptions = {
"grey": {
"_1000_50": {
"default": "var(--grey-1000-50)",
"hover": "var(--grey-1000-50-hover)",
"active": "var(--grey-1000-50-active)"
},
"_975_75": {
"default": "var(--grey-975-75)",
"hover": "var(--grey-975-75-hover)",
"active": "var(--grey-975-75-active)"
},
"_950_100": {
"default": "var(--grey-950-100)",
"hover": "var(--grey-950-100-hover)",
"active": "var(--grey-950-100-active)"
},
"_200_850": {
"default": "var(--grey-200-850)",
"hover": "var(--grey-200-850-hover)",
"active": "var(--grey-200-850-active)"
},
"_925_125": {
"default": "var(--grey-925-125)"
},
"_1000_75": {
"default": "var(--grey-1000-75)",
"hover": "var(--grey-1000-75-hover)",
"active": "var(--grey-1000-75-active)"
},
"_1000_100": {
"default": "var(--grey-1000-100)",
"hover": "var(--grey-1000-100-hover)",
"active": "var(--grey-1000-100-active)"
},
"_975_100": {
"default": "var(--grey-975-100)",
"hover": "var(--grey-975-100-hover)",
"active": "var(--grey-975-100-active)"
},
"_975_125": {
"default": "var(--grey-975-125)",
"hover": "var(--grey-975-125-hover)",
"active": "var(--grey-975-125-active)"
},
"_950_125": {
"default": "var(--grey-950-125)",
"hover": "var(--grey-950-125-hover)",
"active": "var(--grey-950-125-active)"
},
"_950_150": {
"default": "var(--grey-950-150)",
"hover": "var(--grey-950-150-hover)",
"active": "var(--grey-950-150-active)"
},
"_50_1000": {
"default": "var(--grey-50-1000)"
},
"_425_625": {
"default": "var(--grey-425-625)"
},
"_625_425": {
"default": "var(--grey-625-425)"
},
"_0_1000": {
"default": "var(--grey-0-1000)"
},
"_900_175": {
"default": "var(--grey-900-175)"
}
},
"blueFrance": {
"_975_75": {
"default": "var(--blue-france-975-75)",
"hover": "var(--blue-france-975-75-hover)",
"active": "var(--blue-france-975-75-active)"
},
"_950_100": {
"default": "var(--blue-france-950-100)",
"hover": "var(--blue-france-950-100-hover)",
"active": "var(--blue-france-950-100-active)"
},
"sun113_625": {
"default": "var(--blue-france-sun-113-625)",
"hover": "var(--blue-france-sun-113-625-hover)",
"active": "var(--blue-france-sun-113-625-active)"
},
"_925_125": {
"default": "var(--blue-france-925-125)",
"hover": "var(--blue-france-925-125-hover)",
"active": "var(--blue-france-925-125-active)"
},
"_975sun113": {
"default": "var(--blue-france-975-sun-113)"
},
"main525": {
"default": "var(--blue-france-main-525)"
},
"_850_200": {
"default": "var(--blue-france-850-200)"
}
},
"redMarianne": {
"_975_75": {
"default": "var(--red-marianne-975-75)",
"hover": "var(--red-marianne-975-75-hover)",
"active": "var(--red-marianne-975-75-active)"
},
"_950_100": {
"default": "var(--red-marianne-950-100)",
"hover": "var(--red-marianne-950-100-hover)",
"active": "var(--red-marianne-950-100-active)"
},
"_425_625": {
"default": "var(--red-marianne-425-625)",
"hover": "var(--red-marianne-425-625-hover)",
"active": "var(--red-marianne-425-625-active)"
},
"_925_125": {
"default": "var(--red-marianne-925-125)",
"hover": "var(--red-marianne-925-125-hover)",
"active": "var(--red-marianne-925-125-active)"
},
"main472": {
"default": "var(--red-marianne-main-472)"
},
"_850_200": {
"default": "var(--red-marianne-850-200)"
}
},
"info": {
"_950_100": {
"default": "var(--info-950-100)",
"hover": "var(--info-950-100-hover)",
"active": "var(--info-950-100-active)"
},
"_425_625": {
"default": "var(--info-425-625)",
"hover": "var(--info-425-625-hover)",
"active": "var(--info-425-625-active)"
},
"_975_75": {
"default": "var(--info-975-75)"
}
},
"success": {
"_950_100": {
"default": "var(--success-950-100)",
"hover": "var(--success-950-100-hover)",
"active": "var(--success-950-100-active)"
},
"_425_625": {
"default": "var(--success-425-625)",
"hover": "var(--success-425-625-hover)",
"active": "var(--success-425-625-active)"
},
"_975_75": {
"default": "var(--success-975-75)"
}
},
"warning": {
"_950_100": {
"default": "var(--warning-950-100)",
"hover": "var(--warning-950-100-hover)",
"active": "var(--warning-950-100-active)"
},
"_425_625": {
"default": "var(--warning-425-625)",
"hover": "var(--warning-425-625-hover)",
"active": "var(--warning-425-625-active)"
},
"_975_75": {
"default": "var(--warning-975-75)"
}
},
"error": {
"_950_100": {
"default": "var(--error-950-100)",
"hover": "var(--error-950-100-hover)",
"active": "var(--error-950-100-active)"
},
"_425_625": {
"default": "var(--error-425-625)",
"hover": "var(--error-425-625-hover)",
"active": "var(--error-425-625-active)"
},
"_975_75": {
"default": "var(--error-975-75)"
}
},
"greenTilleulVerveine": {
"_975_75": {
"default": "var(--green-tilleul-verveine-975-75)",
"hover": "var(--green-tilleul-verveine-975-75-hover)",
"active": "var(--green-tilleul-verveine-975-75-active)"
},
"_950_100": {
"default": "var(--green-tilleul-verveine-950-100)",
"hover": "var(--green-tilleul-verveine-950-100-hover)",
"active": "var(--green-tilleul-verveine-950-100-active)"
},
"sun418moon817": {
"default": "var(--green-tilleul-verveine-sun-418-moon-817)",
"hover": "var(--green-tilleul-verveine-sun-418-moon-817-hover)",
"active": "var(--green-tilleul-verveine-sun-418-moon-817-active)"
},
"_925_125": {
"default": "var(--green-tilleul-verveine-925-125)",
"hover": "var(--green-tilleul-verveine-925-125-hover)",
"active": "var(--green-tilleul-verveine-925-125-active)"
},
"main707": {
"default": "var(--green-tilleul-verveine-main-707)"
},
"_850_200": {
"default": "var(--green-tilleul-verveine-850-200)"
}
},
"greenBourgeon": {
"_975_75": {
"default": "var(--green-bourgeon-975-75)",
"hover": "var(--green-bourgeon-975-75-hover)",
"active": "var(--green-bourgeon-975-75-active)"
},
"_950_100": {
"default": "var(--green-bourgeon-950-100)",
"hover": "var(--green-bourgeon-950-100-hover)",
"active": "var(--green-bourgeon-950-100-active)"
},
"sun425moon759": {
"default": "var(--green-bourgeon-sun-425-moon-759)",
"hover": "var(--green-bourgeon-sun-425-moon-759-hover)",
"active": "var(--green-bourgeon-sun-425-moon-759-active)"
},
"_925_125": {
"default": "var(--green-bourgeon-925-125)",
"hover": "var(--green-bourgeon-925-125-hover)",
"active": "var(--green-bourgeon-925-125-active)"
},
"main640": {
"default": "var(--green-bourgeon-main-640)"
},
"_850_200": {
"default": "var(--green-bourgeon-850-200)"
}
},
"greenEmeraude": {
"_975_75": {
"default": "var(--green-emeraude-975-75)",
"hover": "var(--green-emeraude-975-75-hover)",
"active": "var(--green-emeraude-975-75-active)"
},
"_950_100": {
"default": "var(--green-emeraude-950-100)",
"hover": "var(--green-emeraude-950-100-hover)",
"active": "var(--green-emeraude-950-100-active)"
},
"sun425moon753": {
"default": "var(--green-emeraude-sun-425-moon-753)",
"hover": "var(--green-emeraude-sun-425-moon-753-hover)",
"active": "var(--green-emeraude-sun-425-moon-753-active)"
},
"_925_125": {
"default": "var(--green-emeraude-925-125)",
"hover": "var(--green-emeraude-925-125-hover)",
"active": "var(--green-emeraude-925-125-active)"
},
"main632": {
"default": "var(--green-emeraude-main-632)"
},
"_850_200": {
"default": "var(--green-emeraude-850-200)"
}
},
"greenMenthe": {
"_975_75": {
"default": "var(--green-menthe-975-75)",
"hover": "var(--green-menthe-975-75-hover)",
"active": "var(--green-menthe-975-75-active)"
},
"_950_100": {
"default": "var(--green-menthe-950-100)",
"hover": "var(--green-menthe-950-100-hover)",
"active": "var(--green-menthe-950-100-active)"
},
"sun373moon652": {
"default": "var(--green-menthe-sun-373-moon-652)",
"hover": "var(--green-menthe-sun-373-moon-652-hover)",
"active": "var(--green-menthe-sun-373-moon-652-active)"
},
"_925_125": {
"default": "var(--green-menthe-925-125)",
"hover": "var(--green-menthe-925-125-hover)",
"active": "var(--green-menthe-925-125-active)"
},
"main548": {
"default": "var(--green-menthe-main-548)"
},
"_850_200": {
"default": "var(--green-menthe-850-200)"
}
},
"greenArchipel": {
"_975_75": {
"default": "var(--green-archipel-975-75)",
"hover": "var(--green-archipel-975-75-hover)",
"active": "var(--green-archipel-975-75-active)"
},
"_950_100": {
"default": "var(--green-archipel-950-100)",
"hover": "var(--green-archipel-950-100-hover)",
"active": "var(--green-archipel-950-100-active)"
},
"sun391moon716": {
"default": "var(--green-archipel-sun-391-moon-716)",
"hover": "var(--green-archipel-sun-391-moon-716-hover)",
"active": "var(--green-archipel-sun-391-moon-716-active)"
},
"_925_125": {
"default": "var(--green-archipel-925-125)",
"hover": "var(--green-archipel-925-125-hover)",
"active": "var(--green-archipel-925-125-active)"
},
"main557": {
"default": "var(--green-archipel-main-557)"
},
"_850_200": {
"default": "var(--green-archipel-850-200)"
}
},
"blueEcume": {
"_975_75": {
"default": "var(--blue-ecume-975-75)",
"hover": "var(--blue-ecume-975-75-hover)",
"active": "var(--blue-ecume-975-75-active)"
},
"_950_100": {
"default": "var(--blue-ecume-950-100)",
"hover": "var(--blue-ecume-950-100-hover)",
"active": "var(--blue-ecume-950-100-active)"
},
"sun247moon675": {
"default": "var(--blue-ecume-sun-247-moon-675)",
"hover": "var(--blue-ecume-sun-247-moon-675-hover)",
"active": "var(--blue-ecume-sun-247-moon-675-active)"
},
"_925_125": {
"default": "var(--blue-ecume-925-125)",
"hover": "var(--blue-ecume-925-125-hover)",
"active": "var(--blue-ecume-925-125-active)"
},
"main400": {
"default": "var(--blue-ecume-main-400)"
},
"_850_200": {
"default": "var(--blue-ecume-850-200)"
}
},
"blueCumulus": {
"_975_75": {
"default": "var(--blue-cumulus-975-75)",
"hover": "var(--blue-cumulus-975-75-hover)",
"active": "var(--blue-cumulus-975-75-active)"
},
"_950_100": {
"default": "var(--blue-cumulus-950-100)",
"hover": "var(--blue-cumulus-950-100-hover)",
"active": "var(--blue-cumulus-950-100-active)"
},
"sun368moon732": {
"default": "var(--blue-cumulus-sun-368-moon-732)",
"hover": "var(--blue-cumulus-sun-368-moon-732-hover)",
"active": "var(--blue-cumulus-sun-368-moon-732-active)"
},
"_925_125": {
"default": "var(--blue-cumulus-925-125)",
"hover": "var(--blue-cumulus-925-125-hover)",
"active": "var(--blue-cumulus-925-125-active)"
},
"main526": {
"default": "var(--blue-cumulus-main-526)"
},
"_850_200": {
"default": "var(--blue-cumulus-850-200)"
}
},
"purpleGlycine": {
"_975_75": {
"default": "var(--purple-glycine-975-75)",
"hover": "var(--purple-glycine-975-75-hover)",
"active": "var(--purple-glycine-975-75-active)"
},
"_950_100": {
"default": "var(--purple-glycine-950-100)",
"hover": "var(--purple-glycine-950-100-hover)",
"active": "var(--purple-glycine-950-100-active)"
},
"sun319moon630": {
"default": "var(--purple-glycine-sun-319-moon-630)",
"hover": "var(--purple-glycine-sun-319-moon-630-hover)",
"active": "var(--purple-glycine-sun-319-moon-630-active)"
},
"_925_125": {
"default": "var(--purple-glycine-925-125)",
"hover": "var(--purple-glycine-925-125-hover)",
"active": "var(--purple-glycine-925-125-active)"
},
"main494": {
"default": "var(--purple-glycine-main-494)"
},
"_850_200": {
"default": "var(--purple-glycine-850-200)"
}
},
"pinkMacaron": {
"_975_75": {
"default": "var(--pink-macaron-975-75)",
"hover": "var(--pink-macaron-975-75-hover)",
"active": "var(--pink-macaron-975-75-active)"
},
"_950_100": {
"default": "var(--pink-macaron-950-100)",
"hover": "var(--pink-macaron-950-100-hover)",
"active": "var(--pink-macaron-950-100-active)"
},
"sun406moon833": {
"default": "var(--pink-macaron-sun-406-moon-833)",
"hover": "var(--pink-macaron-sun-406-moon-833-hover)",
"active": "var(--pink-macaron-sun-406-moon-833-active)"
},
"_925_125": {
"default": "var(--pink-macaron-925-125)",
"hover": "var(--pink-macaron-925-125-hover)",
"active": "var(--pink-macaron-925-125-active)"
},
"main689": {
"default": "var(--pink-macaron-main-689)"
},
"_850_200": {
"default": "var(--pink-macaron-850-200)"
}
},
"pinkTuile": {
"_975_75": {
"default": "var(--pink-tuile-975-75)",
"hover": "var(--pink-tuile-975-75-hover)",
"active": "var(--pink-tuile-975-75-active)"
},
"_950_100": {
"default": "var(--pink-tuile-950-100)",
"hover": "var(--pink-tuile-950-100-hover)",
"active": "var(--pink-tuile-950-100-active)"
},
"sun425moon750": {
"default": "var(--pink-tuile-sun-425-moon-750)",
"hover": "var(--pink-tuile-sun-425-moon-750-hover)",
"active": "var(--pink-tuile-sun-425-moon-750-active)"
},
"_925_125": {
"default": "var(--pink-tuile-925-125)",
"hover": "var(--pink-tuile-925-125-hover)",
"active": "var(--pink-tuile-925-125-active)"
},
"main556": {
"default": "var(--pink-tuile-main-556)"
},
"_850_200": {
"default": "var(--pink-tuile-850-200)"
}
},
"yellowTournesol": {
"_975_75": {
"default": "var(--yellow-tournesol-975-75)",
"hover": "var(--yellow-tournesol-975-75-hover)",
"active": "var(--yellow-tournesol-975-75-active)"
},
"_950_100": {
"default": "var(--yellow-tournesol-950-100)",
"hover": "var(--yellow-tournesol-950-100-hover)",
"active": "var(--yellow-tournesol-950-100-active)"
},
"sun407moon922": {
"default": "var(--yellow-tournesol-sun-407-moon-922)",
"hover": "var(--yellow-tournesol-sun-407-moon-922-hover)",
"active": "var(--yellow-tournesol-sun-407-moon-922-active)"
},
"_925_125": {
"default": "var(--yellow-tournesol-925-125)",
"hover": "var(--yellow-tournesol-925-125-hover)",
"active": "var(--yellow-tournesol-925-125-active)"
},
"main731": {
"default": "var(--yellow-tournesol-main-731)"
},
"_850_200": {
"default": "var(--yellow-tournesol-850-200)"
}
},
"yellowMoutarde": {
"_975_75": {
"default": "var(--yellow-moutarde-975-75)",
"hover": "var(--yellow-moutarde-975-75-hover)",
"active": "var(--yellow-moutarde-975-75-active)"
},
"_950_100": {
"default": "var(--yellow-moutarde-950-100)",
"hover": "var(--yellow-moutarde-950-100-hover)",
"active": "var(--yellow-moutarde-950-100-active)"
},
"sun348moon860": {
"default": "var(--yellow-moutarde-sun-348-moon-860)",
"hover": "var(--yellow-moutarde-sun-348-moon-860-hover)",
"active": "var(--yellow-moutarde-sun-348-moon-860-active)"
},
"_925_125": {
"default": "var(--yellow-moutarde-925-125)",
"hover": "var(--yellow-moutarde-925-125-hover)",
"active": "var(--yellow-moutarde-925-125-active)"
},
"main679": {
"default": "var(--yellow-moutarde-main-679)"
},
"_850_200": {
"default": "var(--yellow-moutarde-850-200)"
}
},
"orangeTerreBattue": {
"_975_75": {
"default": "var(--orange-terre-battue-975-75)",
"hover": "var(--orange-terre-battue-975-75-hover)",
"active": "var(--orange-terre-battue-975-75-active)"
},
"_950_100": {
"default": "var(--orange-terre-battue-950-100)",
"hover": "var(--orange-terre-battue-950-100-hover)",
"active": "var(--orange-terre-battue-950-100-active)"
},
"sun370moon672": {
"default": "var(--orange-terre-battue-sun-370-moon-672)",
"hover": "var(--orange-terre-battue-sun-370-moon-672-hover)",
"active": "var(--orange-terre-battue-sun-370-moon-672-active)"
},
"_925_125": {
"default": "var(--orange-terre-battue-925-125)",
"hover": "var(--orange-terre-battue-925-125-hover)",
"active": "var(--orange-terre-battue-925-125-active)"
},
"main645": {
"default": "var(--orange-terre-battue-main-645)"
},
"_850_200": {
"default": "var(--orange-terre-battue-850-200)"
}
},
"brownCafeCreme": {
"_975_75": {
"default": "var(--brown-cafe-creme-975-75)",
"hover": "var(--brown-cafe-creme-975-75-hover)",
"active": "var(--brown-cafe-creme-975-75-active)"
},
"_950_100": {
"default": "var(--brown-cafe-creme-950-100)",
"hover": "var(--brown-cafe-creme-950-100-hover)",
"active": "var(--brown-cafe-creme-950-100-active)"
},
"sun383moon885": {
"default": "var(--brown-cafe-creme-sun-383-moon-885)",
"hover": "var(--brown-cafe-creme-sun-383-moon-885-hover)",
"active": "var(--brown-cafe-creme-sun-383-moon-885-active)"
},
"_925_125": {
"default": "var(--brown-cafe-creme-925-125)",
"hover": "var(--brown-cafe-creme-925-125-hover)",
"active": "var(--brown-cafe-creme-925-125-active)"
},
"main782": {
"default": "var(--brown-cafe-creme-main-782)"
},
"_850_200": {
"default": "var(--brown-cafe-creme-850-200)"
}
},
"brownCaramel": {
"_975_75": {
"default": "var(--brown-caramel-975-75)",
"hover": "var(--brown-caramel-975-75-hover)",
"active": "var(--brown-caramel-975-75-active)"
},
"_950_100": {
"default": "var(--brown-caramel-950-100)",
"hover": "var(--brown-caramel-950-100-hover)",
"active": "var(--brown-caramel-950-100-active)"
},
"sun425moon901": {
"default": "var(--brown-caramel-sun-425-moon-901)",
"hover": "var(--brown-caramel-sun-425-moon-901-hover)",
"active": "var(--brown-caramel-sun-425-moon-901-active)"
},
"_925_125": {
"default": "var(--brown-caramel-925-125)",
"hover": "var(--brown-caramel-925-125-hover)",
"active": "var(--brown-caramel-925-125-active)"
},
"main648": {
"default": "var(--brown-caramel-main-648)"
},
"_850_200": {
"default": "var(--brown-caramel-850-200)"
}
},
"brownOpera": {
"_975_75": {
"default": "var(--brown-opera-975-75)",
"hover": "var(--brown-opera-975-75-hover)",
"active": "var(--brown-opera-975-75-active)"
},
"_950_100": {
"default": "var(--brown-opera-950-100)",
"hover": "var(--brown-opera-950-100-hover)",
"active": "var(--brown-opera-950-100-active)"
},
"sun395moon820": {
"default": "var(--brown-opera-sun-395-moon-820)",
"hover": "var(--brown-opera-sun-395-moon-820-hover)",
"active": "var(--brown-opera-sun-395-moon-820-active)"
},
"_925_125": {
"default": "var(--brown-opera-925-125)",
"hover": "var(--brown-opera-925-125-hover)",
"active": "var(--brown-opera-925-125-active)"
},
"main680": {
"default": "var(--brown-opera-main-680)"
},
"_850_200": {
"default": "var(--brown-opera-850-200)"
}
},
"beigeGrisGalet": {
"_975_75": {
"default": "var(--beige-gris-galet-975-75)",
"hover": "var(--beige-gris-galet-975-75-hover)",
"active": "var(--beige-gris-galet-975-75-active)"
},
"_950_100": {
"default": "var(--beige-gris-galet-950-100)",
"hover": "var(--beige-gris-galet-950-100-hover)",
"active": "var(--beige-gris-galet-950-100-active)"
},
"sun407moon821": {
"default": "var(--beige-gris-galet-sun-407-moon-821)",
"hover": "var(--beige-gris-galet-sun-407-moon-821-hover)",
"active": "var(--beige-gris-galet-sun-407-moon-821-active)"
},
"_925_125": {
"default": "var(--beige-gris-galet-925-125)",
"hover": "var(--beige-gris-galet-925-125-hover)",
"active": "var(--beige-gris-galet-925-125-active)"
},
"main702": {
"default": "var(--beige-gris-galet-main-702)"
},
"_850_200": {
"default": "var(--beige-gris-galet-850-200)"
}
}
};
//# sourceMappingURL=colorOptions.js.map