@telepath-computer/television 0.1.103 → 0.1.105

package/dist/canonical/v1/styles.css

@@ -132,6 +132,10 @@ select {
      grid. */
   --alpha-50:  4%;
   --alpha-100: 8%;
+  /* Half-step between 100 and 200 — for surfaces that need a touch
+     more presence than tint-100 without the heft of tint-200 (e.g.
+     a footer button attached to a tint-100 panel). */
+  --alpha-150: 11%;
   --alpha-200: 15%;
   --alpha-300: 22%;
   --alpha-400: 30%;
@@ -148,6 +152,7 @@ select {
      button/input bgs on a known surface). */
   --tint-50:  color-mix(in srgb, currentColor var(--alpha-50),  transparent);
   --tint-100: color-mix(in srgb, currentColor var(--alpha-100), transparent);
+  --tint-150: color-mix(in srgb, currentColor var(--alpha-150), transparent);
   --tint-200: color-mix(in srgb, currentColor var(--alpha-200), transparent);
   --tint-300: color-mix(in srgb, currentColor var(--alpha-300), transparent);
   --tint-400: color-mix(in srgb, currentColor var(--alpha-400), transparent);
@@ -800,13 +805,22 @@ button[icon-only] {
 /* Attribute conventions — see docs/ui.md § Attribute conventions.
    `[selectable]` opts a subtree back into text selection inside an
    ancestor that disabled it (the app's main area sets
-   `user-select: none` to suppress accidental chrome selection). */
+   `user-select: none` to suppress accidental chrome selection).
+   `[unselectable]` is the inverse — opts a subtree back OUT of
+   selection inside a `[selectable]` ancestor, for chrome labels
+   (e.g. "Used 5 tools") that sit alongside copyable content. */
 [selectable],
 [selectable] * {
   user-select: text;
   -webkit-user-select: text;
 }
 
+[unselectable],
+[unselectable] * {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
 /* Prose — opt-in typography for document content */
 
 .prose {