@putdotio/design 2.0.2 → 3.0.0

package/tokens/context.tokens.json

@@ -94,6 +94,64 @@
             }
           }
         },
+        "nightly": {
+          "$description": "Nightly/staging store-art flavor: TestFlight, Play internal/closed tracks, and staging TV sideloads. True-black sky with scattered stars; the mark stays exactly as production draws it, so the surface alone carries the flavor.",
+          "background": {
+            "$type": "color",
+            "$value": "hsl(0, 0%, 2%)",
+            "$description": "True black, one step past production charcoal; carries the star field so a staging build is unmistakable next to the shipping app.",
+            "$extensions": {
+              "putio": {
+                "cssName": "tv-channel-art-nightly-bg",
+                "mode": "tv"
+              }
+            }
+          },
+          "accent": {
+            "$type": "color",
+            "$value": "{color.brand.yellow}",
+            "$description": "Unlike dev, nightly does not recolor the mark: the accent is the brand yellow and the retro wordmark keeps its yellow drop-shadow. Present so emitters can express the flavor as a complete set rather than a special case.",
+            "$extensions": {
+              "putio": {
+                "cssName": "tv-channel-art-nightly-accent",
+                "mode": "tv"
+              }
+            }
+          },
+          "star": {
+            "$type": "color",
+            "$value": "hsl(0, 0%, 100%)",
+            "$description": "Star colour. Stars are scattered, never gridded: three sizes at roughly 36%, 62%, and 95% opacity with the faint ones dominating. Static — never animated, blurred, or glowing.",
+            "$extensions": {
+              "putio": {
+                "cssName": "tv-channel-art-nightly-star",
+                "mode": "tv"
+              }
+            }
+          },
+          "moon": {
+            "$type": "color",
+            "$value": "{color.brand.yellow}",
+            "$description": "Full moon disc in the brand yellow, placed top-left. Its own token so a platform can place the moon without hard-coding the brand value.",
+            "$extensions": {
+              "putio": {
+                "cssName": "tv-channel-art-nightly-moon",
+                "mode": "tv"
+              }
+            }
+          },
+          "moonCrater": {
+            "$type": "color",
+            "$value": "hsl(45, 82%, 56%)",
+            "$description": "Craters one step darker than the moon disc. Low contrast on purpose: texture at icon size, not holes.",
+            "$extensions": {
+              "putio": {
+                "cssName": "tv-channel-art-nightly-moon-crater",
+                "mode": "tv"
+              }
+            }
+          }
+        },
         "lab": {
           "background": {
             "$type": "color",
@@ -131,6 +189,33 @@
   },
   "tv": {
     "$description": "The portable 10-foot scale. These mode \"tv\" tokens are graph data for platform adapters and are not emitted into web CSS; preview support CSS declares matching --tv-* properties under .tv. TV has no mono face, and its z-order is distinct from the web stack.",
+    "video": {
+      "$description": "On-video and hero-art plate colors. Fixed values by design: the video underneath does not change with the theme.",
+      "background": {
+        "$type": "color",
+        "$value": "hsl(0, 0%, 0%)",
+        "$description": "Letterbox / video plate. True black, not the app background.",
+        "$extensions": { "putio": { "cssName": "tv-video-bg", "mode": "tv" } }
+      },
+      "heroScrimTop": {
+        "$type": "color",
+        "$value": "hsl(30, 18.2%, 8.6%)",
+        "$description": "Top stop of the warm-black wash behind hero/poster art.",
+        "$extensions": { "putio": { "cssName": "tv-hero-scrim-top", "mode": "tv" } }
+      },
+      "heroScrimBottom": {
+        "$type": "color",
+        "$value": "hsl(30, 25%, 1.6%)",
+        "$description": "Bottom stop of the hero wash. Near-black but warm — never pure black, which reads blue next to the art.",
+        "$extensions": { "putio": { "cssName": "tv-hero-scrim-bottom", "mode": "tv" } }
+      },
+      "textOnVideo": {
+        "$type": "color",
+        "$value": "hsl(0, 0%, 100%)",
+        "$description": "Player chrome over video — always white, never a theme token.",
+        "$extensions": { "putio": { "cssName": "tv-text-on-video", "mode": "tv" } }
+      }
+    },
     "text": {
       "heading": {
         "$type": "dimension",