anentrypoint-design 0.0.210 → 0.0.211

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.210",
+  "version": "0.0.211",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/content.js

@@ -100,7 +100,13 @@ export function Row({ code, rank, title, sub, meta, active, state = 'default', o
                 onkeydown: (e) => { e.stopPropagation(); },
             }, a.label)))
         : null;
+    // Color is not the only status channel: emit a visually-hidden word for the
+    // meaningful rail tones (error/subagent) so AT and color-blind users get the
+    // state. green is the unremarkable default - announcing "ok" everywhere would
+    // be AT noise - so it emits nothing.
+    const railWord = rail === 'flame' ? 'error' : rail === 'purple' ? 'subagent' : null;
     return h(isLink ? 'a' : 'div', props,
+        railWord ? h('span', { class: 'sr-only' }, railWord) : null,
         leading != null ? leading : (codeVal != null ? h('span', { class: 'code' }, codeVal) : null),
         h('span', { class: 'title' }, titleNode, sub ? h('span', { class: 'sub' }, sub) : null),
         trailing != null ? trailing : (meta != null ? h('span', { class: 'meta' }, meta) : null),

package/src/components/files.js

@@ -97,7 +97,7 @@ export function FileRow({ name, type = 'other', size, modified, code, onOpen, on
         'aria-label': (marked ? 'unselect ' : 'select ') + name,
         disabled: (noAccess || busy) ? true : null,
         onclick: onMark ? (e) => onMark({ range: !!e.shiftKey }) : null,
-    }, h('span', { 'aria-hidden': 'true' }, marked ? '[x]' : '[ ]')) : null;
+    }, h('span', { class: 'ds-check-box', 'aria-hidden': 'true' })) : null;
     // A role=button row containing real <button> action controls is invalid
     // HTML (interactive nesting). Instead the row is a plain container and the
     // primary "open" affordance is itself a real <button> (native keyboard +
@@ -243,7 +243,7 @@ export function FileGrid({ files = [], onOpen, onAction, onUp, emptyText = 'No f
             'aria-checked': allState,
             'aria-label': allState === 'true' ? 'clear selection' : 'select all ' + selectableKeys.length + ' shown files',
             onclick: () => (allState === 'true' && onClearSelection) ? onClearSelection() : onSelectAll(selectableKeys) },
-            h('span', { 'aria-hidden': 'true' }, allState === 'true' ? '[x]' : allState === 'mixed' ? '[-]' : '[ ]'),
+            h('span', { class: 'ds-check-box', 'aria-hidden': 'true' }),
             h('span', {}, 'all'))
         : null;
     // Density picker — list / compact / thumbnails. A radiogroup, not tabs:
@@ -334,7 +334,7 @@ function FileCell({ key, f = {}, selectable = false, marked = false, onMark, onO
             'aria-label': (marked ? 'unselect ' : 'select ') + f.name,
             disabled: noAccess ? true : null,
             onclick: onMark ? (e) => onMark({ range: !!e.shiftKey }) : null,
-        }, h('span', { 'aria-hidden': 'true' }, marked ? '[x]' : '[ ]')) : null,
+        }, h('span', { class: 'ds-check-box', 'aria-hidden': 'true' })) : null,
         h('button', {
             key: 'open', type: 'button', class: 'ds-file-cell-open',
             onclick: canOpen ? () => onOpen(f) : null,

package/src/components/sessions.js

@@ -186,7 +186,7 @@ export function SessionCard({ session = {}, onStop, onOpen, onView, active = fal
       'aria-checked': selected ? 'true' : 'false',
       'aria-label': (selected ? 'deselect' : 'select') + ' session ' + (s.title || s.agent || s.sid),
       onclick: () => onToggleSelect && onToggleSelect(s),
-    }, selected ? '[x]' : '[ ]') : null,
+    }, h('span', { class: 'ds-check-box', 'aria-hidden': 'true' })) : null,
     h('span', { class: 'status-dot-disc ' + STATUS_DISC[st], 'aria-hidden': 'true' }),
     h('span', { class: 'ds-dash-status is-' + st }, STATUS_WORD[st]),
     s.external ? h('span', { class: 'ds-dash-external' }, 'external') : null,
@@ -310,7 +310,7 @@ export function SessionDashboard({ sessions = [], onStop, onOpen, onView, onStop
     ? h('button', { key: 'selall', type: 'button', class: 'ds-dash-selectall', role: 'checkbox',
         'aria-checked': allState, 'aria-label': allState === 'true' ? 'clear selection' : 'select all sessions',
         onclick: () => (allState === 'true' && onClearSelection) ? onClearSelection() : onSelectAll(selectableSids) },
-        h('span', { 'aria-hidden': 'true' }, allState === 'true' ? '[x]' : allState === 'mixed' ? '[-]' : '[ ]'),
+        h('span', { class: 'ds-check-box', 'aria-hidden': 'true' }),
         h('span', {}, 'all'))
     : null;
   const clearCtl = (selectable && selCount && onClearSelection)