@nadicodeai/design-system 5.1.0 → 5.2.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/DESIGN.md
CHANGED
|
@@ -592,9 +592,9 @@ A register adds rules. It never redefines a foundation value. A value one regist
|
|
|
592
592
|
|
|
593
593
|
| Register | Rulebook | Its own token families | Dark mode |
|
|
594
594
|
| --- | --- | --- | --- |
|
|
595
|
-
| Website | `
|
|
595
|
+
| Website | `apps/website/docs/design-doctrine.md` over `## Layout` here | `register.website.layout`: `section`, `page-*`, `frame-*`, `cell-padding`, `section-gap`, `cross-size-*`, every `h-*` height. It speaks `display-xl`, `display-lg`, and `title-lg` | Light only |
|
|
596
596
|
| Portal | `apps/portal/docs/design-doctrine.md` | `register.portal.density`: `filter-chip-gap`, `filter-chip-height`, `filter-chip-icon` | System, light, dark, on the `.dark` class |
|
|
597
|
-
| Nadia desktop app | `
|
|
597
|
+
| Nadia desktop app | `apps/nadia/docs/design-doctrine.md` | `register.nadia.*`: the colour-role aliases, the radius aliases, six elevation recipes, and the overlay border; data only, never projected to CSS | Follows the operating system, on the `.dark` class |
|
|
598
598
|
|
|
599
599
|
The website's depth is flat and architectural: hairlines, contrast, dotted fields, diagonal fills, and dark action bands make hierarchy, and the page frame and row grid stay dominant. It uses no rung of the material ladder and no floating card stack as page structure. Marketing bands may use `register.website.layout.section`, emitted as `--nc-section`, when they need the broader inherited hero rhythm. The website kernel uses no negative letter spacing outside the two display tiers.
|
|
600
600
|
|
|
@@ -951,13 +951,13 @@ An alias is written in the short `{core.color.canvas}` form here; the build rewr
|
|
|
951
951
|
"input": {"$value":"{core.color.seam}"},
|
|
952
952
|
"ring": {"$value":"{core.color.focus-ring}"},
|
|
953
953
|
"midground": {"$value":"{core.color.body}"},
|
|
954
|
-
"composer-ring": {"$value":"{core.color.
|
|
954
|
+
"composer-ring": {"$value":"{core.color.focus-ring}"},
|
|
955
955
|
"destructive": {"$value":"{core.color.error}"},
|
|
956
956
|
"destructive-foreground": {"$value":"{core.color.on-primary}"},
|
|
957
957
|
"sidebar-background": {"$value":"{core.color.canvas-soft}"},
|
|
958
958
|
"sidebar-border": {"$value":"{core.color.line}"},
|
|
959
|
-
"user-bubble": {"$value":"{core.color.
|
|
960
|
-
"user-bubble-border": {"$value":"{core.color.
|
|
959
|
+
"user-bubble": {"$value":"{core.color.canvas-soft-2}"},
|
|
960
|
+
"user-bubble-border": {"$value":"{core.color.line}"},
|
|
961
961
|
"medallion": {"$value":"{core.color.verde-vivo}"}
|
|
962
962
|
},
|
|
963
963
|
"dark": {
|
|
@@ -980,13 +980,13 @@ An alias is written in the short `{core.color.canvas}` form here; the build rewr
|
|
|
980
980
|
"input": {"$value":"{core.color.dark-input}"},
|
|
981
981
|
"ring": {"$value":"{core.color.dark-focus-ring}"},
|
|
982
982
|
"midground": {"$value":"{core.color.dark-muted}"},
|
|
983
|
-
"composer-ring": {"$value":"{core.color.dark-
|
|
983
|
+
"composer-ring": {"$value":"{core.color.dark-focus-ring}"},
|
|
984
984
|
"destructive": {"$value":"{core.color.flag-red}"},
|
|
985
985
|
"destructive-foreground": {"$value":"{core.color.on-primary}"},
|
|
986
986
|
"sidebar-background": {"$value":"{core.color.dark-canvas}"},
|
|
987
987
|
"sidebar-border": {"$value":"{core.color.dark-seam}"},
|
|
988
|
-
"user-bubble": {"$value":"{core.color.dark-
|
|
989
|
-
"user-bubble-border": {"$value":"{core.color.dark-
|
|
988
|
+
"user-bubble": {"$value":"{core.color.dark-canvas-soft-2}"},
|
|
989
|
+
"user-bubble-border": {"$value":"{core.color.dark-line}"},
|
|
990
990
|
"medallion": {"$value":"{core.color.dark-verde-vivo}"}
|
|
991
991
|
}
|
|
992
992
|
},
|
|
@@ -3945,11 +3945,11 @@
|
|
|
3945
3945
|
"$value": {
|
|
3946
3946
|
"colorSpace": "srgb",
|
|
3947
3947
|
"components": [
|
|
3948
|
-
0,
|
|
3949
|
-
0.
|
|
3950
|
-
0.
|
|
3948
|
+
0.067,
|
|
3949
|
+
0.067,
|
|
3950
|
+
0.067
|
|
3951
3951
|
],
|
|
3952
|
-
"hex": "#
|
|
3952
|
+
"hex": "#111111"
|
|
3953
3953
|
}
|
|
3954
3954
|
},
|
|
3955
3955
|
"destructive": {
|
|
@@ -4000,22 +4000,22 @@
|
|
|
4000
4000
|
"$value": {
|
|
4001
4001
|
"colorSpace": "srgb",
|
|
4002
4002
|
"components": [
|
|
4003
|
-
0.
|
|
4004
|
-
0.
|
|
4005
|
-
0.
|
|
4003
|
+
0.961,
|
|
4004
|
+
0.961,
|
|
4005
|
+
0.961
|
|
4006
4006
|
],
|
|
4007
|
-
"hex": "#
|
|
4007
|
+
"hex": "#f5f5f5"
|
|
4008
4008
|
}
|
|
4009
4009
|
},
|
|
4010
4010
|
"user-bubble-border": {
|
|
4011
4011
|
"$value": {
|
|
4012
4012
|
"colorSpace": "srgb",
|
|
4013
4013
|
"components": [
|
|
4014
|
-
0,
|
|
4015
|
-
0.
|
|
4016
|
-
0.
|
|
4014
|
+
0.898,
|
|
4015
|
+
0.898,
|
|
4016
|
+
0.898
|
|
4017
4017
|
],
|
|
4018
|
-
"hex": "#
|
|
4018
|
+
"hex": "#e5e5e5"
|
|
4019
4019
|
}
|
|
4020
4020
|
},
|
|
4021
4021
|
"medallion": {
|
|
@@ -4234,11 +4234,11 @@
|
|
|
4234
4234
|
"$value": {
|
|
4235
4235
|
"colorSpace": "srgb",
|
|
4236
4236
|
"components": [
|
|
4237
|
-
0.
|
|
4238
|
-
0.
|
|
4239
|
-
0.
|
|
4237
|
+
0.929,
|
|
4238
|
+
0.929,
|
|
4239
|
+
0.929
|
|
4240
4240
|
],
|
|
4241
|
-
"hex": "#
|
|
4241
|
+
"hex": "#ededed"
|
|
4242
4242
|
}
|
|
4243
4243
|
},
|
|
4244
4244
|
"destructive": {
|
|
@@ -4289,22 +4289,22 @@
|
|
|
4289
4289
|
"$value": {
|
|
4290
4290
|
"colorSpace": "srgb",
|
|
4291
4291
|
"components": [
|
|
4292
|
-
0,
|
|
4293
|
-
0.
|
|
4294
|
-
0.
|
|
4292
|
+
0.102,
|
|
4293
|
+
0.102,
|
|
4294
|
+
0.102
|
|
4295
4295
|
],
|
|
4296
|
-
"hex": "#
|
|
4296
|
+
"hex": "#1a1a1a"
|
|
4297
4297
|
}
|
|
4298
4298
|
},
|
|
4299
4299
|
"user-bubble-border": {
|
|
4300
4300
|
"$value": {
|
|
4301
4301
|
"colorSpace": "srgb",
|
|
4302
4302
|
"components": [
|
|
4303
|
-
0.
|
|
4304
|
-
0.
|
|
4305
|
-
0.
|
|
4303
|
+
0.149,
|
|
4304
|
+
0.149,
|
|
4305
|
+
0.149
|
|
4306
4306
|
],
|
|
4307
|
-
"hex": "#
|
|
4307
|
+
"hex": "#262626"
|
|
4308
4308
|
}
|
|
4309
4309
|
},
|
|
4310
4310
|
"medallion": {
|
|
@@ -3798,7 +3798,7 @@
|
|
|
3798
3798
|
"$value": "{nadicode.core.color.body}"
|
|
3799
3799
|
},
|
|
3800
3800
|
"composer-ring": {
|
|
3801
|
-
"$value": "{nadicode.core.color.
|
|
3801
|
+
"$value": "{nadicode.core.color.focus-ring}"
|
|
3802
3802
|
},
|
|
3803
3803
|
"destructive": {
|
|
3804
3804
|
"$value": "{nadicode.core.color.error}"
|
|
@@ -3813,10 +3813,10 @@
|
|
|
3813
3813
|
"$value": "{nadicode.core.color.line}"
|
|
3814
3814
|
},
|
|
3815
3815
|
"user-bubble": {
|
|
3816
|
-
"$value": "{nadicode.core.color.
|
|
3816
|
+
"$value": "{nadicode.core.color.canvas-soft-2}"
|
|
3817
3817
|
},
|
|
3818
3818
|
"user-bubble-border": {
|
|
3819
|
-
"$value": "{nadicode.core.color.
|
|
3819
|
+
"$value": "{nadicode.core.color.line}"
|
|
3820
3820
|
},
|
|
3821
3821
|
"medallion": {
|
|
3822
3822
|
"$value": "{nadicode.core.color.verde-vivo}"
|
|
@@ -3879,7 +3879,7 @@
|
|
|
3879
3879
|
"$value": "{nadicode.core.color.dark-muted}"
|
|
3880
3880
|
},
|
|
3881
3881
|
"composer-ring": {
|
|
3882
|
-
"$value": "{nadicode.core.color.dark-
|
|
3882
|
+
"$value": "{nadicode.core.color.dark-focus-ring}"
|
|
3883
3883
|
},
|
|
3884
3884
|
"destructive": {
|
|
3885
3885
|
"$value": "{nadicode.core.color.flag-red}"
|
|
@@ -3894,10 +3894,10 @@
|
|
|
3894
3894
|
"$value": "{nadicode.core.color.dark-seam}"
|
|
3895
3895
|
},
|
|
3896
3896
|
"user-bubble": {
|
|
3897
|
-
"$value": "{nadicode.core.color.dark-
|
|
3897
|
+
"$value": "{nadicode.core.color.dark-canvas-soft-2}"
|
|
3898
3898
|
},
|
|
3899
3899
|
"user-bubble-border": {
|
|
3900
|
-
"$value": "{nadicode.core.color.dark-
|
|
3900
|
+
"$value": "{nadicode.core.color.dark-line}"
|
|
3901
3901
|
},
|
|
3902
3902
|
"medallion": {
|
|
3903
3903
|
"$value": "{nadicode.core.color.dark-verde-vivo}"
|