@umriss-ui/schedule 0.1.8 → 0.2.0
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/CHANGELOG.md +43 -0
- package/README.md +5 -0
- package/dist/schedule.css +1 -1
- package/dist/schedule.js +1194 -847
- package/docs/llms-full.md +3451 -0
- package/package.json +6 -5
package/CHANGELOG.md
CHANGED
|
@@ -15,6 +15,49 @@ moves from here under the rule above.
|
|
|
15
15
|
|
|
16
16
|
---
|
|
17
17
|
|
|
18
|
+
## 0.2.0 – By keyboard and screen reader (Sep. 2026)
|
|
19
|
+
|
|
20
|
+
Needs `@umriss-ui/core` 0.10 and `@umriss-ui/charts` 0.7: it reads the schedule's wording keys; the peer ranges move to `^0.10.0` and `^0.7.0`.
|
|
21
|
+
|
|
22
|
+
### Added
|
|
23
|
+
|
|
24
|
+
- **The Windows contrast mode** (`forced-colors: active`, forced-colors 03).
|
|
25
|
+
The browser forces the page around the plot and none of its pixels, so the
|
|
26
|
+
plot paints itself in the system colours, as the charts do: the work in the
|
|
27
|
+
text colour, lines in `GrayText`, and the selection colour kept for the
|
|
28
|
+
**Active subtask** alone, as an outline around its bar. Overlaps and late
|
|
29
|
+
transports are drawn in the text colour and dashed, the present in
|
|
30
|
+
`GrayText`. The frame, the tooltip, the grips and the ghost's label keep an
|
|
31
|
+
edge. Nothing changes outside forced colours.
|
|
32
|
+
- **`docs/llms-full.md`**, the package's documentation as one Markdown file for
|
|
33
|
+
a coding agent, in the npm package and pinned to its version: every demo page
|
|
34
|
+
with its import line, its examples' source, its props tables and why it is
|
|
35
|
+
built as it is, and the declaration of every other export. The same text
|
|
36
|
+
stands online as <https://romanhaendler.github.io/umriss-ui/schedule/llms-full.txt>,
|
|
37
|
+
with an index of the pages beside it (`llms.txt`).
|
|
38
|
+
- **The schedule by keyboard and screen reader** (schedule-a11y, ADR-0030's
|
|
39
|
+
pattern; ADR-0033 where it departs from it). The plot is one tab stop (`role="application"`, role description
|
|
40
|
+
"schedule", the schedule's `ariaLabel`) with an **Active subtask**: ←/→ walk
|
|
41
|
+
a lane in time order, ↑/↓ go to the nearest subtask on the lane above or
|
|
42
|
+
below (a folded group is one row), Home/End to the lane's first and last,
|
|
43
|
+
PageUp/PageDown by a tenth of the view. `]` or `t` follows a transport out
|
|
44
|
+
from its subtask and on to the next stop, `[` or Shift+T goes back - `t`
|
|
45
|
+
because a German keyboard reaches the brackets only with AltGr. The view
|
|
46
|
+
pans and scrolls to bring the active subtask into it. The active subtask is drawn and tooltipped
|
|
47
|
+
as the hover is; the pointer takes it over by moving, and keys walk on from
|
|
48
|
+
the pointer's.
|
|
49
|
+
- **Space and Enter select** the active subtask's task, reported through
|
|
50
|
+
`onSelectedTaskChange` as a click is.
|
|
51
|
+
- **Editing by key**: Alt+←/→ proposes a move by one step of the snap raster,
|
|
52
|
+
Alt+Shift+←/→ a new end - the same `move` and `stretch` intents a drag of that
|
|
53
|
+
length reports, and only where `intents` lists them.
|
|
54
|
+
- **What a screen reader hears**: once the keys rest (150 ms), a polite readout
|
|
55
|
+
of the lane, the task, the subtask, its day and times and every finding by
|
|
56
|
+
name; never after the pointer. The plot is described by a summary - lanes,
|
|
57
|
+
subtasks in view, the visible span, the plan's overlaps and late transports -
|
|
58
|
+
and the key help. New wording entries in `@umriss-ui/core`, English and
|
|
59
|
+
German: `scheduleRoleDescription`, `scheduleSummary`, `scheduleKeyHelp`.
|
|
60
|
+
|
|
18
61
|
## 0.1.8 – Core 0.9.0 (Sep. 2026)
|
|
19
62
|
|
|
20
63
|
Admits `@umriss-ui/core` 0.9, which only adds a token; the peer range moves to `^0.9.0`. Nothing else changes.
|
package/README.md
CHANGED
|
@@ -136,6 +136,11 @@ point into a time and a lane and back.
|
|
|
136
136
|
`pnpm dev:schedule` (port 4176). It is the documentation — every page shows
|
|
137
137
|
running examples with their source and the props table generated from `src/`.
|
|
138
138
|
* [`CHANGELOG.md`](CHANGELOG.md) — what changes for a caller.
|
|
139
|
+
* **For a coding agent**: `docs/llms-full.md` inside the installed package —
|
|
140
|
+
the demo as one Markdown file, pinned to the installed version: every page
|
|
141
|
+
with its examples' source, its props tables and why it is built as it is,
|
|
142
|
+
and the declaration of every other export. Online, for the latest version:
|
|
143
|
+
<https://romanhaendler.github.io/umriss-ui/schedule/llms.txt>.
|
|
139
144
|
* The vocabulary — **Task**, **Subtask**, **Setup**, **Teardown**,
|
|
140
145
|
**Transport**, **Late transport**, **Lane header**, **Lane group**,
|
|
141
146
|
**Miniature**, **Intent**, **Ghost** — stands in the workspace's
|
package/dist/schedule.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{.
|
|
1
|
+
@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.base{._text_k1tvc_23{font-family:var(--u-font-sans);font-size:var(--u-text-md);line-height:var(--u-leading-normal);color:var(--u-color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}._field_k1tvc_34{caret-color:var(--u-color-accent)}._scroll_k1tvc_40{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--u-color-text) 25%,transparent) transparent}._scroll_k1tvc_40::-webkit-scrollbar{width:10px;height:10px}._scroll_k1tvc_40::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--u-color-text) 22%,transparent);border-radius:var(--u-radius-full);border:3px solid transparent;background-clip:content-box}._scroll_k1tvc_40::-webkit-scrollbar-track{background:transparent}}@layer umriss.components{._ring_k1tvc_69:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}@media(pointer:coarse){._field_k1tvc_34._field_k1tvc_34{font-size:16px}}._field_k1tvc_34:-webkit-autofill,._field_k1tvc_34:-webkit-autofill:hover,._field_k1tvc_34:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px var(--u-color-surface),0 0 0 1px var(--u-edge-color-strong);-webkit-text-fill-color:var(--u-color-text);caret-color:var(--u-color-accent)}}@layer umriss.tokens,umriss.base,umriss.components;@layer umriss.components{._root_19uyg_4,._root_19uyg_4:before,._root_19uyg_4:after{box-sizing:border-box}._corner_19uyg_19,._corner_19uyg_19:before,._corner_19uyg_19:after{box-sizing:border-box}._dayBand_19uyg_23,._dayBand_19uyg_23:before,._dayBand_19uyg_23:after{box-sizing:border-box}._tickBand_19uyg_24,._tickBand_19uyg_24:before,._tickBand_19uyg_24:after{box-sizing:border-box}._day_19uyg_23,._day_19uyg_23:before,._day_19uyg_23:after{box-sizing:border-box}._dayLabel_19uyg_47,._dayLabel_19uyg_47:before,._dayLabel_19uyg_47:after{box-sizing:border-box}._tick_19uyg_24,._tick_19uyg_24:before,._tick_19uyg_24:after{box-sizing:border-box}._tickLabel_19uyg_65,._tickLabel_19uyg_65:before,._tickLabel_19uyg_65:after{box-sizing:border-box}._headers_19uyg_73,._headers_19uyg_73:before,._headers_19uyg_73:after{box-sizing:border-box}._header_19uyg_73,._header_19uyg_73:before,._header_19uyg_73:after{box-sizing:border-box}._headerLabel_19uyg_91,._headerLabel_19uyg_91:before,._headerLabel_19uyg_91:after{box-sizing:border-box}._headerCount_19uyg_104,._headerCount_19uyg_104:before,._headerCount_19uyg_104:after{box-sizing:border-box}._chevron_19uyg_113,._chevron_19uyg_113:before,._chevron_19uyg_113:after{box-sizing:border-box}._plot_19uyg_171,._plot_19uyg_171:before,._plot_19uyg_171:after{box-sizing:border-box}._focusRing_19uyg_178,._focusRing_19uyg_178:before,._focusRing_19uyg_178:after{box-sizing:border-box}._layer_19uyg_196,._layer_19uyg_196:before,._layer_19uyg_196:after{box-sizing:border-box}._grip_19uyg_205,._grip_19uyg_205:before,._grip_19uyg_205:after{box-sizing:border-box}._ghostLabel_19uyg_215,._ghostLabel_19uyg_215:before,._ghostLabel_19uyg_215:after{box-sizing:border-box}._finding_19uyg_228,._finding_19uyg_228:before,._finding_19uyg_228:after{box-sizing:border-box}._refusal_19uyg_236,._refusal_19uyg_236:before,._refusal_19uyg_236:after{box-sizing:border-box}._tooltip_19uyg_240,._tooltip_19uyg_240:before,._tooltip_19uyg_240:after{box-sizing:border-box}._tooltipHead_19uyg_259,._tooltipHead_19uyg_259:before,._tooltipHead_19uyg_259:after{box-sizing:border-box}._tooltipTimes_19uyg_264,._tooltipTimes_19uyg_264:before,._tooltipTimes_19uyg_264:after{box-sizing:border-box}._now_19uyg_273,._now_19uyg_273:before,._now_19uyg_273:after{box-sizing:border-box}._barLabel_19uyg_287,._barLabel_19uyg_287:before,._barLabel_19uyg_287:after{box-sizing:border-box}._barLabelText_19uyg_300,._barLabelText_19uyg_300:before,._barLabelText_19uyg_300:after{box-sizing:border-box}._root_19uyg_4{display:grid;grid-template-rows:28px minmax(0,1fr) 28px;width:100%;font-size:var(--u-text-sm);background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-edge);border-radius:var(--u-radius-md);corner-shape:squircle;overflow:hidden;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}._corner_19uyg_19{background:var(--u-color-surface)}._dayBand_19uyg_23,._tickBand_19uyg_24{position:relative;overflow:hidden;color:var(--u-color-text-muted);font-size:var(--u-text-xs)}._dayBand_19uyg_23{border-bottom:1px solid var(--u-hairline-strong)}._tickBand_19uyg_24{border-top:1px solid var(--u-hairline-strong)}._day_19uyg_23{position:absolute;top:0;bottom:0;border-left:1px solid var(--u-hairline-strong);overflow:hidden}._dayLabel_19uyg_47{position:absolute;left:var(--u-space-2);top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--u-color-text);font-weight:var(--u-weight-medium)}._tick_19uyg_24{position:absolute;top:0;bottom:0;width:1px;background:var(--u-hairline)}._tickLabel_19uyg_65{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);white-space:nowrap}._headers_19uyg_73{position:relative;overflow:hidden;border-right:1px solid var(--u-hairline-strong)}._header_19uyg_73{display:flex;align-items:center;gap:var(--u-space-2);padding-right:var(--u-space-3);border-bottom:1px solid var(--u-hairline);overflow:hidden;white-space:nowrap}._headerLabel_19uyg_91{min-width:0;overflow:hidden;text-overflow:ellipsis}._header_19uyg_73[data-row=groupHead],._header_19uyg_73[data-row=miniature]{font-weight:var(--u-weight-medium)}._headerCount_19uyg_104{flex:none;color:var(--u-color-text-muted);font-size:var(--u-text-xs);font-variant-numeric:tabular-nums}._chevron_19uyg_113{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:var(--u-radius-xs);corner-shape:squircle;background:transparent;color:var(--u-color-text-secondary);cursor:pointer;transition:background-color var(--u-transition),color var(--u-transition)}._chevron_19uyg_113:hover{background:var(--u-color-surface-sunken);color:var(--u-color-text)}._chevron_19uyg_113:active{background:var(--u-color-surface-pressed)}._chevron_19uyg_113:focus-visible{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._chevron_19uyg_113 svg{box-sizing:border-box}._chevron_19uyg_113 svg{transition:transform var(--u-transition-path)}._chevron_19uyg_113 svg[data-open]{box-sizing:border-box}._chevron_19uyg_113 svg[data-open]{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){._chevron_19uyg_113 svg{transition:none}}._header_19uyg_73[data-refused]{color:var(--u-color-text-muted)}._plot_19uyg_171{position:relative;overflow:hidden;touch-action:none}._plot_19uyg_171:focus{outline:none}._focusRing_19uyg_178{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--u-radius-md);corner-shape:squircle;pointer-events:none}._plot_19uyg_171:focus-visible>._focusRing_19uyg_178{outline:2px solid transparent;box-shadow:var(--u-focus-ring)}._layer_19uyg_196{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}._grip_19uyg_205{position:absolute;width:9px;margin-left:-4px;border-radius:var(--u-radius-xs);corner-shape:squircle;background:var(--u-color-surface);box-shadow:inset 0 0 0 1.5px var(--u-color-text);cursor:ew-resize}._ghostLabel_19uyg_215{position:absolute;display:inline-flex;gap:var(--u-space-2);padding:1px var(--u-space-2);border-radius:var(--u-radius-sm);corner-shape:squircle;background:var(--u-color-text);color:var(--u-color-surface);font-size:var(--u-text-xs);white-space:nowrap;pointer-events:none}._finding_19uyg_228{font-weight:var(--u-weight-semibold);color:var(--u-color-danger-subtle)}._refusal_19uyg_236{font-weight:var(--u-weight-semibold)}._tooltip_19uyg_240{position:absolute;z-index:1;display:flex;flex-direction:column;gap:1px;max-width:260px;padding:var(--u-space-2) var(--u-space-3);border-radius:var(--u-radius-sm);corner-shape:squircle;background:var(--u-color-surface);outline:1px solid transparent;box-shadow:var(--u-shadow-overlay);color:var(--u-color-text-secondary);font-size:var(--u-text-xs);line-height:var(--u-leading-tight);pointer-events:none;white-space:nowrap}._tooltipHead_19uyg_259{color:var(--u-color-text);font-weight:var(--u-weight-semibold)}._tooltipTimes_19uyg_264{color:var(--u-color-text)}._tooltip_19uyg_240 ._finding_19uyg_228{color:var(--u-color-danger-text)}._now_19uyg_273{position:absolute;top:0;width:0;height:0;margin-left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--u-color-accent)}._barLabel_19uyg_287{position:absolute;display:flex;align-items:center;padding:0 var(--u-space-1);overflow:hidden;font-size:var(--u-text-xs);line-height:var(--u-leading-tight);pointer-events:none}._barLabelText_19uyg_300{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._barLabel_19uyg_287[data-on=dark]{color:var(--u-color-on-accent)}._barLabel_19uyg_287[data-on=light]{color:var(--u-color-text)}@media(forced-colors:active){._grip_19uyg_205{outline:2px solid CanvasText;outline-offset:-2px}._ghostLabel_19uyg_215{outline:1px solid CanvasText}}}
|