@codegouvfr/react-dsfr

import type { getColorOptionsHex } from "./getColorOptionsHex"; export declare const colorOptions: { readonly grey: { readonly _1000_50: { readonly default: "var(--grey-1000-50)"; readonly hover: "var(--grey-1000-50-hover)"; readonly active: "var(--grey-1000-50-active)"; }; readonly _975_75: { readonly default: "var(--grey-975-75)"; readonly hover: "var(--grey-975-75-hover)"; readonly active: "var(--grey-975-75-active)"; }; readonly _950_100: { readonly default: "var(--grey-950-100)"; readonly hover: "var(--grey-950-100-hover)"; readonly active: "var(--grey-950-100-active)"; }; readonly _200_850: { readonly default: "var(--grey-200-850)"; readonly hover: "var(--grey-200-850-hover)"; readonly active: "var(--grey-200-850-active)"; }; readonly _925_125: { readonly default: "var(--grey-925-125)"; }; readonly _1000_75: { readonly default: "var(--grey-1000-75)"; readonly hover: "var(--grey-1000-75-hover)"; readonly active: "var(--grey-1000-75-active)"; }; readonly _1000_100: { readonly default: "var(--grey-1000-100)"; readonly hover: "var(--grey-1000-100-hover)"; readonly active: "var(--grey-1000-100-active)"; }; readonly _975_100: { readonly default: "var(--grey-975-100)"; readonly hover: "var(--grey-975-100-hover)"; readonly active: "var(--grey-975-100-active)"; }; readonly _975_125: { readonly default: "var(--grey-975-125)"; readonly hover: "var(--grey-975-125-hover)"; readonly active: "var(--grey-975-125-active)"; }; readonly _950_125: { readonly default: "var(--grey-950-125)"; readonly hover: "var(--grey-950-125-hover)"; readonly active: "var(--grey-950-125-active)"; }; readonly _950_150: { readonly default: "var(--grey-950-150)"; readonly hover: "var(--grey-950-150-hover)"; readonly active: "var(--grey-950-150-active)"; }; readonly _50_1000: { readonly default: "var(--grey-50-1000)"; }; readonly _425_625: { readonly default: "var(--grey-425-625)"; }; readonly _625_425: { readonly default: "var(--grey-625-425)"; }; readonly _0_1000: { readonly default: "var(--grey-0-1000)"; }; readonly _900_175: { readonly default: "var(--grey-900-175)"; }; }; readonly blueFrance: { readonly _975_75: { readonly default: "var(--blue-france-975-75)"; readonly hover: "var(--blue-france-975-75-hover)"; readonly active: "var(--blue-france-975-75-active)"; }; readonly _950_100: { readonly default: "var(--blue-france-950-100)"; readonly hover: "var(--blue-france-950-100-hover)"; readonly active: "var(--blue-france-950-100-active)"; }; readonly sun113_625: { readonly default: "var(--blue-france-sun-113-625)"; readonly hover: "var(--blue-france-sun-113-625-hover)"; readonly active: "var(--blue-france-sun-113-625-active)"; }; readonly _925_125: { readonly default: "var(--blue-france-925-125)"; readonly hover: "var(--blue-france-925-125-hover)"; readonly active: "var(--blue-france-925-125-active)"; }; readonly _975sun113: { readonly default: "var(--blue-france-975-sun-113)"; }; readonly main525: { readonly default: "var(--blue-france-main-525)"; }; readonly _850_200: { readonly default: "var(--blue-france-850-200)"; }; }; readonly redMarianne: { readonly _975_75: { readonly default: "var(--red-marianne-975-75)"; readonly hover: "var(--red-marianne-975-75-hover)"; readonly active: "var(--red-marianne-975-75-active)"; }; readonly _950_100: { readonly default: "var(--red-marianne-950-100)"; readonly hover: "var(--red-marianne-950-100-hover)"; readonly active: "var(--red-marianne-950-100-active)"; }; readonly _425_625: { readonly default: "var(--red-marianne-425-625)"; readonly hover: "var(--red-marianne-425-625-hover)"; readonly active: "var(--red-marianne-425-625-active)"; }; readonly _925_125: { readonly default: "var(--red-marianne-925-125)"; readonly hover: "var(--red-marianne-925-125-hover)"; readonly active: "var(--red-marianne-925-125-active)"; }; readonly main472: { readonly default: "var(--red-marianne-main-472)"; }; readonly _850_200: { readonly default: "var(--red-marianne-850-200)"; }; }; readonly info: { readonly _950_100: { readonly default: "var(--info-950-100)"; readonly hover: "var(--info-950-100-hover)"; readonly active: "var(--info-950-100-active)"; }; readonly _425_625: { readonly default: "var(--info-425-625)"; readonly hover: "var(--info-425-625-hover)"; readonly active: "var(--info-425-625-active)"; }; readonly _975_75: { readonly default: "var(--info-975-75)"; }; }; readonly success: { readonly _950_100: { readonly default: "var(--success-950-100)"; readonly hover: "var(--success-950-100-hover)"; readonly active: "var(--success-950-100-active)"; }; readonly _425_625: { readonly default: "var(--success-425-625)"; readonly hover: "var(--success-425-625-hover)"; readonly active: "var(--success-425-625-active)"; }; readonly _975_75: { readonly default: "var(--success-975-75)"; }; }; readonly warning: { readonly _950_100: { readonly default: "var(--warning-950-100)"; readonly hover: "var(--warning-950-100-hover)"; readonly active: "var(--warning-950-100-active)"; }; readonly _425_625: { readonly default: "var(--warning-425-625)"; readonly hover: "var(--warning-425-625-hover)"; readonly active: "var(--warning-425-625-active)"; }; readonly _975_75: { readonly default: "var(--warning-975-75)"; }; }; readonly error: { readonly _950_100: { readonly default: "var(--error-950-100)"; readonly hover: "var(--error-950-100-hover)"; readonly active: "var(--error-950-100-active)"; }; readonly _425_625: { readonly default: "var(--error-425-625)"; readonly hover: "var(--error-425-625-hover)"; readonly active: "var(--error-425-625-active)"; }; readonly _975_75: { readonly default: "var(--error-975-75)"; }; }; readonly greenTilleulVerveine: { readonly _975_75: { readonly default: "var(--green-tilleul-verveine-975-75)"; readonly hover: "var(--green-tilleul-verveine-975-75-hover)"; readonly active: "var(--green-tilleul-verveine-975-75-active)"; }; readonly _950_100: { readonly default: "var(--green-tilleul-verveine-950-100)"; readonly hover: "var(--green-tilleul-verveine-950-100-hover)"; readonly active: "var(--green-tilleul-verveine-950-100-active)"; }; readonly sun418moon817: { readonly default: "var(--green-tilleul-verveine-sun-418-moon-817)"; readonly hover: "var(--green-tilleul-verveine-sun-418-moon-817-hover)"; readonly active: "var(--green-tilleul-verveine-sun-418-moon-817-active)"; }; readonly _925_125: { readonly default: "var(--green-tilleul-verveine-925-125)"; readonly hover: "var(--green-tilleul-verveine-925-125-hover)"; readonly active: "var(--green-tilleul-verveine-925-125-active)"; }; readonly main707: { readonly default: "var(--green-tilleul-verveine-main-707)"; }; readonly _850_200: { readonly default: "var(--green-tilleul-verveine-850-200)"; }; }; readonly greenBourgeon: { readonly _975_75: { readonly default: "var(--green-bourgeon-975-75)"; readonly hover: "var(--green-bourgeon-975-75-hover)"; readonly active: "var(--green-bourgeon-975-75-active)"; }; readonly _950_100: { readonly default: "var(--green-bourgeon-950-100)"; readonly hover: "var(--green-bourgeon-950-100-hover)"; readonly active: "var(--green-bourgeon-950-100-active)"; }; readonly sun425moon759: { readonly default: "var(--green-bourgeon-sun-425-moon-759)"; readonly hover: "var(--green-bourgeon-sun-425-moon-759-hover)"; readonly active: "var(--green-bourgeon-sun-425-moon-759-active)"; }; readonly _925_125: { readonly default: "var(--green-bourgeon-925-125)"; readonly hover: "var(--green-bourgeon-925-125-hover)"; readonly active: "var(--green-bourgeon-925-125-active)"; }; readonly main640: { readonly default: "var(--green-bourgeon-main-640)"; }; readonly _850_200: { readonly default: "var(--green-bourgeon-850-200)"; }; }; readonly greenEmeraude: { readonly _975_75: { readonly default: "var(--green-emeraude-975-75)"; readonly hover: "var(--green-emeraude-975-75-hover)"; readonly active: "var(--green-emeraude-975-75-active)"; }; readonly _950_100: { readonly default: "var(--green-emeraude-950-100)"; readonly hover: "var(--green-emeraude-950-100-hover)"; readonly active: "var(--green-emeraude-950-100-active)"; }; readonly sun425moon753: { readonly default: "var(--green-emeraude-sun-425-moon-753)"; readonly hover: "var(--green-emeraude-sun-425-moon-753-hover)"; readonly active: "var(--green-emeraude-sun-425-moon-753-active)"; }; readonly _925_125: { readonly default: "var(--green-emeraude-925-125)"; readonly hover: "var(--green-emeraude-925-125-hover)"; readonly active: "var(--green-emeraude-925-125-active)"; }; readonly main632: { readonly default: "var(--green-emeraude-main-632)"; }; readonly _850_200: { readonly default: "var(--green-emeraude-850-200)"; }; }; readonly greenMenthe: { readonly _975_75: { readonly default: "var(--green-menthe-975-75)"; readonly hover: "var(--green-menthe-975-75-hover)"; readonly active: "var(--green-menthe-975-75-active)"; }; readonly _950_100: { readonly default: "var(--green-menthe-950-100)"; readonly hover: "var(--green-menthe-950-100-hover)"; readonly active: "var(--green-menthe-950-100-active)"; }; readonly sun373moon652: { readonly default: "var(--green-menthe-sun-373-moon-652)"; readonly hover: "var(--green-menthe-sun-373-moon-652-hover)"; readonly active: "var(--green-menthe-sun-373-moon-652-active)"; }; readonly _925_125: { readonly default: "var(--green-menthe-925-125)"; readonly hover: "var(--green-menthe-925-125-hover)"; readonly active: "var(--green-menthe-925-125-active)"; }; readonly main548: { readonly default: "var(--green-menthe-main-548)"; }; readonly _850_200: { readonly default: "var(--green-menthe-850-200)"; }; }; readonly greenArchipel: { readonly _975_75: { readonly default: "var(--green-archipel-975-75)"; readonly hover: "var(--green-archipel-975-75-hover)"; readonly active: "var(--green-archipel-975-75-active)"; }; readonly _950_100: { readonly default: "var(--green-archipel-950-100)"; readonly hover: "var(--green-archipel-950-100-hover)"; readonly active: "var(--green-archipel-950-100-active)"; }; readonly sun391moon716: { readonly default: "var(--green-archipel-sun-391-moon-716)"; readonly hover: "var(--green-archipel-sun-391-moon-716-hover)"; readonly active: "var(--green-archipel-sun-391-moon-716-active)"; }; readonly _925_125: { readonly default: "var(--green-archipel-925-125)"; readonly hover: "var(--green-archipel-925-125-hover)"; readonly active: "var(--green-archipel-925-125-active)"; }; readonly main557: { readonly default: "var(--green-archipel-main-557)"; }; readonly _850_200: { readonly default: "var(--green-archipel-850-200)"; }; }; readonly blueEcume: { readonly _975_75: { readonly default: "var(--blue-ecume-975-75)"; readonly hover: "var(--blue-ecume-975-75-hover)"; readonly active: "var(--blue-ecume-975-75-active)"; }; readonly _950_100: { readonly default: "var(--blue-ecume-950-100)"; readonly hover: "var(--blue-ecume-950-100-hover)"; readonly active: "var(--blue-ecume-950-100-active)"; }; readonly sun247moon675: { readonly default: "var(--blue-ecume-sun-247-moon-675)"; readonly hover: "var(--blue-ecume-sun-247-moon-675-hover)"; readonly active: "var(--blue-ecume-sun-247-moon-675-active)"; }; readonly _925_125: { readonly default: "var(--blue-ecume-925-125)"; readonly hover: "var(--blue-ecume-925-125-hover)"; readonly active: "var(--blue-ecume-925-125-active)"; }; readonly main400: { readonly default: "var(--blue-ecume-main-400)"; }; readonly _850_200: { readonly default: "var(--blue-ecume-850-200)"; }; }; readonly blueCumulus: { readonly _975_75: { readonly default: "var(--blue-cumulus-975-75)"; readonly hover: "var(--blue-cumulus-975-75-hover)"; readonly active: "var(--blue-cumulus-975-75-active)"; }; readonly _950_100: { readonly default: "var(--blue-cumulus-950-100)"; readonly hover: "var(--blue-cumulus-950-100-hover)"; readonly active: "var(--blue-cumulus-950-100-active)"; }; readonly sun368moon732: { readonly default: "var(--blue-cumulus-sun-368-moon-732)"; readonly hover: "var(--blue-cumulus-sun-368-moon-732-hover)"; readonly active: "var(--blue-cumulus-sun-368-moon-732-active)"; }; readonly _925_125: { readonly default: "var(--blue-cumulus-925-125)"; readonly hover: "var(--blue-cumulus-925-125-hover)"; readonly active: "var(--blue-cumulus-925-125-active)"; }; readonly main526: { readonly default: "var(--blue-cumulus-main-526)"; }; readonly _850_200: { readonly default: "var(--blue-cumulus-850-200)"; }; }; readonly purpleGlycine: { readonly _975_75: { readonly default: "var(--purple-glycine-975-75)"; readonly hover: "var(--purple-glycine-975-75-hover)"; readonly active: "var(--purple-glycine-975-75-active)"; }; readonly _950_100: { readonly default: "var(--purple-glycine-950-100)"; readonly hover: "var(--purple-glycine-950-100-hover)"; readonly active: "var(--purple-glycine-950-100-active)"; }; readonly sun319moon630: { readonly default: "var(--purple-glycine-sun-319-moon-630)"; readonly hover: "var(--purple-glycine-sun-319-moon-630-hover)"; readonly active: "var(--purple-glycine-sun-319-moon-630-active)"; }; readonly _925_125: { readonly default: "var(--purple-glycine-925-125)"; readonly hover: "var(--purple-glycine-925-125-hover)"; readonly active: "var(--purple-glycine-925-125-active)"; }; readonly main494: { readonly default: "var(--purple-glycine-main-494)"; }; readonly _850_200: { readonly default: "var(--purple-glycine-850-200)"; }; }; readonly pinkMacaron: { readonly _975_75: { readonly default: "var(--pink-macaron-975-75)"; readonly hover: "var(--pink-macaron-975-75-hover)"; readonly active: "var(--pink-macaron-975-75-active)"; }; readonly _950_100: { readonly default: "var(--pink-macaron-950-100)"; readonly hover: "var(--pink-macaron-950-100-hover)"; readonly active: "var(--pink-macaron-950-100-active)"; }; readonly sun406moon833: { readonly default: "var(--pink-macaron-sun-406-moon-833)"; readonly hover: "var(--pink-macaron-sun-406-moon-833-hover)"; readonly active: "var(--pink-macaron-sun-406-moon-833-active)"; }; readonly _925_125: { readonly default: "var(--pink-macaron-925-125)"; readonly hover: "var(--pink-macaron-925-125-hover)"; readonly active: "var(--pink-macaron-925-125-active)"; }; readonly main689: { readonly default: "var(--pink-macaron-main-689)"; }; readonly _850_200: { readonly default: "var(--pink-macaron-850-200)"; }; }; readonly pinkTuile: { readonly _975_75: { readonly default: "var(--pink-tuile-975-75)"; readonly hover: "var(--pink-tuile-975-75-hover)"; readonly active: "var(--pink-tuile-975-75-active)"; }; readonly _950_100: { readonly default: "var(--pink-tuile-950-100)"; readonly hover: "var(--pink-tuile-950-100-hover)"; readonly active: "var(--pink-tuile-950-100-active)"; }; readonly sun425moon750: { readonly default: "var(--pink-tuile-sun-425-moon-750)"; readonly hover: "var(--pink-tuile-sun-425-moon-750-hover)"; readonly active: "var(--pink-tuile-sun-425-moon-750-active)"; }; readonly _925_125: { readonly default: "var(--pink-tuile-925-125)"; readonly hover: "var(--pink-tuile-925-125-hover)"; readonly active: "var(--pink-tuile-925-125-active)"; }; readonly main556: { readonly default: "var(--pink-tuile-main-556)"; }; readonly _850_200: { readonly default: "var(--pink-tuile-850-200)"; }; }; readonly yellowTournesol: { readonly _975_75: { readonly default: "var(--yellow-tournesol-975-75)"; readonly hover: "var(--yellow-tournesol-975-75-hover)"; readonly active: "var(--yellow-tournesol-975-75-active)"; }; readonly _950_100: { readonly default: "var(--yellow-tournesol-950-100)"; readonly hover: "var(--yellow-tournesol-950-100-hover)"; readonly active: "var(--yellow-tournesol-950-100-active)"; }; readonly sun407moon922: { readonly default: "var(--yellow-tournesol-sun-407-moon-922)"; readonly hover: "var(--yellow-tournesol-sun-407-moon-922-hover)"; readonly active: "var(--yellow-tournesol-sun-407-moon-922-active)"; }; readonly _925_125: { readonly default: "var(--yellow-tournesol-925-125)"; readonly hover: "var(--yellow-tournesol-925-125-hover)"; readonly active: "var(--yellow-tournesol-925-125-active)"; }; readonly main731: { readonly default: "var(--yellow-tournesol-main-731)"; }; readonly _850_200: { readonly default: "var(--yellow-tournesol-850-200)"; }; }; readonly yellowMoutarde: { readonly _975_75: { readonly default: "var(--yellow-moutarde-975-75)"; readonly hover: "var(--yellow-moutarde-975-75-hover)"; readonly active: "var(--yellow-moutarde-975-75-active)"; }; readonly _950_100: { readonly default: "var(--yellow-moutarde-950-100)"; readonly hover: "var(--yellow-moutarde-950-100-hover)"; readonly active: "var(--yellow-moutarde-950-100-active)"; }; readonly sun348moon860: { readonly default: "var(--yellow-moutarde-sun-348-moon-860)"; readonly hover: "var(--yellow-moutarde-sun-348-moon-860-hover)"; readonly active: "var(--yellow-moutarde-sun-348-moon-860-active)"; }; readonly _925_125: { readonly default: "var(--yellow-moutarde-925-125)"; readonly hover: "var(--yellow-moutarde-925-125-hover)"; readonly active: "var(--yellow-moutarde-925-125-active)"; }; readonly main679: { readonly default: "var(--yellow-moutarde-main-679)"; }; readonly _850_200: { readonly default: "var(--yellow-moutarde-850-200)"; }; }; readonly orangeTerreBattue: { readonly _975_75: { readonly default: "var(--orange-terre-battue-975-75)"; readonly hover: "var(--orange-terre-battue-975-75-hover)"; readonly active: "var(--orange-terre-battue-975-75-active)"; }; readonly _950_100: { readonly default: "var(--orange-terre-battue-950-100)"; readonly hover: "var(--orange-terre-battue-950-100-hover)"; readonly active: "var(--orange-terre-battue-950-100-active)"; }; readonly sun370moon672: { readonly default: "var(--orange-terre-battue-sun-370-moon-672)"; readonly hover: "var(--orange-terre-battue-sun-370-moon-672-hover)"; readonly active: "var(--orange-terre-battue-sun-370-moon-672-active)"; }; readonly _925_125: { readonly default: "var(--orange-terre-battue-925-125)"; readonly hover: "var(--orange-terre-battue-925-125-hover)"; readonly active: "var(--orange-terre-battue-925-125-active)"; }; readonly main645: { readonly default: "var(--orange-terre-battue-main-645)"; }; readonly _850_200: { readonly default: "var(--orange-terre-battue-850-200)"; }; }; readonly brownCafeCreme: { readonly _975_75: { readonly default: "var(--brown-cafe-creme-975-75)"; readonly hover: "var(--brown-cafe-creme-975-75-hover)"; readonly active: "var(--brown-cafe-creme-975-75-active)"; }; readonly _950_100: { readonly default: "var(--brown-cafe-creme-950-100)"; readonly hover: "var(--brown-cafe-creme-950-100-hover)"; readonly active: "var(--brown-cafe-creme-950-100-active)"; }; readonly sun383moon885: { readonly default: "var(--brown-cafe-creme-sun-383-moon-885)"; readonly hover: "var(--brown-cafe-creme-sun-383-moon-885-hover)"; readonly active: "var(--brown-cafe-creme-sun-383-moon-885-active)"; }; readonly _925_125: { readonly default: "var(--brown-cafe-creme-925-125)"; readonly hover: "var(--brown-cafe-creme-925-125-hover)"; readonly active: "var(--brown-cafe-creme-925-125-active)"; }; readonly main782: { readonly default: "var(--brown-cafe-creme-main-782)"; }; readonly _850_200: { readonly default: "var(--brown-cafe-creme-850-200)"; }; }; readonly brownCaramel: { readonly _975_75: { readonly default: "var(--brown-caramel-975-75)"; readonly hover: "var(--brown-caramel-975-75-hover)"; readonly active: "var(--brown-caramel-975-75-active)"; }; readonly _950_100: { readonly default: "var(--brown-caramel-950-100)"; readonly hover: "var(--brown-caramel-950-100-hover)"; readonly active: "var(--brown-caramel-950-100-active)"; }; readonly sun425moon901: { readonly default: "var(--brown-caramel-sun-425-moon-901)"; readonly hover: "var(--brown-caramel-sun-425-moon-901-hover)"; readonly active: "var(--brown-caramel-sun-425-moon-901-active)"; }; readonly _925_125: { readonly default: "var(--brown-caramel-925-125)"; readonly hover: "var(--brown-caramel-925-125-hover)"; readonly active: "var(--brown-caramel-925-125-active)"; }; readonly main648: { readonly default: "var(--brown-caramel-main-648)"; }; readonly _850_200: { readonly default: "var(--brown-caramel-850-200)"; }; }; readonly brownOpera: { readonly _975_75: { readonly default: "var(--brown-opera-975-75)"; readonly hover: "var(--brown-opera-975-75-hover)"; readonly active: "var(--brown-opera-975-75-active)"; }; readonly _950_100: { readonly default: "var(--brown-opera-950-100)"; readonly hover: "var(--brown-opera-950-100-hover)"; readonly active: "var(--brown-opera-950-100-active)"; }; readonly sun395moon820: { readonly default: "var(--brown-opera-sun-395-moon-820)"; readonly hover: "var(--brown-opera-sun-395-moon-820-hover)"; readonly active: "var(--brown-opera-sun-395-moon-820-active)"; }; readonly _925_125: { readonly default: "var(--brown-opera-925-125)"; readonly hover: "var(--brown-opera-925-125-hover)"; readonly active: "var(--brown-opera-925-125-active)"; }; readonly main680: { readonly default: "var(--brown-opera-main-680)"; }; readonly _850_200: { readonly default: "var(--brown-opera-850-200)"; }; }; readonly beigeGrisGalet: { readonly _975_75: { readonly default: "var(--beige-gris-galet-975-75)"; readonly hover: "var(--beige-gris-galet-975-75-hover)"; readonly active: "var(--beige-gris-galet-975-75-active)"; }; readonly _950_100: { readonly default: "var(--beige-gris-galet-950-100)"; readonly hover: "var(--beige-gris-galet-950-100-hover)"; readonly active: "var(--beige-gris-galet-950-100-active)"; }; readonly sun407moon821: { readonly default: "var(--beige-gris-galet-sun-407-moon-821)"; readonly hover: "var(--beige-gris-galet-sun-407-moon-821-hover)"; readonly active: "var(--beige-gris-galet-sun-407-moon-821-active)"; }; readonly _925_125: { readonly default: "var(--beige-gris-galet-925-125)"; readonly hover: "var(--beige-gris-galet-925-125-hover)"; readonly active: "var(--beige-gris-galet-925-125-active)"; }; readonly main702: { readonly default: "var(--beige-gris-galet-main-702)"; }; readonly _850_200: { readonly default: "var(--beige-gris-galet-850-200)"; }; }; }; export type ColorOptions<Format extends "css var" | "hex" = "css var"> = Format extends "css var" ? typeof colorOptions : ReturnType<typeof getColorOptionsHex>;