@krosoft/react 0.0.175 → 0.0.176
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 +4 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -46,15 +46,16 @@ Ces couleurs sont désormais mappées par le preset partagé : un projet consomm
|
|
|
46
46
|
|
|
47
47
|
Story `Démos/Radius` pour comparer les presets, sélecteur **Radius** dans la barre d'outils Storybook pour les appliquer à n'importe quelle story.
|
|
48
48
|
|
|
49
|
-
###
|
|
49
|
+
### Appliquer un preset depuis le code
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
La forme est une décision de design, pas une préférence utilisateur : elle se fixe une fois pour l'application, aux côtés des couleurs du thème. L'override de `:root` ci-dessus est la voie normale — servi avec la feuille de style, il évite tout flash au premier rendu.
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
Les mêmes presets sont exposés en TypeScript pour les cas où la forme vient du code plutôt que du CSS : configuration chargée au démarrage, application multi-marques, aperçu dans une story.
|
|
54
54
|
|
|
55
55
|
```ts
|
|
56
56
|
import { applyTokenPreset, radiusPresets } from "@krosoft/react/tokens";
|
|
57
57
|
|
|
58
|
+
// dans main.tsx, avant createRoot().render()
|
|
58
59
|
applyTokenPreset(radiusPresets, "round"); // pose les variables sur <html>
|
|
59
60
|
```
|
|
60
61
|
|