@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1,045 lines (1,044 loc) • 68.2 kB
TypeScript
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)";