@alveole/theme 1.9.0 → 2.0.0-alpha

package/dist/default.css

@@ -1,6 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap');
-
-body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&display=swap');
 
 :root {
   --color-VertPrairie-50: #F3FDE7;
@@ -18,17 +16,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --color-VertPrairie-main-646: #60BB46;
   --color-VertPrairie-sun-475: #3E7F2E;
   --color-VertPrairie-sun-475-hover: #28571D;
-  --color-Mandarine-50: #FEF9EE;
-  --color-Mandarine-100: #FDF2D7;
-  --color-Mandarine-200: #FBE0AD;
-  --color-Mandarine-300: #F8C979;
-  --color-Mandarine-400: #F4A843;
-  --color-Mandarine-500: #F19023;
-  --color-Mandarine-600: #E27414;
-  --color-Mandarine-700: #BB5813;
-  --color-Mandarine-800: #954517;
-  --color-Mandarine-900: #783B16;
-  --color-Mandarine-950: #411C09;
   --color-Lilas-50: #F6F5FD;
   --color-Lilas-100: #EFECFB;
   --color-Lilas-200: #E0DCF8;
@@ -40,17 +27,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --color-Lilas-800: #5D36A1;
   --color-Lilas-900: #4E2E84;
   --color-Lilas-950: #301C59;
-  --color-Shakespeare-50: #EEFBFD;
-  --color-Shakespeare-100: #D3F3FA;
-  --color-Shakespeare-200: #ADE6F4;
-  --color-Shakespeare-300: #75D3EB;
-  --color-Shakespeare-400: #31B5DA;
-  --color-Shakespeare-500: #1999C1;
-  --color-Shakespeare-600: #187BA2;
-  --color-Shakespeare-700: #1A6484;
-  --color-Shakespeare-800: #1E526C;
-  --color-Shakespeare-900: #1D465C;
-  --color-Shakespeare-950: #0E2D3E;
   --color-Cerise-50: #FDF2F8;
   --color-Cerise-100: #FCE7F3;
   --color-Cerise-200: #FBCFE8;
@@ -62,17 +38,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --color-Cerise-800: #9E164E;
   --color-Cerise-900: #841744;
   --color-Cerise-950: #510624;
-  --color-Pacifika-50: #FFFDE4;
-  --color-Pacifika-100: #FFFDC5;
-  --color-Pacifika-200: #FFFF92;
-  --color-Pacifika-300: #F9FF53;
-  --color-Pacifika-400: #EEFB20;
-  --color-Pacifika-500: #D1E200;
-  --color-Pacifika-600: #A2B500;
-  --color-Pacifika-700: #738102;
-  --color-Pacifika-800: #5F6B09;
-  --color-Pacifika-900: #505A0D;
-  --color-Pacifika-950: #2A3300;
   --color-GoldenFizz-50: #FFFEE5;
   --color-GoldenFizz-100: #FEFFC7;
   --color-GoldenFizz-200: #FCFF95;
@@ -95,50 +60,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --color-GrisPolaire-800: #4B5282;
   --color-GrisPolaire-900: #404668;
   --color-GrisPolaire-950: #2A2D41;
-  --color-ButteryWhite-50: #FFFBEA;
-  --color-ButteryWhite-100: #FEF4C7;
-  --color-ButteryWhite-200: #FDE78A;
-  --color-ButteryWhite-300: #FCD54D;
-  --color-ButteryWhite-400: #FBC124;
-  --color-ButteryWhite-500: #F5A00B;
-  --color-ButteryWhite-600: #D97906;
-  --color-ButteryWhite-700: #B45509;
-  --color-ButteryWhite-800: #92410E;
-  --color-ButteryWhite-900: #78360F;
-  --color-ButteryWhite-950: #451B03;
-  --color-CoralRed-50: #FEF2F2;
-  --color-CoralRed-100: #FEE2E2;
-  --color-CoralRed-200: #FECACA;
-  --color-CoralRed-300: #FCA5A5;
-  --color-CoralRed-400: #F77272;
-  --color-CoralRed-500: #EF4E4E;
-  --color-CoralRed-600: #DB2727;
-  --color-CoralRed-700: #B81D1D;
-  --color-CoralRed-800: #981C1C;
-  --color-CoralRed-900: #7F1D1D;
-  --color-CoralRed-950: #450A0A;
-  --color-Lochmara-50: #F1F8FE;
-  --color-Lochmara-100: #E2F1FC;
-  --color-Lochmara-200: #BFE2F8;
-  --color-Lochmara-300: #87CCF2;
-  --color-Lochmara-400: #47B0E9;
-  --color-Lochmara-500: #1F97D8;
-  --color-Lochmara-600: #1177B6;
-  --color-Lochmara-700: #0F5F95;
-  --color-Lochmara-800: #11527B;
-  --color-Lochmara-900: #144566;
-  --color-Lochmara-950: #0D2C44;
-  --color-BigStone-50: #F2F8FD;
-  --color-BigStone-100: #E4EFFA;
-  --color-BigStone-200: #C2DFF5;
-  --color-BigStone-300: #8CC5ED;
-  --color-BigStone-400: #4EA7E2;
-  --color-BigStone-500: #288CCF;
-  --color-BigStone-600: #196FB0;
-  --color-BigStone-700: #16598E;
-  --color-BigStone-800: #164C76;
-  --color-BigStone-900: #174063;
-  --color-BigStone-950: #102A43;
   --color-PinkVivid-50: #FFF5F8;
   --color-PinkVivid-100: #FFB8D2;
   --color-PinkVivid-200: #FF8CBA;
@@ -149,27 +70,6 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --color-PinkVivid-700: #A30664;
   --color-PinkVivid-800: #870557;
   --color-PinkVivid-900: #620042;
-  --color-LimeGreen-50: #F6FCE9;
-  --color-LimeGreen-100: #EAF7D0;
-  --color-LimeGreen-200: #D7F0A6;
-  --color-LimeGreen-300: #BBE472;
-  --color-LimeGreen-400: #A1D447;
-  --color-LimeGreen-500: #7BB026;
-  --color-LimeGreen-600: #7BB026;
-  --color-LimeGreen-700: #4D711A;
-  --color-LimeGreen-800: #3F5A1A;
-  --color-LimeGreen-900: #374D1A;
-  --color-LimeGreen-950: #1A2A09;
-  --color-Purple-50: #EAE2F8;
-  --color-Purple-100: #CFBCF2;
-  --color-Purple-200: #A081D9;
-  --color-Purple-300: #8662C7;
-  --color-Purple-400: #724BB7;
-  --color-Purple-500: #653CAD;
-  --color-Purple-600: #51279B;
-  --color-Purple-700: #421987;
-  --color-Purple-800: #34126F;
-  --color-Purple-900: #240754;
   --color-Focus-525: #0A76F6;
   --color-OrangeWarning-425: #BC4401;
   --color-OrangeWarning-625: #F96B24;
@@ -389,137 +289,129 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --elevation-raised: 0 2px 6px 0 rgba(1, 43, 83, 0.16);
   --elevation-overlap: 0 4px 12px 0 rgba(1, 43, 83, 0.16);
   --elevation-lifted: 0 6px 18px 0 rgba(1, 43, 83, 0.16);
-  --font-Barlow-Light-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Barlow-Light-weight: 300;
-  --font-Barlow-Regular-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Barlow-Regular-weight: 400;
-  --font-Barlow-Medium-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Barlow-Medium-weight: 500;
-  --font-Barlow-Bold-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Barlow-Bold-weight: 600;
-  --font-Inter-Light-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Inter-Light-weight: 300;
-  --font-Inter-Regular-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Inter-Regular-weight: 400;
-  --font-Inter-Medium-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Inter-Medium-weight: 500;
-  --font-Inter-Bold-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
-  --font-Inter-Bold-weight: 600;
-  --typography-titres-alternatifs-xs-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-alternatifs-xs-font-weight: var(--font-Barlow-Bold-weight);
+  --font-Geist-Light-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Geist-Light-weight: 300;
+  --font-Geist-Regular-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Geist-Regular-weight: 400;
+  --font-Geist-Medium-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Geist-Medium-weight: 500;
+  --font-Geist-Bold-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Geist-Bold-weight: 600;
+  --typography-titres-alternatifs-xs-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-alternatifs-xs-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-alternatifs-xs-font-size: 48px;
   --typography-titres-alternatifs-xs-line-height: 56px;
-  --typography-titres-alternatifs-sm-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-alternatifs-sm-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-sm-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-alternatifs-sm-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-alternatifs-sm-font-size: 56px;
   --typography-titres-alternatifs-sm-line-height: 64px;
-  --typography-titres-alternatifs-md-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-alternatifs-md-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-md-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-alternatifs-md-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-alternatifs-md-font-size: 64px;
   --typography-titres-alternatifs-md-line-height: 72px;
-  --typography-titres-alternatifs-lg-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-alternatifs-lg-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-lg-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-alternatifs-lg-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-alternatifs-lg-font-size: 72px;
   --typography-titres-alternatifs-lg-line-height: 80px;
-  --typography-titres-alternatifs-xl-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-alternatifs-xl-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-xl-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-alternatifs-xl-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-alternatifs-xl-font-size: 80px;
   --typography-titres-alternatifs-xl-line-height: 88px;
-  --typography-titres-h6-xxs-font-family: var(--font-Inter-Bold-family);
-  --typography-titres-h6-xxs-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h6-xxs-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h6-xxs-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h6-xxs-font-size: 20px;
   --typography-titres-h6-xxs-line-height: 28px;
-  --typography-titres-h5-xs-font-family: var(--font-Inter-Bold-family);
-  --typography-titres-h5-xs-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h5-xs-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h5-xs-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h5-xs-font-size: 22px;
   --typography-titres-h5-xs-line-height: 28px;
-  --typography-titres-h4-sm-font-family: var(--font-Inter-Bold-family);
-  --typography-titres-h4-sm-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h4-sm-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h4-sm-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h4-sm-font-size: 24px;
   --typography-titres-h4-sm-line-height: 32px;
-  --typography-titres-h3-md-font-family: var(--font-Inter-Bold-family);
-  --typography-titres-h3-md-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h3-md-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h3-md-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h3-md-font-size: 28px;
   --typography-titres-h3-md-line-height: 36px;
-  --typography-titres-h2-lg-font-family: var(--font-Inter-Bold-family);
-  --typography-titres-h2-lg-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h2-lg-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h2-lg-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h2-lg-font-size: 32px;
   --typography-titres-h2-lg-line-height: 36px;
-  --typography-titres-h1-xl-font-family: var(--font-Barlow-Bold-family);
-  --typography-titres-h1-xl-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-h1-xl-font-family: var(--font-Geist-Bold-family);
+  --typography-titres-h1-xl-font-weight: var(--font-Geist-Bold-weight);
   --typography-titres-h1-xl-font-size: 40px;
   --typography-titres-h1-xl-line-height: 48px;
-  --typography-corps-de-texte-xs-regular-font-family: var(--font-Inter-Regular-family);
-  --typography-corps-de-texte-xs-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-xs-regular-font-family: var(--font-Geist-Regular-family);
+  --typography-corps-de-texte-xs-regular-font-weight: var(--font-Geist-Regular-weight);
   --typography-corps-de-texte-xs-regular-font-size: 12px;
   --typography-corps-de-texte-xs-regular-line-height: 20px;
-  --typography-corps-de-texte-xs-bold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-xs-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-bold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-xs-bold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-xs-bold-font-size: 12px;
   --typography-corps-de-texte-xs-bold-line-height: 20px;
-  --typography-corps-de-texte-xs-caps-font-family: var(--font-Inter-Regular-family);
-  --typography-corps-de-texte-xs-caps-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-xs-caps-font-family: var(--font-Geist-Regular-family);
+  --typography-corps-de-texte-xs-caps-font-weight: var(--font-Geist-Regular-weight);
   --typography-corps-de-texte-xs-caps-font-size: 12px;
   --typography-corps-de-texte-xs-caps-line-height: 20px;
   --typography-corps-de-texte-xs-caps-text-transform: uppercase;
-  --typography-corps-de-texte-xs-capsbold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-xs-capsbold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-capsbold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-xs-capsbold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-xs-capsbold-font-size: 12px;
   --typography-corps-de-texte-xs-capsbold-line-height: 20px;
   --typography-corps-de-texte-xs-capsbold-text-transform: uppercase;
-  --typography-corps-de-texte-xs-semibold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-xs-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-semibold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-xs-semibold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-xs-semibold-font-size: 12px;
   --typography-corps-de-texte-xs-semibold-line-height: 20px;
-  --typography-corps-de-texte-sm-regular-font-family: var(--font-Inter-Regular-family);
-  --typography-corps-de-texte-sm-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-sm-regular-font-family: var(--font-Geist-Regular-family);
+  --typography-corps-de-texte-sm-regular-font-weight: var(--font-Geist-Regular-weight);
   --typography-corps-de-texte-sm-regular-font-size: 14px;
   --typography-corps-de-texte-sm-regular-line-height: 20px;
-  --typography-corps-de-texte-sm-medium-font-family: var(--font-Inter-Medium-family);
-  --typography-corps-de-texte-sm-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-sm-medium-font-family: var(--font-Geist-Medium-family);
+  --typography-corps-de-texte-sm-medium-font-weight: var(--font-Geist-Medium-weight);
   --typography-corps-de-texte-sm-medium-font-size: 14px;
   --typography-corps-de-texte-sm-medium-line-height: 20px;
-  --typography-corps-de-texte-sm-semibold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-sm-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-semibold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-sm-semibold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-sm-semibold-font-size: 14px;
   --typography-corps-de-texte-sm-semibold-line-height: 20px;
-  --typography-corps-de-texte-sm-bold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-sm-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-bold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-sm-bold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-sm-bold-font-size: 14px;
   --typography-corps-de-texte-sm-bold-line-height: 20px;
-  --typography-corps-de-texte-sm-capsbold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-sm-capsbold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-capsbold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-sm-capsbold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-sm-capsbold-font-size: 14px;
   --typography-corps-de-texte-sm-capsbold-line-height: 20px;
   --typography-corps-de-texte-sm-capsbold-text-transform: uppercase;
-  --typography-corps-de-texte-md-regular-font-family: var(--font-Inter-Regular-family);
-  --typography-corps-de-texte-md-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-md-regular-font-family: var(--font-Geist-Regular-family);
+  --typography-corps-de-texte-md-regular-font-weight: var(--font-Geist-Regular-weight);
   --typography-corps-de-texte-md-regular-font-size: 16px;
   --typography-corps-de-texte-md-regular-line-height: 24px;
-  --typography-corps-de-texte-md-medium-font-family: var(--font-Inter-Medium-family);
-  --typography-corps-de-texte-md-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-md-medium-font-family: var(--font-Geist-Medium-family);
+  --typography-corps-de-texte-md-medium-font-weight: var(--font-Geist-Medium-weight);
   --typography-corps-de-texte-md-medium-font-size: 16px;
   --typography-corps-de-texte-md-medium-line-height: 24px;
-  --typography-corps-de-texte-md-semibold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-md-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-md-semibold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-md-semibold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-md-semibold-font-size: 16px;
   --typography-corps-de-texte-md-semibold-line-height: 24px;
-  --typography-corps-de-texte-md-bold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-md-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-md-bold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-md-bold-font-weight: var(--font-Geist-Bold-weight);
   --typography-corps-de-texte-md-bold-font-size: 16px;
   --typography-corps-de-texte-md-bold-line-height: 24px;
-  --typography-corps-de-texte-lg-regular-font-family: var(--font-Inter-Regular-family);
-  --typography-corps-de-texte-lg-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-lg-regular-font-family: var(--font-Geist-Regular-family);
+  --typography-corps-de-texte-lg-regular-font-weight: var(--font-Geist-Regular-weight);
   --typography-corps-de-texte-lg-regular-font-size: 18px;
   --typography-corps-de-texte-lg-regular-line-height: 28px;
-  --typography-corps-de-texte-lg-medium-font-family: var(--font-Inter-Medium-family);
-  --typography-corps-de-texte-lg-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-lg-medium-font-family: var(--font-Geist-Medium-family);
+  --typography-corps-de-texte-lg-medium-font-weight: var(--font-Geist-Medium-weight);
   --typography-corps-de-texte-lg-medium-font-size: 18px;
   --typography-corps-de-texte-lg-medium-line-height: 28px;
-  --typography-corps-de-texte-lg-semibold-font-family: var(--font-Inter-Bold-family);
-  --typography-corps-de-texte-lg-semibold-font-weight: var(--font-Inter-Bold-weight);
-  --typography-corps-de-texte-lg-semibold-font-size: 18px;
-  --typography-corps-de-texte-lg-semibold-line-height: 28px;
+  --typography-corps-de-texte-lg-bold-font-family: var(--font-Geist-Bold-family);
+  --typography-corps-de-texte-lg-bold-font-weight: var(--font-Geist-Bold-weight);
+  --typography-corps-de-texte-lg-bold-font-size: 18px;
+  --typography-corps-de-texte-lg-bold-line-height: 28px;
   --artwork-major-primary: var(--color-BleuCaptive-200);
   --artwork-decorative-primary: var(--color-BleuCaptive-950);
   --artwork-minor-secondary: var(--color-Cerise-600);
@@ -581,4 +473,12 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
   --text-default-warning: var(--color-OrangeWarning-425);
   --text-default-info: var(--color-BleuCaptive-425);
   --system-focus: var(--color-Focus-525);
-}
+  --illustration-color-sun-default-yellow: var(--color-Ocre-sun-403);
+  --illustration-color-950-default-yellow: var(--color-Ocre-950);
+}
+
+[data-alveole-focus]:focus-visible { outline: 2px solid #0A76F6 !important; outline-offset: 2px !important; }
+[data-alveole-focus]:focus:not(:focus-visible) { outline: none !important; }
+[data-alveole-focus='inset']:focus-visible { outline-offset: -2px !important; }
+
+[data-alveole-link] { text-underline-offset: 0.2em; }

package/dist/helpers/alphaColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alphaColor.d.ts","sourceRoot":"","sources":["../../src/helpers/alphaColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,KAAK,YAAY,GAAG,MAAM,CAAC;AAE3B,eAAO,MAAM,KAAK,GAAI,kBAAkB,KAAK,EAAE,SAAS,YAAY,KAAG,MAetE,CAAC"}
+{"version":3,"file":"alphaColor.d.ts","sourceRoot":"","sources":["../../src/helpers/alphaColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,KAAK,YAAY,GAAG,MAAM,CAAC;AAE3B,eAAO,MAAM,KAAK,GAAI,kBAAkB,KAAK,EAAE,SAAS,YAAY,KAAG,MAMtE,CAAC"}

package/dist/helpers/alphaColor.js

@@ -1,17 +1,8 @@
+import { hexToRgb } from './hexToRgb';
 export const alpha = (hexadecimalColor, opacity) => {
     if (hexadecimalColor.startsWith('var(')) {
         return `color-mix(in srgb, ${hexadecimalColor} ${Math.round(opacity * 100)}%, transparent)`;
     }
-    hexadecimalColor = hexadecimalColor.replace(/^#/, '');
-    if (hexadecimalColor.length === 3)
-        hexadecimalColor = hexadecimalColor
-            .split('')
-            .map(c => c + c)
-            .join('');
-    if (hexadecimalColor.length !== 6)
-        throw new Error('Invalid hex color');
-    const r = parseInt(hexadecimalColor.slice(0, 2), 16);
-    const g = parseInt(hexadecimalColor.slice(2, 4), 16);
-    const b = parseInt(hexadecimalColor.slice(4, 6), 16);
+    const [r, g, b] = hexToRgb(hexadecimalColor);
     return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 };

package/dist/helpers/contrastColor.d.ts

@@ -0,0 +1,12 @@
+/** Le rapport de contraste entre deux couleurs, de 1 (identiques) à 21 (noir sur blanc). */
+export declare const contrastRatio: (premiere: string, seconde: string) => number;
+/**
+ * Assombrit une couleur jusqu'à ce qu'elle atteigne le rapport de contraste demandé sur le
+ * fond donné, en conservant sa teinte. Une couleur qui l'atteint déjà revient inchangée.
+ *
+ * Écrit pour les palettes de coloration syntaxique, conçues pour des éditeurs et non pour
+ * WCAG : plutôt que de corriger une table de teintes à la main, qui deviendrait fausse au
+ * premier changement de thème, on ramène chaque couleur au seuil quel que soit le thème.
+ */
+export declare const withMinimumContrast: (couleur: string, fond: string, seuil: number) => string;
+//# sourceMappingURL=contrastColor.d.ts.map

package/dist/helpers/contrastColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrastColor.d.ts","sourceRoot":"","sources":["../../src/helpers/contrastColor.ts"],"names":[],"mappings":"AA4BA,4FAA4F;AAC5F,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,EAAE,SAAS,MAAM,KAAG,MAKjE,CAAC;AAKF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,EAAE,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAkBlF,CAAC"}

package/dist/helpers/contrastColor.js

@@ -0,0 +1,51 @@
+const EST_HEXADECIMAL = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+const versCanaux = (couleur) => {
+    const hexadecimal = couleur.replace(/^#/, '');
+    const complet = hexadecimal.length === 3
+        ? hexadecimal
+            .split('')
+            .map(c => c + c)
+            .join('')
+        : hexadecimal;
+    return [0, 2, 4].map(debut => parseInt(complet.slice(debut, debut + 2), 16));
+};
+// Luminance relative au sens de WCAG 2.
+const luminance = (canaux) => {
+    const [r, v, b] = canaux.map(canal => {
+        const proportion = canal / 255;
+        return proportion <= 0.03928 ? proportion / 12.92 : Math.pow((proportion + 0.055) / 1.055, 2.4);
+    });
+    return 0.2126 * r + 0.7152 * v + 0.0722 * b;
+};
+/** Le rapport de contraste entre deux couleurs, de 1 (identiques) à 21 (noir sur blanc). */
+export const contrastRatio = (premiere, seconde) => {
+    const a = luminance(versCanaux(premiere));
+    const b = luminance(versCanaux(seconde));
+    return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);
+};
+const versHexadecimal = (canaux) => `#${canaux.map(canal => Math.round(canal).toString(16).padStart(2, '0')).join('')}`;
+/**
+ * Assombrit une couleur jusqu'à ce qu'elle atteigne le rapport de contraste demandé sur le
+ * fond donné, en conservant sa teinte. Une couleur qui l'atteint déjà revient inchangée.
+ *
+ * Écrit pour les palettes de coloration syntaxique, conçues pour des éditeurs et non pour
+ * WCAG : plutôt que de corriger une table de teintes à la main, qui deviendrait fausse au
+ * premier changement de thème, on ramène chaque couleur au seuil quel que soit le thème.
+ */
+export const withMinimumContrast = (couleur, fond, seuil) => {
+    // Sur le web le thème rend des variables CSS, et rien n'interdit non plus une couleur
+    // nommée ou en `rgb()`. Ce qui n'est pas lisible ici ressort tel quel : corriger à
+    // l'aveugle effacerait la couleur d'origine, ce qui est pire que de ne rien corriger.
+    if (!EST_HEXADECIMAL.test(couleur) || !EST_HEXADECIMAL.test(fond))
+        return couleur;
+    const canaux = versCanaux(couleur);
+    if (contrastRatio(couleur, fond) >= seuil)
+        return couleur;
+    // Le noir atteint toujours le seuil sur un fond clair : la recherche se termine.
+    for (let facteur = 0.99; facteur > 0; facteur -= 0.01) {
+        const assombrie = versHexadecimal(canaux.map(canal => canal * facteur));
+        if (contrastRatio(assombrie, fond) >= seuil)
+            return assombrie;
+    }
+    return '#000000';
+};

package/dist/helpers/cssVarPalette.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Traduit la palette `light` pour le rendu web : chaque couleur devient une reference a la
+ * variable CSS `--${categorie}-${jeton}`. Les cles sont preservees, d'ou la signature generique.
+ */
+export declare const toCSSVarPalette: <T extends {
+    light: Record<string, Record<string, string>>;
+}>(palette: T) => T & {
+    light: {
+        [x: string]: {
+            [x: string]: string;
+        };
+    };
+};
+//# sourceMappingURL=cssVarPalette.d.ts.map

package/dist/helpers/cssVarPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVarPalette.d.ts","sourceRoot":"","sources":["../../src/helpers/cssVarPalette.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CAAE,EAAE,SAAS,CAAC;;;;;;CAKrG,CAAC"}

package/dist/helpers/cssVarPalette.js

@@ -0,0 +1,9 @@
+import { mapValues } from './mapValues';
+/**
+ * Traduit la palette `light` pour le rendu web : chaque couleur devient une reference a la
+ * variable CSS `--${categorie}-${jeton}`. Les cles sont preservees, d'ou la signature generique.
+ */
+export const toCSSVarPalette = (palette) => ({
+    ...palette,
+    light: mapValues(palette.light, (jetons, categorie) => mapValues(jetons, (_couleur, jeton) => `var(--${categorie}-${jeton})`)),
+});

package/dist/helpers/cssVarTypography.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Traduit l'arbre des jetons typographiques pour le rendu web : chaque feuille (reconnue a
+ * son `fontSize` numerique) voit ses metriques remplacees par des references aux variables
+ * CSS du theme, dont le nom vient du chemin dans l'arbre. La forme de l'arbre est preservee.
+ *
+ * Seconde assertion toleree, a la frontiere avec React Native : le `TextStyle` natif exige
+ * des nombres la ou react-native-web accepte une variable CSS. Un type honnete
+ * (`string | number`) serait refuse par chaque style `Text` des applications. Elle est
+ * exemptee de la regle par un override de la config ESLint, pas par une directive.
+ */
+export declare const toCSSVarTypography: <T>(node: T) => T;
+//# sourceMappingURL=cssVarTypography.d.ts.map

package/dist/helpers/cssVarTypography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVarTypography.d.ts","sourceRoot":"","sources":["../../src/helpers/cssVarTypography.ts"],"names":[],"mappings":"AAyBA;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC"}

package/dist/helpers/cssVarTypography.js

@@ -0,0 +1,33 @@
+import { isRecord } from './isRecord';
+import { sanitizeCSSKey } from './sanitizeCSSKey';
+const traduitArbre = (node, path = []) => {
+    if (!isRecord(node))
+        return node;
+    if (typeof node.fontSize === 'number') {
+        const prefix = path.map(sanitizeCSSKey).join('-');
+        const result = { ...node };
+        result.fontFamily = `var(--typography-${prefix}-font-family)`;
+        result.fontWeight = `var(--typography-${prefix}-font-weight)`;
+        result.fontSize = `var(--typography-${prefix}-font-size)`;
+        result.lineHeight = `var(--typography-${prefix}-line-height)`;
+        if (typeof node.letterSpacing === 'number' && node.letterSpacing !== 0) {
+            result.letterSpacing = `var(--typography-${prefix}-letter-spacing)`;
+        }
+        if (typeof node.textTransform === 'string') {
+            result.textTransform = `var(--typography-${prefix}-text-transform)`;
+        }
+        return result;
+    }
+    return Object.fromEntries(Object.entries(node).map(([key, value]) => [key, traduitArbre(value, [...path, key])]));
+};
+/**
+ * Traduit l'arbre des jetons typographiques pour le rendu web : chaque feuille (reconnue a
+ * son `fontSize` numerique) voit ses metriques remplacees par des references aux variables
+ * CSS du theme, dont le nom vient du chemin dans l'arbre. La forme de l'arbre est preservee.
+ *
+ * Seconde assertion toleree, a la frontiere avec React Native : le `TextStyle` natif exige
+ * des nombres la ou react-native-web accepte une variable CSS. Un type honnete
+ * (`string | number`) serait refuse par chaque style `Text` des applications. Elle est
+ * exemptee de la regle par un override de la config ESLint, pas par une directive.
+ */
+export const toCSSVarTypography = traduitArbre;

package/dist/helpers/darkenColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"darkenColor.d.ts","sourceRoot":"","sources":["../../src/helpers/darkenColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAErC,KAAK,YAAY,GAAG,MAAM,CAAC;AAC3B,KAAK,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC;AAE7B,eAAO,MAAM,MAAM,GAAI,kBAAkB,KAAK,EAAE,QAAQ,YAAY,KAAG,QAYtE,CAAC"}
+{"version":3,"file":"darkenColor.d.ts","sourceRoot":"","sources":["../../src/helpers/darkenColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,KAAK,YAAY,GAAG,MAAM,CAAC;AAC3B,KAAK,QAAQ,GAAG,IAAI,MAAM,EAAE,CAAC;AAI7B,eAAO,MAAM,MAAM,GAAI,kBAAkB,KAAK,EAAE,QAAQ,YAAY,KAAG,QAItE,CAAC"}

package/dist/helpers/darkenColor.js

@@ -1,14 +1,7 @@
+import { hexToRgb } from './hexToRgb';
+const toHexDigits = (channel) => channel.toString(16).padStart(2, '0');
 export const darken = (hexadecimalColor, amount) => {
-    hexadecimalColor = hexadecimalColor.replace(/^#/, '');
-    if (hexadecimalColor.length === 3)
-        hexadecimalColor = hexadecimalColor
-            .split('')
-            .map(c => c + c)
-            .join('');
-    if (hexadecimalColor.length !== 6)
-        throw new Error('Invalid hex color');
-    const r = Math.max(0, parseInt(hexadecimalColor.slice(0, 2), 16) - Math.round(255 * amount));
-    const g = Math.max(0, parseInt(hexadecimalColor.slice(2, 4), 16) - Math.round(255 * amount));
-    const b = Math.max(0, parseInt(hexadecimalColor.slice(4, 6), 16) - Math.round(255 * amount));
-    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+    const shade = Math.round(255 * amount);
+    const channels = hexToRgb(hexadecimalColor).map(channel => Math.max(0, channel - shade));
+    return `#${channels.map(toHexDigits).join('')}`;
 };

package/dist/helpers/deepMerge.d.ts

@@ -1,6 +1,16 @@
 import { DeepPartial } from '../constants';
+type DeepMerge = <T extends object>(base: T, patch?: DeepPartial<T>) => T;
 /**
- * Merge des surchage de theme
+ * Fusionne une surcharge de theme dans sa base. Un objet se fusionne cle a cle, tout le reste se
+ * remplace, et une valeur nulle dans la surcharge laisse la base en place.
+ *
+ * La fusion elle-meme est verifiee par le compilateur : elle ne connait de ce qu'elle traverse
+ * que `object` et `unknown`, et `estFusionnable` decide seule de descendre ou de remplacer. Ce
+ * qu'il ne sait pas prouver, c'est que la sortie a la forme de la base : les cles ressortent par
+ * construction, comme dans `mapValues`. Cette unique assertion pose la signature publique ; elle
+ * est exemptee de la regle par un override de la config ESLint, pas par une directive. Une
+ * signature typee sur `Palette` n'y echapperait pas : la palette a une profondeur irreguliere.
  */
-export declare function deepMerge<T extends object>(base: T, patch?: DeepPartial<T>): T;
+export declare const deepMerge: DeepMerge;
+export {};
 //# sourceMappingURL=deepMerge.d.ts.map

package/dist/helpers/deepMerge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/helpers/deepMerge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAY9E"}
+{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/helpers/deepMerge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,KAAK,SAAS,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAuB1E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAe,SAAS,CAAC"}

package/dist/helpers/deepMerge.js

@@ -1,17 +1,27 @@
-/**
- * Merge des surchage de theme
- */
-export function deepMerge(base, patch) {
+/** Ce qui se fusionne cle a cle. Un tableau n'en est pas : il se remplace en entier. */
+const estFusionnable = (valeur) => typeof valeur === 'object' && valeur !== null && !Array.isArray(valeur);
+const fusionne = (base, patch) => {
     if (!patch)
         return base;
-    const out = Array.isArray(base) ? [...base] : { ...base };
-    for (const k in patch) {
-        const pv = patch[k];
-        const bv = base[k];
-        out[k] =
-            pv && typeof pv === 'object' && !Array.isArray(pv) && bv && typeof bv === 'object'
-                ? deepMerge(bv, pv)
-                : (pv ?? bv);
+    const sortie = { ...base };
+    for (const [cle, valeur] of Object.entries(patch)) {
+        const valeurDeBase = sortie[cle];
+        sortie[cle] =
+            estFusionnable(valeur) && estFusionnable(valeurDeBase)
+                ? fusionne(valeurDeBase, valeur)
+                : (valeur ?? valeurDeBase);
     }
-    return out;
-}
+    return Array.isArray(base) ? Object.assign([...base], sortie) : sortie;
+};
+/**
+ * Fusionne une surcharge de theme dans sa base. Un objet se fusionne cle a cle, tout le reste se
+ * remplace, et une valeur nulle dans la surcharge laisse la base en place.
+ *
+ * La fusion elle-meme est verifiee par le compilateur : elle ne connait de ce qu'elle traverse
+ * que `object` et `unknown`, et `estFusionnable` decide seule de descendre ou de remplacer. Ce
+ * qu'il ne sait pas prouver, c'est que la sortie a la forme de la base : les cles ressortent par
+ * construction, comme dans `mapValues`. Cette unique assertion pose la signature publique ; elle
+ * est exemptee de la regle par un override de la config ESLint, pas par une directive. Une
+ * signature typee sur `Palette` n'y echapperait pas : la palette a une profondeur irreguliere.
+ */
+export const deepMerge = fusionne;