UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

1,045 lines (1,044 loc) 68.2 kB
import type { getColorDecisionsHex } from "./getColorDecisionsHex"; export declare const colorDecisions: { readonly background: { readonly default: { readonly grey: { readonly default: "var(--background-default-grey)"; readonly hover: "var(--background-default-grey-hover)"; readonly active: "var(--background-default-grey-active)"; }; }; readonly alt: { readonly grey: { readonly default: "var(--background-alt-grey)"; readonly hover: "var(--background-alt-grey-hover)"; readonly active: "var(--background-alt-grey-active)"; }; readonly blueFrance: { readonly default: "var(--background-alt-blue-france)"; readonly hover: "var(--background-alt-blue-france-hover)"; readonly active: "var(--background-alt-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-alt-red-marianne)"; readonly hover: "var(--background-alt-red-marianne-hover)"; readonly active: "var(--background-alt-red-marianne-active)"; }; readonly greenTilleulVerveine: { readonly default: "var(--background-alt-green-tilleul-verveine)"; readonly hover: "var(--background-alt-green-tilleul-verveine-hover)"; readonly active: "var(--background-alt-green-tilleul-verveine-active)"; }; readonly greenBourgeon: { readonly default: "var(--background-alt-green-bourgeon)"; readonly hover: "var(--background-alt-green-bourgeon-hover)"; readonly active: "var(--background-alt-green-bourgeon-active)"; }; readonly greenEmeraude: { readonly default: "var(--background-alt-green-emeraude)"; readonly hover: "var(--background-alt-green-emeraude-hover)"; readonly active: "var(--background-alt-green-emeraude-active)"; }; readonly greenMenthe: { readonly default: "var(--background-alt-green-menthe)"; readonly hover: "var(--background-alt-green-menthe-hover)"; readonly active: "var(--background-alt-green-menthe-active)"; }; readonly greenArchipel: { readonly default: "var(--background-alt-green-archipel)"; readonly hover: "var(--background-alt-green-archipel-hover)"; readonly active: "var(--background-alt-green-archipel-active)"; }; readonly blueEcume: { readonly default: "var(--background-alt-blue-ecume)"; readonly hover: "var(--background-alt-blue-ecume-hover)"; readonly active: "var(--background-alt-blue-ecume-active)"; }; readonly blueCumulus: { readonly default: "var(--background-alt-blue-cumulus)"; readonly hover: "var(--background-alt-blue-cumulus-hover)"; readonly active: "var(--background-alt-blue-cumulus-active)"; }; readonly purpleGlycine: { readonly default: "var(--background-alt-purple-glycine)"; readonly hover: "var(--background-alt-purple-glycine-hover)"; readonly active: "var(--background-alt-purple-glycine-active)"; }; readonly pinkMacaron: { readonly default: "var(--background-alt-pink-macaron)"; readonly hover: "var(--background-alt-pink-macaron-hover)"; readonly active: "var(--background-alt-pink-macaron-active)"; }; readonly pinkTuile: { readonly default: "var(--background-alt-pink-tuile)"; readonly hover: "var(--background-alt-pink-tuile-hover)"; readonly active: "var(--background-alt-pink-tuile-active)"; }; readonly yellowTournesol: { readonly default: "var(--background-alt-yellow-tournesol)"; readonly hover: "var(--background-alt-yellow-tournesol-hover)"; readonly active: "var(--background-alt-yellow-tournesol-active)"; }; readonly yellowMoutarde: { readonly default: "var(--background-alt-yellow-moutarde)"; readonly hover: "var(--background-alt-yellow-moutarde-hover)"; readonly active: "var(--background-alt-yellow-moutarde-active)"; }; readonly orangeTerreBattue: { readonly default: "var(--background-alt-orange-terre-battue)"; readonly hover: "var(--background-alt-orange-terre-battue-hover)"; readonly active: "var(--background-alt-orange-terre-battue-active)"; }; readonly brownCafeCreme: { readonly default: "var(--background-alt-brown-cafe-creme)"; readonly hover: "var(--background-alt-brown-cafe-creme-hover)"; readonly active: "var(--background-alt-brown-cafe-creme-active)"; }; readonly brownCaramel: { readonly default: "var(--background-alt-brown-caramel)"; readonly hover: "var(--background-alt-brown-caramel-hover)"; readonly active: "var(--background-alt-brown-caramel-active)"; }; readonly brownOpera: { readonly default: "var(--background-alt-brown-opera)"; readonly hover: "var(--background-alt-brown-opera-hover)"; readonly active: "var(--background-alt-brown-opera-active)"; }; readonly beigeGrisGalet: { readonly default: "var(--background-alt-beige-gris-galet)"; readonly hover: "var(--background-alt-beige-gris-galet-hover)"; readonly active: "var(--background-alt-beige-gris-galet-active)"; }; }; readonly contrast: { readonly grey: { readonly default: "var(--background-contrast-grey)"; readonly hover: "var(--background-contrast-grey-hover)"; readonly active: "var(--background-contrast-grey-active)"; }; readonly blueFrance: { readonly default: "var(--background-contrast-blue-france)"; readonly hover: "var(--background-contrast-blue-france-hover)"; readonly active: "var(--background-contrast-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-contrast-red-marianne)"; readonly hover: "var(--background-contrast-red-marianne-hover)"; readonly active: "var(--background-contrast-red-marianne-active)"; }; readonly greenTilleulVerveine: { readonly default: "var(--background-contrast-green-tilleul-verveine)"; readonly hover: "var(--background-contrast-green-tilleul-verveine-hover)"; readonly active: "var(--background-contrast-green-tilleul-verveine-active)"; }; readonly greenBourgeon: { readonly default: "var(--background-contrast-green-bourgeon)"; readonly hover: "var(--background-contrast-green-bourgeon-hover)"; readonly active: "var(--background-contrast-green-bourgeon-active)"; }; readonly greenEmeraude: { readonly default: "var(--background-contrast-green-emeraude)"; readonly hover: "var(--background-contrast-green-emeraude-hover)"; readonly active: "var(--background-contrast-green-emeraude-active)"; }; readonly greenMenthe: { readonly default: "var(--background-contrast-green-menthe)"; readonly hover: "var(--background-contrast-green-menthe-hover)"; readonly active: "var(--background-contrast-green-menthe-active)"; }; readonly greenArchipel: { readonly default: "var(--background-contrast-green-archipel)"; readonly hover: "var(--background-contrast-green-archipel-hover)"; readonly active: "var(--background-contrast-green-archipel-active)"; }; readonly blueEcume: { readonly default: "var(--background-contrast-blue-ecume)"; readonly hover: "var(--background-contrast-blue-ecume-hover)"; readonly active: "var(--background-contrast-blue-ecume-active)"; }; readonly blueCumulus: { readonly default: "var(--background-contrast-blue-cumulus)"; readonly hover: "var(--background-contrast-blue-cumulus-hover)"; readonly active: "var(--background-contrast-blue-cumulus-active)"; }; readonly purpleGlycine: { readonly default: "var(--background-contrast-purple-glycine)"; readonly hover: "var(--background-contrast-purple-glycine-hover)"; readonly active: "var(--background-contrast-purple-glycine-active)"; }; readonly pinkMacaron: { readonly default: "var(--background-contrast-pink-macaron)"; readonly hover: "var(--background-contrast-pink-macaron-hover)"; readonly active: "var(--background-contrast-pink-macaron-active)"; }; readonly pinkTuile: { readonly default: "var(--background-contrast-pink-tuile)"; readonly hover: "var(--background-contrast-pink-tuile-hover)"; readonly active: "var(--background-contrast-pink-tuile-active)"; }; readonly yellowTournesol: { readonly default: "var(--background-contrast-yellow-tournesol)"; readonly hover: "var(--background-contrast-yellow-tournesol-hover)"; readonly active: "var(--background-contrast-yellow-tournesol-active)"; }; readonly yellowMoutarde: { readonly default: "var(--background-contrast-yellow-moutarde)"; readonly hover: "var(--background-contrast-yellow-moutarde-hover)"; readonly active: "var(--background-contrast-yellow-moutarde-active)"; }; readonly orangeTerreBattue: { readonly default: "var(--background-contrast-orange-terre-battue)"; readonly hover: "var(--background-contrast-orange-terre-battue-hover)"; readonly active: "var(--background-contrast-orange-terre-battue-active)"; }; readonly brownCafeCreme: { readonly default: "var(--background-contrast-brown-cafe-creme)"; readonly hover: "var(--background-contrast-brown-cafe-creme-hover)"; readonly active: "var(--background-contrast-brown-cafe-creme-active)"; }; readonly brownCaramel: { readonly default: "var(--background-contrast-brown-caramel)"; readonly hover: "var(--background-contrast-brown-caramel-hover)"; readonly active: "var(--background-contrast-brown-caramel-active)"; }; readonly brownOpera: { readonly default: "var(--background-contrast-brown-opera)"; readonly hover: "var(--background-contrast-brown-opera-hover)"; readonly active: "var(--background-contrast-brown-opera-active)"; }; readonly beigeGrisGalet: { readonly default: "var(--background-contrast-beige-gris-galet)"; readonly hover: "var(--background-contrast-beige-gris-galet-hover)"; readonly active: "var(--background-contrast-beige-gris-galet-active)"; }; readonly info: { readonly default: "var(--background-contrast-info)"; readonly hover: "var(--background-contrast-info-hover)"; readonly active: "var(--background-contrast-info-active)"; }; readonly success: { readonly default: "var(--background-contrast-success)"; readonly hover: "var(--background-contrast-success-hover)"; readonly active: "var(--background-contrast-success-active)"; }; readonly warning: { readonly default: "var(--background-contrast-warning)"; readonly hover: "var(--background-contrast-warning-hover)"; readonly active: "var(--background-contrast-warning-active)"; }; readonly error: { readonly default: "var(--background-contrast-error)"; readonly hover: "var(--background-contrast-error-hover)"; readonly active: "var(--background-contrast-error-active)"; }; }; readonly flat: { readonly grey: { readonly default: "var(--background-flat-grey)"; }; readonly blueFrance: { readonly default: "var(--background-flat-blue-france)"; }; readonly redMarianne: { readonly default: "var(--background-flat-red-marianne)"; }; readonly greenTilleulVerveine: { readonly default: "var(--background-flat-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--background-flat-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--background-flat-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--background-flat-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--background-flat-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--background-flat-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--background-flat-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--background-flat-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--background-flat-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--background-flat-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--background-flat-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--background-flat-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--background-flat-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--background-flat-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--background-flat-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--background-flat-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--background-flat-beige-gris-galet)"; }; readonly info: { readonly default: "var(--background-flat-info)"; }; readonly success: { readonly default: "var(--background-flat-success)"; }; readonly warning: { readonly default: "var(--background-flat-warning)"; }; readonly error: { readonly default: "var(--background-flat-error)"; }; }; readonly actionHigh: { readonly grey: { readonly default: "var(--background-action-high-grey)"; readonly hover: "var(--background-action-high-grey-hover)"; readonly active: "var(--background-action-high-grey-active)"; }; readonly blueFrance: { readonly default: "var(--background-action-high-blue-france)"; readonly hover: "var(--background-action-high-blue-france-hover)"; readonly active: "var(--background-action-high-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-action-high-red-marianne)"; readonly hover: "var(--background-action-high-red-marianne-hover)"; readonly active: "var(--background-action-high-red-marianne-active)"; }; readonly greenTilleulVerveine: { readonly default: "var(--background-action-high-green-tilleul-verveine)"; readonly hover: "var(--background-action-high-green-tilleul-verveine-hover)"; readonly active: "var(--background-action-high-green-tilleul-verveine-active)"; }; readonly greenBourgeon: { readonly default: "var(--background-action-high-green-bourgeon)"; readonly hover: "var(--background-action-high-green-bourgeon-hover)"; readonly active: "var(--background-action-high-green-bourgeon-active)"; }; readonly greenEmeraude: { readonly default: "var(--background-action-high-green-emeraude)"; readonly hover: "var(--background-action-high-green-emeraude-hover)"; readonly active: "var(--background-action-high-green-emeraude-active)"; }; readonly greenMenthe: { readonly default: "var(--background-action-high-green-menthe)"; readonly hover: "var(--background-action-high-green-menthe-hover)"; readonly active: "var(--background-action-high-green-menthe-active)"; }; readonly greenArchipel: { readonly default: "var(--background-action-high-green-archipel)"; readonly hover: "var(--background-action-high-green-archipel-hover)"; readonly active: "var(--background-action-high-green-archipel-active)"; }; readonly blueEcume: { readonly default: "var(--background-action-high-blue-ecume)"; readonly hover: "var(--background-action-high-blue-ecume-hover)"; readonly active: "var(--background-action-high-blue-ecume-active)"; }; readonly blueCumulus: { readonly default: "var(--background-action-high-blue-cumulus)"; readonly hover: "var(--background-action-high-blue-cumulus-hover)"; readonly active: "var(--background-action-high-blue-cumulus-active)"; }; readonly purpleGlycine: { readonly default: "var(--background-action-high-purple-glycine)"; readonly hover: "var(--background-action-high-purple-glycine-hover)"; readonly active: "var(--background-action-high-purple-glycine-active)"; }; readonly pinkMacaron: { readonly default: "var(--background-action-high-pink-macaron)"; readonly hover: "var(--background-action-high-pink-macaron-hover)"; readonly active: "var(--background-action-high-pink-macaron-active)"; }; readonly pinkTuile: { readonly default: "var(--background-action-high-pink-tuile)"; readonly hover: "var(--background-action-high-pink-tuile-hover)"; readonly active: "var(--background-action-high-pink-tuile-active)"; }; readonly yellowTournesol: { readonly default: "var(--background-action-high-yellow-tournesol)"; readonly hover: "var(--background-action-high-yellow-tournesol-hover)"; readonly active: "var(--background-action-high-yellow-tournesol-active)"; }; readonly yellowMoutarde: { readonly default: "var(--background-action-high-yellow-moutarde)"; readonly hover: "var(--background-action-high-yellow-moutarde-hover)"; readonly active: "var(--background-action-high-yellow-moutarde-active)"; }; readonly orangeTerreBattue: { readonly default: "var(--background-action-high-orange-terre-battue)"; readonly hover: "var(--background-action-high-orange-terre-battue-hover)"; readonly active: "var(--background-action-high-orange-terre-battue-active)"; }; readonly brownCafeCreme: { readonly default: "var(--background-action-high-brown-cafe-creme)"; readonly hover: "var(--background-action-high-brown-cafe-creme-hover)"; readonly active: "var(--background-action-high-brown-cafe-creme-active)"; }; readonly brownCaramel: { readonly default: "var(--background-action-high-brown-caramel)"; readonly hover: "var(--background-action-high-brown-caramel-hover)"; readonly active: "var(--background-action-high-brown-caramel-active)"; }; readonly brownOpera: { readonly default: "var(--background-action-high-brown-opera)"; readonly hover: "var(--background-action-high-brown-opera-hover)"; readonly active: "var(--background-action-high-brown-opera-active)"; }; readonly beigeGrisGalet: { readonly default: "var(--background-action-high-beige-gris-galet)"; readonly hover: "var(--background-action-high-beige-gris-galet-hover)"; readonly active: "var(--background-action-high-beige-gris-galet-active)"; }; readonly info: { readonly default: "var(--background-action-high-info)"; readonly hover: "var(--background-action-high-info-hover)"; readonly active: "var(--background-action-high-info-active)"; }; readonly success: { readonly default: "var(--background-action-high-success)"; readonly hover: "var(--background-action-high-success-hover)"; readonly active: "var(--background-action-high-success-active)"; }; readonly warning: { readonly default: "var(--background-action-high-warning)"; readonly hover: "var(--background-action-high-warning-hover)"; readonly active: "var(--background-action-high-warning-active)"; }; readonly error: { readonly default: "var(--background-action-high-error)"; readonly hover: "var(--background-action-high-error-hover)"; readonly active: "var(--background-action-high-error-active)"; }; }; readonly actionLow: { readonly blueFrance: { readonly default: "var(--background-action-low-blue-france)"; readonly hover: "var(--background-action-low-blue-france-hover)"; readonly active: "var(--background-action-low-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-action-low-red-marianne)"; readonly hover: "var(--background-action-low-red-marianne-hover)"; readonly active: "var(--background-action-low-red-marianne-active)"; }; readonly greenTilleulVerveine: { readonly default: "var(--background-action-low-green-tilleul-verveine)"; readonly hover: "var(--background-action-low-green-tilleul-verveine-hover)"; readonly active: "var(--background-action-low-green-tilleul-verveine-active)"; }; readonly greenBourgeon: { readonly default: "var(--background-action-low-green-bourgeon)"; readonly hover: "var(--background-action-low-green-bourgeon-hover)"; readonly active: "var(--background-action-low-green-bourgeon-active)"; }; readonly greenEmeraude: { readonly default: "var(--background-action-low-green-emeraude)"; readonly hover: "var(--background-action-low-green-emeraude-hover)"; readonly active: "var(--background-action-low-green-emeraude-active)"; }; readonly greenMenthe: { readonly default: "var(--background-action-low-green-menthe)"; readonly hover: "var(--background-action-low-green-menthe-hover)"; readonly active: "var(--background-action-low-green-menthe-active)"; }; readonly greenArchipel: { readonly default: "var(--background-action-low-green-archipel)"; readonly hover: "var(--background-action-low-green-archipel-hover)"; readonly active: "var(--background-action-low-green-archipel-active)"; }; readonly blueEcume: { readonly default: "var(--background-action-low-blue-ecume)"; readonly hover: "var(--background-action-low-blue-ecume-hover)"; readonly active: "var(--background-action-low-blue-ecume-active)"; }; readonly blueCumulus: { readonly default: "var(--background-action-low-blue-cumulus)"; readonly hover: "var(--background-action-low-blue-cumulus-hover)"; readonly active: "var(--background-action-low-blue-cumulus-active)"; }; readonly purpleGlycine: { readonly default: "var(--background-action-low-purple-glycine)"; readonly hover: "var(--background-action-low-purple-glycine-hover)"; readonly active: "var(--background-action-low-purple-glycine-active)"; }; readonly pinkMacaron: { readonly default: "var(--background-action-low-pink-macaron)"; readonly hover: "var(--background-action-low-pink-macaron-hover)"; readonly active: "var(--background-action-low-pink-macaron-active)"; }; readonly pinkTuile: { readonly default: "var(--background-action-low-pink-tuile)"; readonly hover: "var(--background-action-low-pink-tuile-hover)"; readonly active: "var(--background-action-low-pink-tuile-active)"; }; readonly yellowTournesol: { readonly default: "var(--background-action-low-yellow-tournesol)"; readonly hover: "var(--background-action-low-yellow-tournesol-hover)"; readonly active: "var(--background-action-low-yellow-tournesol-active)"; }; readonly yellowMoutarde: { readonly default: "var(--background-action-low-yellow-moutarde)"; readonly hover: "var(--background-action-low-yellow-moutarde-hover)"; readonly active: "var(--background-action-low-yellow-moutarde-active)"; }; readonly orangeTerreBattue: { readonly default: "var(--background-action-low-orange-terre-battue)"; readonly hover: "var(--background-action-low-orange-terre-battue-hover)"; readonly active: "var(--background-action-low-orange-terre-battue-active)"; }; readonly brownCafeCreme: { readonly default: "var(--background-action-low-brown-cafe-creme)"; readonly hover: "var(--background-action-low-brown-cafe-creme-hover)"; readonly active: "var(--background-action-low-brown-cafe-creme-active)"; }; readonly brownCaramel: { readonly default: "var(--background-action-low-brown-caramel)"; readonly hover: "var(--background-action-low-brown-caramel-hover)"; readonly active: "var(--background-action-low-brown-caramel-active)"; }; readonly brownOpera: { readonly default: "var(--background-action-low-brown-opera)"; readonly hover: "var(--background-action-low-brown-opera-hover)"; readonly active: "var(--background-action-low-brown-opera-active)"; }; readonly beigeGrisGalet: { readonly default: "var(--background-action-low-beige-gris-galet)"; readonly hover: "var(--background-action-low-beige-gris-galet-hover)"; readonly active: "var(--background-action-low-beige-gris-galet-active)"; }; }; readonly active: { readonly blueFrance: { readonly default: "var(--background-active-blue-france)"; readonly hover: "var(--background-active-blue-france-hover)"; readonly active: "var(--background-active-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-active-red-marianne)"; readonly hover: "var(--background-active-red-marianne-hover)"; readonly active: "var(--background-active-red-marianne-active)"; }; }; readonly open: { readonly blueFrance: { readonly default: "var(--background-open-blue-france)"; readonly hover: "var(--background-open-blue-france-hover)"; readonly active: "var(--background-open-blue-france-active)"; }; readonly redMarianne: { readonly default: "var(--background-open-red-marianne)"; readonly hover: "var(--background-open-red-marianne-hover)"; readonly active: "var(--background-open-red-marianne-active)"; }; }; readonly disabled: { readonly grey: { readonly default: "var(--background-disabled-grey)"; }; }; readonly raised: { readonly grey: { readonly default: "var(--background-raised-grey)"; readonly hover: "var(--background-raised-grey-hover)"; readonly active: "var(--background-raised-grey-active)"; }; }; readonly overlap: { readonly grey: { readonly default: "var(--background-overlap-grey)"; readonly hover: "var(--background-overlap-grey-hover)"; readonly active: "var(--background-overlap-grey-active)"; }; }; readonly lifted: { readonly grey: { readonly default: "var(--background-lifted-grey)"; readonly hover: "var(--background-lifted-grey-hover)"; readonly active: "var(--background-lifted-grey-active)"; }; }; readonly altRaised: { readonly grey: { readonly default: "var(--background-alt-raised-grey)"; readonly hover: "var(--background-alt-raised-grey-hover)"; readonly active: "var(--background-alt-raised-grey-active)"; }; }; readonly altOverlap: { readonly grey: { readonly default: "var(--background-alt-overlap-grey)"; readonly hover: "var(--background-alt-overlap-grey-hover)"; readonly active: "var(--background-alt-overlap-grey-active)"; }; }; readonly contrastRaised: { readonly grey: { readonly default: "var(--background-contrast-raised-grey)"; readonly hover: "var(--background-contrast-raised-grey-hover)"; readonly active: "var(--background-contrast-raised-grey-active)"; }; }; readonly contrastOverlap: { readonly grey: { readonly default: "var(--background-contrast-overlap-grey)"; readonly hover: "var(--background-contrast-overlap-grey-hover)"; readonly active: "var(--background-contrast-overlap-grey-active)"; }; }; }; readonly text: { readonly default: { readonly grey: { readonly default: "var(--text-default-grey)"; }; readonly info: { readonly default: "var(--text-default-info)"; }; readonly success: { readonly default: "var(--text-default-success)"; }; readonly warning: { readonly default: "var(--text-default-warning)"; }; readonly error: { readonly default: "var(--text-default-error)"; }; }; readonly actionHigh: { readonly grey: { readonly default: "var(--text-action-high-grey)"; }; readonly blueFrance: { readonly default: "var(--text-action-high-blue-france)"; }; readonly redMarianne: { readonly default: "var(--text-action-high-red-marianne)"; }; readonly greenTilleulVerveine: { readonly default: "var(--text-action-high-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--text-action-high-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--text-action-high-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--text-action-high-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--text-action-high-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--text-action-high-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--text-action-high-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--text-action-high-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--text-action-high-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--text-action-high-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--text-action-high-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--text-action-high-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--text-action-high-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--text-action-high-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--text-action-high-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--text-action-high-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--text-action-high-beige-gris-galet)"; }; }; readonly title: { readonly grey: { readonly default: "var(--text-title-grey)"; }; readonly blueFrance: { readonly default: "var(--text-title-blue-france)"; }; readonly redMarianne: { readonly default: "var(--text-title-red-marianne)"; }; }; readonly label: { readonly grey: { readonly default: "var(--text-label-grey)"; }; readonly blueFrance: { readonly default: "var(--text-label-blue-france)"; }; readonly redMarianne: { readonly default: "var(--text-label-red-marianne)"; }; readonly greenTilleulVerveine: { readonly default: "var(--text-label-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--text-label-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--text-label-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--text-label-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--text-label-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--text-label-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--text-label-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--text-label-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--text-label-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--text-label-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--text-label-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--text-label-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--text-label-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--text-label-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--text-label-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--text-label-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--text-label-beige-gris-galet)"; }; }; readonly active: { readonly grey: { readonly default: "var(--text-active-grey)"; }; readonly blueFrance: { readonly default: "var(--text-active-blue-france)"; }; readonly redMarianne: { readonly default: "var(--text-active-red-marianne)"; }; }; readonly mention: { readonly grey: { readonly default: "var(--text-mention-grey)"; }; }; readonly inverted: { readonly grey: { readonly default: "var(--text-inverted-grey)"; }; readonly blueFrance: { readonly default: "var(--text-inverted-blue-france)"; }; readonly redMarianne: { readonly default: "var(--text-inverted-red-marianne)"; }; readonly info: { readonly default: "var(--text-inverted-info)"; }; readonly success: { readonly default: "var(--text-inverted-success)"; }; readonly warning: { readonly default: "var(--text-inverted-warning)"; }; readonly error: { readonly default: "var(--text-inverted-error)"; }; readonly greenTilleulVerveine: { readonly default: "var(--text-inverted-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--text-inverted-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--text-inverted-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--text-inverted-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--text-inverted-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--text-inverted-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--text-inverted-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--text-inverted-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--text-inverted-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--text-inverted-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--text-inverted-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--text-inverted-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--text-inverted-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--text-inverted-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--text-inverted-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--text-inverted-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--text-inverted-beige-gris-galet)"; }; }; readonly disabled: { readonly grey: { readonly default: "var(--text-disabled-grey)"; }; }; readonly blackWhite: { readonly grey: { readonly default: "var(--text-black-white-grey)"; }; }; }; readonly border: { readonly default: { readonly grey: { readonly default: "var(--border-default-grey)"; }; readonly blueFrance: { readonly default: "var(--border-default-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-default-red-marianne)"; }; readonly greenTilleulVerveine: { readonly default: "var(--border-default-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--border-default-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--border-default-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--border-default-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--border-default-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--border-default-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--border-default-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--border-default-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--border-default-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--border-default-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--border-default-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--border-default-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--border-default-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--border-default-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--border-default-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--border-default-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--border-default-beige-gris-galet)"; }; }; readonly contrast: { readonly grey: { readonly default: "var(--border-contrast-grey)"; }; }; readonly active: { readonly blueFrance: { readonly default: "var(--border-active-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-active-red-marianne)"; }; }; readonly actionHigh: { readonly grey: { readonly default: "var(--border-action-high-grey)"; }; readonly blueFrance: { readonly default: "var(--border-action-high-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-action-high-red-marianne)"; }; readonly info: { readonly default: "var(--border-action-high-info)"; }; readonly success: { readonly default: "var(--border-action-high-success)"; }; readonly warning: { readonly default: "var(--border-action-high-warning)"; }; readonly error: { readonly default: "var(--border-action-high-error)"; }; }; readonly actionLow: { readonly blueFrance: { readonly default: "var(--border-action-low-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-action-low-red-marianne)"; }; readonly greenTilleulVerveine: { readonly default: "var(--border-action-low-green-tilleul-verveine)"; }; readonly greenBourgeon: { readonly default: "var(--border-action-low-green-bourgeon)"; }; readonly greenEmeraude: { readonly default: "var(--border-action-low-green-emeraude)"; }; readonly greenMenthe: { readonly default: "var(--border-action-low-green-menthe)"; }; readonly greenArchipel: { readonly default: "var(--border-action-low-green-archipel)"; }; readonly blueEcume: { readonly default: "var(--border-action-low-blue-ecume)"; }; readonly blueCumulus: { readonly default: "var(--border-action-low-blue-cumulus)"; }; readonly purpleGlycine: { readonly default: "var(--border-action-low-purple-glycine)"; }; readonly pinkMacaron: { readonly default: "var(--border-action-low-pink-macaron)"; }; readonly pinkTuile: { readonly default: "var(--border-action-low-pink-tuile)"; }; readonly yellowTournesol: { readonly default: "var(--border-action-low-yellow-tournesol)"; }; readonly yellowMoutarde: { readonly default: "var(--border-action-low-yellow-moutarde)"; }; readonly orangeTerreBattue: { readonly default: "var(--border-action-low-orange-terre-battue)"; }; readonly brownCafeCreme: { readonly default: "var(--border-action-low-brown-cafe-creme)"; }; readonly brownCaramel: { readonly default: "var(--border-action-low-brown-caramel)"; }; readonly brownOpera: { readonly default: "var(--border-action-low-brown-opera)"; }; readonly beigeGrisGalet: { readonly default: "var(--border-action-low-beige-gris-galet)"; }; }; readonly open: { readonly blueFrance: { readonly default: "var(--border-open-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-open-red-marianne)"; }; }; readonly plain: { readonly grey: { readonly default: "var(--border-plain-grey)"; }; readonly blueFrance: { readonly default: "var(--border-plain-blue-france)"; }; readonly redMarianne: { readonly default: "var(--border-plain-red-marianne)"; }; readonly info: { readonly default: "var(--border-plain-info)"; }; readonly success: { readonly default: "var(--border-plain-success)"; }; readonly warning: { readonly default: "var(--border-plain-warning)";