@nadicodeai/design-system 12.1.130 → 12.1.132
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 +4 -0
- package/dist/css/index.css +0 -25
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -1112,6 +1112,10 @@ Who does the work decides how it looks. An Agent's work is that Agent's orb in i
|
|
|
1112
1112
|
|
|
1113
1113
|
One wait gets one indicator. A request waiting for a person is not a wait: queued, paused, blocked, failed and done take the status or feedback treatment. A wait is ink; info blue never marks one.
|
|
1114
1114
|
|
|
1115
|
+
A wait shows where the thing lives. A drawer or dialog stays open only for the person's part: what they still have to do in it (scan a code, finish in the browser, type) or a check that can still refuse what they entered, so they fix it there. Once that is accepted it closes, and what the system still has to do (a restart, an install, a sync) shows on the record's own row or section: its waiting line with the work named ("Connecting Telegram"), then its state, or its failure with the next action. An action that is itself the wait, such as sending an invitation or a payment, keeps its dialog until it answers. Ruled by the owner: Telegram's connect drawer stayed locked on "Connecting" while messaging restarted, after the person's part was done.
|
|
1116
|
+
|
|
1117
|
+
In a row the wait is the row's detail line naming the work, with one waiting line under it and no status badge for the same wait. A waiting line beside a visible sentence or label that names the work is `decorative`; a line standing alone takes a `label`.
|
|
1118
|
+
|
|
1115
1119
|
### Failure surfaces
|
|
1116
1120
|
|
|
1117
1121
|
A page that cannot show what was asked for opens with a picture, the way a Portal email does: one whole cut-out in art direction's editorial register, centred above the words, whose idea says what happened. Decorative artwork has no gallery caption, title, materials or year. Below the picture, on the same centre line, stand a mono eyebrow naming the situation, the page's one heading, one plain sentence, and the recovery action, which leads. The cut-out's transparent ground takes the page's own, so one file serves light and dark, and it stays whole at every width: it scales down with the column and is never cropped by the viewport. No orb turns on a failure page.
|
package/dist/css/index.css
CHANGED
|
@@ -1403,28 +1403,6 @@
|
|
|
1403
1403
|
animation: nc-msg-in var(--nc-duration-msg-in) var(--nc-ease-emphasized) both;
|
|
1404
1404
|
animation-delay: var(--nc-anim-delay, 0ms);
|
|
1405
1405
|
}
|
|
1406
|
-
.nc-transition-paint {
|
|
1407
|
-
transition-property:
|
|
1408
|
-
background-color,
|
|
1409
|
-
border-color,
|
|
1410
|
-
color,
|
|
1411
|
-
opacity;
|
|
1412
|
-
transition-duration: var(--nc-duration-confirm);
|
|
1413
|
-
transition-timing-function: var(--nc-ease-out-strong);
|
|
1414
|
-
}
|
|
1415
|
-
.nc-transition-opacity {
|
|
1416
|
-
transition-property: opacity;
|
|
1417
|
-
transition-duration: var(--nc-duration-confirm);
|
|
1418
|
-
transition-timing-function: var(--nc-ease-out-strong);
|
|
1419
|
-
}
|
|
1420
|
-
.nc-transition-transform {
|
|
1421
|
-
transition-property:
|
|
1422
|
-
transform,
|
|
1423
|
-
translate,
|
|
1424
|
-
scale;
|
|
1425
|
-
transition-duration: var(--nc-duration-confirm);
|
|
1426
|
-
transition-timing-function: var(--nc-ease-out-strong);
|
|
1427
|
-
}
|
|
1428
1406
|
@media (prefers-reduced-motion: no-preference) {
|
|
1429
1407
|
[data-nc-settle=armed] {
|
|
1430
1408
|
opacity: 0;
|
|
@@ -1450,9 +1428,6 @@
|
|
|
1450
1428
|
opacity: 1;
|
|
1451
1429
|
transform: none;
|
|
1452
1430
|
}
|
|
1453
|
-
.nc-transition-transform {
|
|
1454
|
-
transition: none;
|
|
1455
|
-
}
|
|
1456
1431
|
.nc-arrive {
|
|
1457
1432
|
filter: none;
|
|
1458
1433
|
transition-property: opacity;
|