@starterlib/tokens 0.10.13 → 0.11.0

package/styles/polices/LICENSE-source-serif.txt

@@ -0,0 +1,93 @@
+Google Inc.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/styles/polices-titres.css

@@ -0,0 +1,39 @@
+/* Engendre par @starterlib/tokens — ne pas modifier a la main.
+   Regenerer : pnpm tokens:css
+
+   Police de TITRE, OPTIONNELLE (Source Serif 4, SIL OFL 1.1, voir polices/LICENSE-source-serif.txt) :
+   a charger EN PLUS de polices.css par l'application qui veut ses titres en serif. Sans elle, les
+   styles titre-* et affichage gardent la police de base, et aucun octet de plus ne part. Ne pas la
+   precharger sur un ecran anonyme sous seuil (ADR 0031) : font-display: optional et le repli metrise
+   excluent tout decalage a son arrivee. Recette : docs/recettes/police.md. */
+
+@font-face {
+  font-family: 'Source Serif 4 Variable';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: optional;
+  src: url('./polices/source-serif-4-latin-ext-wght-normal.woff2') format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+  font-family: 'Source Serif 4 Variable';
+  font-style: normal;
+  font-weight: 200 900;
+  font-display: optional;
+  src: url('./polices/source-serif-4-latin-wght-normal.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: 'Source Serif 4 Repli';
+  src: local('Times New Roman'), local('TimesNewRomanPSMT'), local('Liberation Serif'), local('Tinos');
+  size-adjust: 117.06%;
+  ascent-override: 88.50%;
+  descent-override: 28.62%;
+  line-gap-override: 0.00%;
+}
+
+:root {
+  --st-police-titre: 'Source Serif 4 Variable', 'Source Serif 4 Repli', Georgia, serif;
+}

package/styles/starter-tokens-exemple-blanc.css

@@ -0,0 +1,72 @@
+/* Engendre par @starterlib/tokens — ne pas modifier a la main.
+   Marque « exemple-blanc » : fond blanc et gris froids, erreur a l'encre du texte (exemple du socle)
+   A charger APRES starter-tokens.css. Regenerer : pnpm tokens:css (socle) ou
+   starter-web jetons --marque <fichier> (application). Roles et gardes : README de @starterlib/tokens,
+   niveau 2 bis. */
+
+:root {
+  --st-couleur-fond: light-dark(#ffffff, #070d14);
+  --st-couleur-surface-enfoncee: light-dark(#f4f6f8, #070d14);
+  --st-couleur-surface-selection: light-dark(#e9edf2, #08245b);
+  --st-couleur-bordure: light-dark(#e1e6ec, #4f565e);
+  --st-couleur-bordure-forte: light-dark(#7b8794, #5d6982);
+  --st-couleur-erreur: light-dark(#161c24, #f2f4f6);
+  --st-couleur-erreur-discret: light-dark(#f4f6f8, #2b3139);
+  --st-couleur-sur-erreur-discret: light-dark(#161c24, #f2f4f6);
+  --st-couleur-bordure-forte-elevee: #7e848b;
+}
+
+/* Les conteneurs eleves (fond surface-elevee) : leurs champs prennent le contour que la marque a
+   prouve a 3:1 sur ces surfaces. Sans feuille de marque, rien ne change. */
+st-dialog-container,
+st-dialog-content,
+st-menu,
+st-popover {
+  --st-couleur-bordure-forte: var(--st-couleur-bordure-forte-elevee);
+}
+
+/* Contraste renforce : les alias du socle, resolus dans la marque. */
+@media (prefers-contrast: more) {
+  :root {
+    --st-couleur-bordure: light-dark(#7b8794, #5d6982);
+    --st-couleur-bordure-forte: light-dark(#434652, #bdc1c7);
+    --st-couleur-texte-discret: light-dark(#161c24, #f2f4f6);
+    --st-couleur-texte-attenue: light-dark(#434652, #bdc1c7);
+    --st-couleur-texte-desactive: light-dark(#656874, #9da2a8);
+    --st-couleur-surface-survol: light-dark(#dde3ee, #424851);
+    --st-couleur-surface-survol-elevee: light-dark(#dde3ee, #424851);
+    --st-couleur-surface-courante-elevee: light-dark(#e1e6ec, #4f565e);
+    --st-couleur-surface-conteneur-haut: light-dark(#dde3ee, #424851);
+    --st-couleur-succes: light-dark(#07602f, #a0caaa);
+    --st-couleur-avertissement: light-dark(#783f03, #dbb59a);
+    --st-couleur-bordure-forte-elevee: light-dark(#434652, #bdc1c7);
+  }
+}
+
+/* Contraste force : les roles poses par la marque, vers leur couleur systeme. */
+@media (forced-colors: active) {
+  :root {
+    --st-couleur-fond: Canvas;
+    --st-couleur-surface-enfoncee: Canvas;
+    --st-couleur-surface-selection: Canvas;
+    --st-couleur-bordure: CanvasText;
+    --st-couleur-bordure-forte: CanvasText;
+    --st-couleur-erreur: CanvasText;
+    --st-couleur-erreur-discret: Canvas;
+    --st-couleur-sur-erreur-discret: CanvasText;
+    --st-couleur-bordure-forte-elevee: CanvasText;
+  }
+}
+
+/* Impression : les derogations du socle pour les roles poses ; une encre ne fait que foncer. */
+@media print {
+  :root {
+    --st-couleur-fond: #ffffff;
+    --st-couleur-surface-selection: #ffffff;
+    --st-couleur-bordure: #9da2a8;
+    --st-couleur-bordure-forte: #5c6874;
+    --st-couleur-erreur: #161c24;
+    --st-couleur-erreur-discret: #ffffff;
+    --st-couleur-bordure-forte-elevee: #61676e;
+  }
+}

package/styles/starter-tokens.css

@@ -136,6 +136,7 @@
   --st-hauteur-commande-lg: 2.5rem;
   --st-hauteur-commande-xl: 2.75rem;
   --st-hauteur-commande-2xl: 3.25rem;
+  --st-hauteur-commande-embarquee: 3rem;
   --st-focus-epaisseur: var(--st-epaisseur-moyenne);
   --st-focus-decalage: var(--st-epaisseur-moyenne);
   --st-focus-lisere: var(--st-epaisseur-moyenne);
@@ -201,6 +202,18 @@
   --st-couleur-danger-discret: light-dark(#fef2f1, #530208);
   --st-couleur-sur-danger-discret: light-dark(#530208, #fce3e0);
   --st-couleur-danger-discret-courant: light-dark(#fce3e0, #300304);
+  --st-couleur-erreur: var(--st-couleur-danger);
+  --st-couleur-sur-erreur: var(--st-couleur-sur-danger);
+  --st-couleur-erreur-discret: var(--st-couleur-danger-discret);
+  --st-couleur-sur-erreur-discret: var(--st-couleur-sur-danger-discret);
+  --st-couleur-essai: light-dark(#67559b, #bfb8de);
+  --st-couleur-sur-essai: light-dark(#ffffff, #070d14);
+  --st-couleur-essai-discret: light-dark(#f5f4fa, #2b2245);
+  --st-couleur-sur-essai-discret: light-dark(#2b2245, #eae8f4);
+  --st-couleur-serie1: light-dark(#3e6dc8, #71a3ff);
+  --st-couleur-serie2: light-dark(#906b00, #ca9d33);
+  --st-couleur-serie3: light-dark(#008282, #16bbbc);
+  --st-couleur-serie4: light-dark(#8c54b2, #c188ea);
   --st-couleur-positif: light-dark(#005a2b, #a0caaa);
   --st-couleur-negatif: light-dark(#161c24, #f2f4f6);
   --st-ombre-none: none;
@@ -294,6 +307,17 @@
   }
 }
 
+/* Mode embarque (ADR 0043 du socle backend, lots 276 et 300) : un ecran du socle dans la WebView
+   d'une application mobile prend la cible des applications natives, 48 px, au pointeur fin comme
+   au doigt. Pose sur <html> par la coquille, pour une route que son manifeste declarera
+   embarquable (contrat a poser avec le BFF), jamais par un parametre libre de l'adresse. Apres
+   le pointeur grossier et les densites : a (0,1,0), comme toute regle de la feuille, il l'emporte
+   par l'ordre, zones de densite comprises. */
+[data-mode='embarque'],
+:where([data-mode='embarque']) [data-densite] {
+  --st-hauteur-commande-defaut: var(--st-hauteur-commande-embarquee);
+}
+
 /* Un filet d'un vrai pixel d'ecran sur les dalles haute densite. */
 @media (min-resolution: 2dppx) {
   :root {
@@ -338,11 +362,16 @@
   --st-duree-longue: 0ms;
 }
 
-/* WCAG 2.4.11 : un arret de tabulation ne remonte jamais sous l'en-tete collant.
-   `--st-hauteur-entete` est posee sur <html> par st-app-shell, qui mesure
-   son en-tete ; sans coquille, le repli vaut zero et rien ne change. */
+/* WCAG 2.4.11 : un arret de tabulation ne remonte jamais sous l'en-tete collant, ni ne
+   descend sous la barre de navigation inferieure ou sous l'action permanente flottante.
+   `--st-hauteur-entete` est posee sur <html> par st-app-shell, qui mesure son
+   en-tete ; `--st-hauteur-pied` par st-bottom-nav, sous md (P08-05) ;
+   `--st-hauteur-action` par st-app-shell, sous md, du bas de la fenetre au haut de
+   l'action qui flotte (P08-06), barre comprise. Sans elles, le repli vaut zero et rien ne
+   change. */
 html {
   scroll-padding-block-start: var(--st-hauteur-entete, 0px);
+  scroll-padding-block-end: max(var(--st-hauteur-pied, 0px), var(--st-hauteur-action, 0px));
 }
 
 /* Rythme vertical d'un formulaire, porte par le CONTENEUR (lot 200) : les champs du
@@ -372,6 +401,33 @@ html {
   border: 0;
 }
 
+/* Prefixe de ton (« Erreur : », P08-03) : masque et lu, comme .st-vh ; affiche sous le reglage
+   --st-prefixe-de-ton: visible, pose par l'application sur la racine, une zone ou une
+   instance (requete de style : Chrome 111, Safari 18, Firefox 151 ; en deca, il reste masque). */
+.st-prefixe-de-ton {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+@container style(--st-prefixe-de-ton: visible) {
+  .st-prefixe-de-ton {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip-path: none;
+    white-space: normal;
+  }
+}
+
 /* Contrat avec le CDK : ses surfaces (menus, popovers, infobulles, tiroirs,
    dialogues) s'empilent par l'ordre du DOM dans ce conteneur, qui lit le plan. */
 .cdk-overlay-container {
@@ -421,6 +477,8 @@ html {
     --st-couleur-avertissement-discret: Canvas;
     --st-couleur-danger-discret: Canvas;
     --st-couleur-danger-discret-courant: Canvas;
+    --st-couleur-erreur-discret: Canvas;
+    --st-couleur-essai-discret: Canvas;
     --st-couleur-texte: CanvasText;
     --st-couleur-texte-discret: CanvasText;
     --st-couleur-texte-attenue: CanvasText;
@@ -438,6 +496,12 @@ html {
     --st-couleur-danger: CanvasText;
     --st-couleur-danger-survol: CanvasText;
     --st-couleur-danger-actif: CanvasText;
+    --st-couleur-erreur: CanvasText;
+    --st-couleur-essai: CanvasText;
+    --st-couleur-serie1: CanvasText;
+    --st-couleur-serie2: CanvasText;
+    --st-couleur-serie3: CanvasText;
+    --st-couleur-serie4: CanvasText;
     --st-couleur-positif: CanvasText;
     --st-couleur-sur-primaire-discret: CanvasText;
     --st-couleur-sur-primaire-attenue: CanvasText;
@@ -446,6 +510,8 @@ html {
     --st-couleur-sur-succes-discret: CanvasText;
     --st-couleur-sur-avertissement-discret: CanvasText;
     --st-couleur-sur-danger-discret: CanvasText;
+    --st-couleur-sur-erreur-discret: CanvasText;
+    --st-couleur-sur-essai-discret: CanvasText;
     --st-couleur-texte-desactive: GrayText;
     --st-couleur-primaire: LinkText;
     --st-couleur-primaire-survol: LinkText;
@@ -489,6 +555,7 @@ html {
     --st-couleur-avertissement: #783f03;
     --st-couleur-danger: #960c19;
     --st-couleur-information: #0b5776;
+    --st-couleur-essai: #53447f;
     --st-couleur-primaire-discret: #ffffff;
     --st-couleur-primaire-attenue: #ffffff;
     --st-couleur-accent-discret: #ffffff;
@@ -496,6 +563,7 @@ html {
     --st-couleur-succes-discret: #ffffff;
     --st-couleur-avertissement-discret: #ffffff;
     --st-couleur-danger-discret: #ffffff;
+    --st-couleur-essai-discret: #ffffff;
     --st-ombre-repos: none;
     --st-ombre-survol: none;
     --st-ombre-surelevee: none;

package/styles/starter-tokens.tokens.json

@@ -782,6 +782,126 @@
           "hex": "#fce3e0"
         }
       },
+      "erreur": {
+        "$type": "color",
+        "$value": "{couleur.clair.danger}"
+      },
+      "surErreur": {
+        "$type": "color",
+        "$value": "{couleur.clair.surDanger}"
+      },
+      "erreurDiscret": {
+        "$type": "color",
+        "$value": "{couleur.clair.dangerDiscret}"
+      },
+      "surErreurDiscret": {
+        "$type": "color",
+        "$value": "{couleur.clair.surDangerDiscret}"
+      },
+      "essai": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4039,
+            0.3333,
+            0.6078
+          ],
+          "alpha": 1,
+          "hex": "#67559b"
+        }
+      },
+      "surEssai": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#ffffff"
+        }
+      },
+      "essaiDiscret": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9608,
+            0.9569,
+            0.9804
+          ],
+          "alpha": 1,
+          "hex": "#f5f4fa"
+        }
+      },
+      "surEssaiDiscret": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1686,
+            0.1333,
+            0.2706
+          ],
+          "alpha": 1,
+          "hex": "#2b2245"
+        }
+      },
+      "serie1": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2431,
+            0.4275,
+            0.7843
+          ],
+          "alpha": 1,
+          "hex": "#3e6dc8"
+        }
+      },
+      "serie2": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5647,
+            0.4196,
+            0
+          ],
+          "alpha": 1,
+          "hex": "#906b00"
+        }
+      },
+      "serie3": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0,
+            0.5098,
+            0.5098
+          ],
+          "alpha": 1,
+          "hex": "#008282"
+        }
+      },
+      "serie4": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.549,
+            0.3294,
+            0.698
+          ],
+          "alpha": 1,
+          "hex": "#8c54b2"
+        }
+      },
       "positif": {
         "$type": "color",
         "$value": {
@@ -1590,6 +1710,126 @@
           "hex": "#300304"
         }
       },
+      "erreur": {
+        "$type": "color",
+        "$value": "{couleur.sombre.danger}"
+      },
+      "surErreur": {
+        "$type": "color",
+        "$value": "{couleur.sombre.surDanger}"
+      },
+      "erreurDiscret": {
+        "$type": "color",
+        "$value": "{couleur.sombre.dangerDiscret}"
+      },
+      "surErreurDiscret": {
+        "$type": "color",
+        "$value": "{couleur.sombre.surDangerDiscret}"
+      },
+      "essai": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.749,
+            0.7216,
+            0.8706
+          ],
+          "alpha": 1,
+          "hex": "#bfb8de"
+        }
+      },
+      "surEssai": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0275,
+            0.051,
+            0.0784
+          ],
+          "alpha": 1,
+          "hex": "#070d14"
+        }
+      },
+      "essaiDiscret": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1686,
+            0.1333,
+            0.2706
+          ],
+          "alpha": 1,
+          "hex": "#2b2245"
+        }
+      },
+      "surEssaiDiscret": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9176,
+            0.9098,
+            0.9569
+          ],
+          "alpha": 1,
+          "hex": "#eae8f4"
+        }
+      },
+      "serie1": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4431,
+            0.6392,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#71a3ff"
+        }
+      },
+      "serie2": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7922,
+            0.6157,
+            0.2
+          ],
+          "alpha": 1,
+          "hex": "#ca9d33"
+        }
+      },
+      "serie3": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0863,
+            0.7333,
+            0.7373
+          ],
+          "alpha": 1,
+          "hex": "#16bbbc"
+        }
+      },
+      "serie4": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7569,
+            0.5333,
+            0.9176
+          ],
+          "alpha": 1,
+          "hex": "#c188ea"
+        }
+      },
       "positif": {
         "$type": "color",
         "$value": {