@starterlib/tokens 0.10.6 → 0.10.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -12
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -241,7 +241,9 @@ reduit) n'y sont pas : ce sont des regles de la feuille, pas des valeurs a recop
|
|
|
241
241
|
|
|
242
242
|
Les quelques valeurs qu'une application peut poser sans forker une feuille de
|
|
243
243
|
style. Elles sont listees en commentaire en tete de la feuille engendree, et dans
|
|
244
|
-
`jetonsDeComposant` cote TypeScript.
|
|
244
|
+
`jetonsDeComposant` cote TypeScript. La table ci-dessous est ENGENDREE de ce
|
|
245
|
+
catalogue (`pnpm docs:ecrire`) : `pnpm verify` echoue des qu'elle s'en
|
|
246
|
+
ecarte.
|
|
245
247
|
|
|
246
248
|
```css
|
|
247
249
|
/* Toute l'application */
|
|
@@ -255,17 +257,26 @@ style. Elles sont listees en commentaire en tete de la feuille engendree, et dan
|
|
|
255
257
|
}
|
|
256
258
|
```
|
|
257
259
|
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
|
261
|
-
|
|
|
262
|
-
| `--st-
|
|
263
|
-
| `--st-
|
|
264
|
-
| `--st-
|
|
265
|
-
| `--st-
|
|
266
|
-
| `--st-
|
|
267
|
-
| `--st-
|
|
268
|
-
| `--st-
|
|
260
|
+
<!-- reglages-de-composant:debut (engendre : pnpm docs:ecrire) -->
|
|
261
|
+
|
|
262
|
+
| Reglage | Defaut | Pour |
|
|
263
|
+
| ---------------------------------- | ---------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
264
|
+
| `--st-commande-hauteur` | `--st-hauteur-commande-defaut` | Hauteur MINIMALE commune des boutons, champs et listes deroulantes. Une seule valeur pour tous : une ligne ou le champ fait 44 px et le bouton 40 se voit tout de suite. Le repli suit la densite (44 / 36 / 32, 44 au doigt). Un reglage plus court ne descend jamais sous le plancher des commandes (D4) : 32 px au pointeur fin, 44 au doigt. |
|
|
265
|
+
| `--st-commande-rayon` | `--st-rayon-md` | Rayon des commandes. C'est le reglage d'identite le plus demande. |
|
|
266
|
+
| `--st-surface-rayon` | `--st-rayon-md` | Rayon des surfaces flottantes qui portent du contenu : menu, popover, dialogue, message ; et de la carte de choix (st-choice), posee a filet sur la meme mesure (brief 18). |
|
|
267
|
+
| `--st-carte-rayon` | `--st-rayon-lg` | Rayon de la carte, la surface la plus chartee : 12 px, distinct des surfaces flottantes. |
|
|
268
|
+
| `--st-tableau-cellule-bloc` | `--st-espacement-0` | Respiration verticale d'une cellule ; aucune par defaut : la hauteur de ligne du mode fait le rythme (D29). |
|
|
269
|
+
| `--st-tableau-cellule-ligne` | `calc(var(--st-densite-cellule-ligne) + var(--st-espacement-1))` | Respiration horizontale d'une cellule ; le repli suit la densite (16 / 16 / 12 px). |
|
|
270
|
+
| `--st-tableau-largeur-case` | `--st-espacement-12` | Largeur de la colonne des cases a cocher ; la colonne figee suivante se decale d autant. |
|
|
271
|
+
| `--st-calendrier-jour-taille` | `--st-calendrier-jour-defaut` | Cote d une case de jour. Un calendrier dense reste au-dessus de la cible minimale. |
|
|
272
|
+
| `--st-anim-chargement` | `--st-cadence-vive` ou `--st-cadence-normale` | Rythme d'un indicateur d'activite. ⚠️ Hors de l'echelle des durees, qui passe a zero sous mouvement reduit : un indicateur fige ferait croire a un ecran bloque. Borne par --st-cadence-min : on ralentit une boucle, on ne l eteint pas. |
|
|
273
|
+
| `--st-anim-respiration` | `--st-cadence-respiration` | Rythme de la respiration qui remplace le mouvement sous mouvement reduit. Borne par --st-cadence-min. |
|
|
274
|
+
| `--st-coquille-largeur-navigation` | `--st-largeur-navigation` | Largeur de la navigation laterale (colonne et tiroir) : un reglage de coquille legitime, porte par st-sidenav depuis le lot 235. |
|
|
275
|
+
| `--st-separateur-marge` | `--st-espacement-4` | Marge d'un separateur : le reglage de rythme vertical le plus pose par une SPA. |
|
|
276
|
+
| `--st-champ-largeur-libelle` | `--st-largeur-champ-md` | Largeur de la colonne des libelles d un formulaire en ligne (libelle a gauche du champ). |
|
|
277
|
+
| `--st-liste-hauteur-max` | `18rem` | Hauteur maximale d une liste deroulante avant defilement (combobox, choix multiple). |
|
|
278
|
+
|
|
279
|
+
<!-- reglages-de-composant:fin -->
|
|
269
280
|
|
|
270
281
|
⚠️ **Le socle ne les DECLARE jamais** : il les lit au point d'usage, avec un
|
|
271
282
|
repli. Une declaration sur l'hote d'un composant l'emporterait sur la valeur
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starterlib/tokens",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.8",
|
|
4
4
|
"description": "Jetons de design du socle frontal starter : couleurs semantiques, echelles, contraste WCAG. Aucune dependance de rendu, Angular compris.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"sideEffects": [
|