@nomosui/react 0.5.1 → 0.5.3
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/dist/index.js +29 -14
- package/dist/mcp/bin.js +17 -15
- package/dist/types/lib/tone.d.ts +5 -3
- package/package.json +1 -1
- package/tokens/theme.css +6 -0
- package/tokens/tokens.generated.css +24 -0
- package/tokens/tokens.json +25 -7
- package/tokens/tokens.resource.json +12 -0
package/dist/index.js
CHANGED
|
@@ -37,9 +37,11 @@ var cn = (...inputs) => twMerge(clsx(inputs));
|
|
|
37
37
|
* statut choisit l'intention (« danger », « succès »), et c'est le cœur qui sait la
|
|
38
38
|
* rendre — l'app ne manipule plus un nom de couleur.
|
|
39
39
|
*
|
|
40
|
-
* Chaque ton lit
|
|
41
|
-
*
|
|
42
|
-
*
|
|
40
|
+
* Chaque ton lit trois emplacements sémantiques (`status-<ton>` pour l'accent, la
|
|
41
|
+
* bordure ; `status-<ton>-surface` pour le fond, **plein** — une carte qui flotte
|
|
42
|
+
* au-dessus du contenu ne doit pas laisser voir ce qui passe dessous ; et `status-<ton>-ink`
|
|
43
|
+
* pour l'encre) : c'est le token qui porte le mode, pas la classe, donc le cœur ne connaît
|
|
44
|
+
* jamais le mode (ADR 0004, ADR 0027).
|
|
43
45
|
*/
|
|
44
46
|
var TONES = [
|
|
45
47
|
"neutral",
|
|
@@ -52,12 +54,12 @@ var TONES = [
|
|
|
52
54
|
];
|
|
53
55
|
var toneClasses = {
|
|
54
56
|
neutral: "border-transparent bg-muted text-muted-foreground",
|
|
55
|
-
info: "border-status-info/30 bg-status-info
|
|
56
|
-
progress: "border-status-progress/30 bg-status-progress
|
|
57
|
-
attention: "border-status-attention/30 bg-status-attention
|
|
58
|
-
warning: "border-status-warning/30 bg-status-warning
|
|
59
|
-
danger: "border-status-danger/30 bg-status-danger
|
|
60
|
-
success: "border-status-success/30 bg-status-success
|
|
57
|
+
info: "border-status-info/30 bg-status-info-surface text-status-info-ink",
|
|
58
|
+
progress: "border-status-progress/30 bg-status-progress-surface text-status-progress-ink",
|
|
59
|
+
attention: "border-status-attention/30 bg-status-attention-surface text-status-attention-ink",
|
|
60
|
+
warning: "border-status-warning/30 bg-status-warning-surface text-status-warning-ink",
|
|
61
|
+
danger: "border-status-danger/30 bg-status-danger-surface text-status-danger-ink",
|
|
62
|
+
success: "border-status-success/30 bg-status-success-surface text-status-success-ink"
|
|
61
63
|
};
|
|
62
64
|
//#endregion
|
|
63
65
|
//#region src/components/alert/alert.tsx
|
|
@@ -297,7 +299,7 @@ var alertDialogManifest = {
|
|
|
297
299
|
summary: "Une modale de confirmation bloquante : un titre, une description, et deux issues — agir ou annuler. Livrée en parts importables séparément ; tous les libellés viennent de l’app.",
|
|
298
300
|
level: "bloc",
|
|
299
301
|
example: {
|
|
300
|
-
|
|
302
|
+
defaultOpen: true,
|
|
301
303
|
children: createElement(Fragment$1, null, createElement(AlertDialogTrigger, { className: buttonVariants({ variant: "outline" }) }, "Supprimer"), createElement(AlertDialogContent, null, createElement(AlertDialogHeader, null, createElement(AlertDialogTitle, null, "Supprimer ?"), createElement(AlertDialogDescription, null, "Cette action est définitive.")), createElement(AlertDialogFooter, null, createElement(AlertDialogCancel, null, "Annuler"), createElement(AlertDialogAction, null, "Supprimer"))))
|
|
302
304
|
},
|
|
303
305
|
variants: [],
|
|
@@ -1074,7 +1076,7 @@ var dialogManifest = {
|
|
|
1074
1076
|
body: "Le contenu de la modale.",
|
|
1075
1077
|
footer: "Actions",
|
|
1076
1078
|
closeLabel: "Fermer",
|
|
1077
|
-
|
|
1079
|
+
defaultOpen: true
|
|
1078
1080
|
},
|
|
1079
1081
|
variants: [],
|
|
1080
1082
|
props: [
|
|
@@ -1259,7 +1261,7 @@ var dropdownMenuManifest = {
|
|
|
1259
1261
|
summary: "Un menu flottant ouvert par un déclencheur : des items simples, à cocher, radio, ou un sous-menu, séparés par des traits. Livré en parts importables séparément ; l’app fournit les libellés et les actions.",
|
|
1260
1262
|
level: "primitive",
|
|
1261
1263
|
example: {
|
|
1262
|
-
|
|
1264
|
+
defaultOpen: true,
|
|
1263
1265
|
children: createElement(Fragment$1, null, createElement(DropdownMenuTrigger, { className: buttonVariants({ variant: "outline" }) }, "Actions"), createElement(DropdownMenuContent, { align: "start" }, createElement(DropdownMenuLabel, null, "Colonnes"), createElement(DropdownMenuItem, null, "Nom"), createElement(DropdownMenuItem, null, "Statut"), createElement(DropdownMenuSeparator, null), createElement(DropdownMenuItem, null, "Réinitialiser")))
|
|
1264
1266
|
},
|
|
1265
1267
|
variants: [],
|
|
@@ -1792,7 +1794,7 @@ var popoverManifest = {
|
|
|
1792
1794
|
summary: "Une surface flottante de contenu riche, ouverte au clic d’un déclencheur. Livrée en parts importables séparément ; le contenu et ses libellés viennent de l’app.",
|
|
1793
1795
|
level: "primitive",
|
|
1794
1796
|
example: {
|
|
1795
|
-
|
|
1797
|
+
defaultOpen: true,
|
|
1796
1798
|
children: createElement(Fragment$1, null, createElement(PopoverTrigger, { className: buttonVariants({ variant: "outline" }) }, "Filtres"), createElement(PopoverContent, { align: "start" }, "Le contenu de la bulle."))
|
|
1797
1799
|
},
|
|
1798
1800
|
variants: [],
|
|
@@ -3041,6 +3043,7 @@ function FacetedDataTable({ data, renderColumns, facets, globalFilterFn, labels,
|
|
|
3041
3043
|
features: dataTableFeatures,
|
|
3042
3044
|
data,
|
|
3043
3045
|
columns,
|
|
3046
|
+
autoResetPageIndex: false,
|
|
3044
3047
|
state: {
|
|
3045
3048
|
sorting,
|
|
3046
3049
|
globalFilter: current.globalFilter,
|
|
@@ -3213,7 +3216,7 @@ var sheetManifest = {
|
|
|
3213
3216
|
summary: "Un panneau ancré à un bord de l’écran, sur un voile : un déclencheur, un en-tête (titre, description), un corps et un pied. Livré en parts importables séparément ; `side=\"bottom\"` est le drawer.",
|
|
3214
3217
|
level: "bloc",
|
|
3215
3218
|
example: {
|
|
3216
|
-
|
|
3219
|
+
defaultOpen: true,
|
|
3217
3220
|
children: createElement(Fragment$1, null, createElement(SheetTrigger, { className: buttonVariants({ variant: "outline" }) }, "Ouvrir"), createElement(SheetContent, { side: "right" }, createElement(SheetHeader, null, createElement(SheetTitle, null, "Panneau"), createElement(SheetDescription, null, "Une description courte.")), "Le contenu du panneau."))
|
|
3218
3221
|
},
|
|
3219
3222
|
variants: [{
|
|
@@ -5682,16 +5685,22 @@ var tokensResource = {
|
|
|
5682
5685
|
"--nomos-color-brand": "#00c9b1",
|
|
5683
5686
|
"--nomos-color-scrim": "0 0% 0% / 0.8",
|
|
5684
5687
|
"--nomos-color-status-info": "199 89% 48%",
|
|
5688
|
+
"--nomos-color-status-info-surface": "202 49% 14%",
|
|
5685
5689
|
"--nomos-color-status-info-ink": "198 93% 74%",
|
|
5686
5690
|
"--nomos-color-status-progress": "258 90% 66%",
|
|
5691
|
+
"--nomos-color-status-progress-surface": "256 30% 17%",
|
|
5687
5692
|
"--nomos-color-status-progress-ink": "255 92% 85%",
|
|
5688
5693
|
"--nomos-color-status-attention": "38 92% 50%",
|
|
5694
|
+
"--nomos-color-status-attention-surface": "36 45% 14%",
|
|
5689
5695
|
"--nomos-color-status-attention-ink": "46 97% 65%",
|
|
5690
5696
|
"--nomos-color-status-warning": "25 95% 53%",
|
|
5697
|
+
"--nomos-color-status-warning-surface": "22 42% 15%",
|
|
5691
5698
|
"--nomos-color-status-warning-ink": "31 97% 72%",
|
|
5692
5699
|
"--nomos-color-status-danger": "0 84% 60%",
|
|
5700
|
+
"--nomos-color-status-danger-surface": "354 33% 15%",
|
|
5693
5701
|
"--nomos-color-status-danger-ink": "0 94% 82%",
|
|
5694
5702
|
"--nomos-color-status-success": "160 84% 39%",
|
|
5703
|
+
"--nomos-color-status-success-surface": "166 40% 12%",
|
|
5695
5704
|
"--nomos-color-status-success-ink": "156 72% 67%",
|
|
5696
5705
|
"--nomos-radius-pill": "9999px",
|
|
5697
5706
|
"--nomos-radius-control": "0.625rem",
|
|
@@ -5754,16 +5763,22 @@ var tokensResource = {
|
|
|
5754
5763
|
"--nomos-color-brand": "#00c9b1",
|
|
5755
5764
|
"--nomos-color-scrim": "0 0% 0% / 0.8",
|
|
5756
5765
|
"--nomos-color-status-info": "199 89% 48%",
|
|
5766
|
+
"--nomos-color-status-info-surface": "199 82% 92%",
|
|
5757
5767
|
"--nomos-color-status-info-ink": "201 96% 32%",
|
|
5758
5768
|
"--nomos-color-status-progress": "258 90% 66%",
|
|
5769
|
+
"--nomos-color-status-progress-surface": "258 90% 95%",
|
|
5759
5770
|
"--nomos-color-status-progress-ink": "263 70% 50%",
|
|
5760
5771
|
"--nomos-color-status-attention": "38 92% 50%",
|
|
5772
|
+
"--nomos-color-status-attention-surface": "38 92% 93%",
|
|
5761
5773
|
"--nomos-color-status-attention-ink": "26 90% 37%",
|
|
5762
5774
|
"--nomos-color-status-warning": "25 95% 53%",
|
|
5775
|
+
"--nomos-color-status-warning-surface": "25 95% 93%",
|
|
5763
5776
|
"--nomos-color-status-warning-ink": "17 88% 40%",
|
|
5764
5777
|
"--nomos-color-status-danger": "0 84% 60%",
|
|
5778
|
+
"--nomos-color-status-danger-surface": "0 84% 94%",
|
|
5765
5779
|
"--nomos-color-status-danger-ink": "0 74% 42%",
|
|
5766
5780
|
"--nomos-color-status-success": "160 84% 39%",
|
|
5781
|
+
"--nomos-color-status-success-surface": "160 54% 91%",
|
|
5767
5782
|
"--nomos-color-status-success-ink": "161 94% 25%",
|
|
5768
5783
|
"--nomos-radius-pill": "9999px",
|
|
5769
5784
|
"--nomos-radius-control": "0.625rem",
|