@nadicodeai/design-system 0.10.1 → 0.10.2
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 +1 -1
- package/dist/css/motion.css +14 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -40,7 +40,7 @@ Everything is token-only (`var(--nc-*)`); there is no hard-coded hex in the CSS
|
|
|
40
40
|
|
|
41
41
|
The built bundle mirrors every kept partial into `dist/css/`. Generic marketing/SaaS sections and interactive components ship from `@nadicodeai/ui`, not this CSS package.
|
|
42
42
|
|
|
43
|
-
### The
|
|
43
|
+
### The seven-layer cascade
|
|
44
44
|
|
|
45
45
|
The bundle declares one explicit `@layer` order up front, then imports each partial into its own layer:
|
|
46
46
|
|
package/dist/css/motion.css
CHANGED
|
@@ -23,10 +23,11 @@
|
|
|
23
23
|
* built-in where a brand curve exists.
|
|
24
24
|
* - State feedback completes in 150–200 ms; press <= 160 ms; only the
|
|
25
25
|
* demonstration (Type) may run longer.
|
|
26
|
-
* - DURATION TIERS: UI feedback stays under 300 ms.
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
26
|
+
* - DURATION TIERS: UI feedback stays under 300 ms.
|
|
27
|
+
* --nc-duration-msg-in (360 ms) is reserved for the one-time Settle
|
|
28
|
+
* entrance, never for motion the operator meets on every refetch. No
|
|
29
|
+
* reflow/count-up timing is adopted; the deprecated compatibility token
|
|
30
|
+
* below is not an approved semantic use.
|
|
30
31
|
* - ASYMMETRIC TIMING: a deliberate action opens slower than it dismisses.
|
|
31
32
|
* Popovers/menus/dialogs open at --nc-duration-open (220 ms) and close at
|
|
32
33
|
* --nc-duration-close (140 ms); the open invites, the close gets out of the
|
|
@@ -37,7 +38,10 @@
|
|
|
37
38
|
* - INTERRUPTIBLE: gesture- or toast-driven motion retargets from its
|
|
38
39
|
* current position; it is never restarted from a fixed keyframe mid-flight.
|
|
39
40
|
* - Nothing enters from scale(0) or from nothing.
|
|
40
|
-
* - PROPERTY DISCIPLINE:
|
|
41
|
+
* - PROPERTY DISCIPLINE: shared product primitive feedback and overlays use
|
|
42
|
+
* compositor-only opacity and individual translate/scale properties; they
|
|
43
|
+
* never take over a consumer's full transform. The opt-in Settle/Type
|
|
44
|
+
* presentation hooks below retain their legacy keyframes.
|
|
41
45
|
* The Confirm move may additionally transition background-color,
|
|
42
46
|
* border-color, and color at --nc-duration-confirm — colour is the state
|
|
43
47
|
* change itself, and a paint-only transition triggers no reflow. Never
|
|
@@ -55,8 +59,8 @@
|
|
|
55
59
|
* animate — a blanket transition drags unintended props off the compositor).
|
|
56
60
|
*
|
|
57
61
|
* REDUCED MOTION: prefers-reduced-motion removes movement entirely — Settle
|
|
58
|
-
* and Type loops gone, Confirm instant, press
|
|
59
|
-
* identically motionless.
|
|
62
|
+
* and Type loops gone, Confirm instant, press transforms removed. Immediate
|
|
63
|
+
* state and focus semantics remain. The page must read identically motionless.
|
|
60
64
|
*
|
|
61
65
|
* BOUNDARY: nc-pulse is the live running-state indicator on agentic surfaces
|
|
62
66
|
* ONLY (state-row / run-timeline, running kind). DESIGN.md bans pulses for
|
|
@@ -88,13 +92,9 @@
|
|
|
88
92
|
--nc-duration-pulse: 1.6s;
|
|
89
93
|
--nc-duration-confirm: 180ms;
|
|
90
94
|
|
|
91
|
-
/*
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
300ms UI-feedback ceiling so it never feels
|
|
95
|
-
sluggish on a surface met on every refetch.
|
|
96
|
-
360ms (--nc-duration-msg-in) stays reserved
|
|
97
|
-
for the one-time Settle entrance. */
|
|
95
|
+
/* Deprecated 0.10.x compatibility token; remove in a breaking release.
|
|
96
|
+
It remains defined only so patch upgrades do not invalidate existing
|
|
97
|
+
consumer CSS. Do not use it for reflow, count-up, or new runtime motion. */
|
|
98
98
|
--nc-duration-reflow: 250ms;
|
|
99
99
|
|
|
100
100
|
/* Asymmetric open/close cadence (craft-rule tokens for the ASYMMETRIC TIMING
|