@nurix/etna 0.18.20 → 0.18.22

package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.tokens.json

@@ -0,0 +1,980 @@
+{
+  "$description": "Sentry — the violet-and-lime developer-console operator design\n[verbosity] derived: the console cadence is terse, but the brand narrates (playful, not austere); default suits a developer operator surface\n[feedback] derived: present-but-quiet operator feedback\n[density-tier] derived: observability-console heritage is dense-capable, but corpus functional body is roomier than a trading terminal; honest standard, archetypes step denser",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Sentry",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "observability",
+        "dashboard",
+        "log-stream"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          4,
+          6,
+          8,
+          10,
+          12,
+          18,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            250
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      },
+      "$description": "corpus: buttons/code/selects at rounded.md (8px); inputs 6px, cards 12px, badges 4px — no sharp corners"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.4,
+      "$description": "derived: light-canvas floating cards/modals take real level-2 drop shadows (~0.1 alpha); dark depth is texture (left behind); operator keeps shadow to overlays"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      },
+      "$description": "corpus: every border is 1px"
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: console heritage is dense-capable, but corpus functional body is a roomier 16px/1.5; honest standard tier, archetypes step denser"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: matches density-gap for coherent component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Rubik",
+        "-apple-system",
+        "system-ui",
+        "Segoe UI",
+        "Helvetica",
+        "Arial",
+        "sans-serif"
+      ],
+      "$description": "corpus: Rubik carries every body/caption/button/eyebrow role",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Rubik, -apple-system, system-ui, \"Segoe UI\", Helvetica, Arial, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Monaco",
+        "Menlo",
+        "Ubuntu Mono",
+        "monospace"
+      ],
+      "$description": "corpus: Monaco on code blocks, install snippets, inline tokens",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Monaco, Menlo, \"Ubuntu Mono\", monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "derived: corpus default UI body-md is 500 (display-tuned); operator dense body/table chrome reads cleaner at 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "corpus: heading-sm/body-strong at 600; the 700 button-cap and 700/88px hero display stay behind"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "corpus: every Rubik heading tier tracks 0; the +0.2px tracking signature lives on uppercase caps, applied to the caption/button step by hand",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no motion timings; operator-standard functional base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent on motion; standard functional ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: the corpus hairline-cloud grid lines already read as a grid; no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus iconography is illustrated sticker mascots (marketing, left behind); operator line-icon stroke one step under lucide's 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no UI icon size; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell (marketing top-nav only); operator standard"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus nav padding 16/24px is marketing-generous; operator tightens to 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail (event payload / stack trace)"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus dialogs are marketing; operator confirmation cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus contact form is a single light panel; 640 caps operator forms (the ~1152px container is marketing)"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator; dense archetypes (log-stream) step down via the surface catalog"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95294,
+          0.9451,
+          0.97255
+        ],
+        "hex": "#f3f1f8"
+      },
+      "$description": "derived: a faint violet tint over the corpus press-gray (#f0f0f0), holding the cool violet temperature on light",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f3f1f8"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.41961,
+          0.39608,
+          0.46667
+        ],
+        "hex": "#6b6577"
+      },
+      "$description": "derived: corpus documents only dark-surface muted; a violet-leaning mid gray reads as secondary text on white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6b6577"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89804,
+          0.90588,
+          0.92157
+        ],
+        "hex": "#e5e7eb"
+      },
+      "$description": "corpus hairline-cloud — light-canvas dividers and grid lines",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e5e7eb"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.81176,
+          0.81176,
+          0.85882
+        ],
+        "hex": "#cfcfdb"
+      },
+      "$description": "corpus hairline-cool — text-field and form-control edges",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#cfcfdb"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.23137,
+          0.5098,
+          0.96471
+        ],
+        "hex": "#3b82f6"
+      },
+      "$description": "derived: corpus documents a dedicated translucent blue focus ring rgba(59,130,246,0.5) — \"the only blue in the system\"; carried as solid #3b82f6",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3b82f6"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08235,
+          0.05882,
+          0.13725
+        ],
+        "hex": "#150f23"
+      },
+      "$description": "corpus Midnight Violet — the authoritative near-black action, \"strongest UI affordance regardless of polarity\"",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#150f23"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.89804,
+          0.95686
+        ],
+        "hex": "#e9e5f4"
+      },
+      "$description": "derived: faint violet selection wash, one step past muted so selection reads over hover; never lime/pink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9e5f4"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88235,
+          0.11373,
+          0.28235
+        ],
+        "hex": "#e11d48"
+      },
+      "$description": "derived: corpus documents no error red (pink is decorative punctuation, never a signal); a cool crimson carries destruction on-temperature, distinct from the decorative pink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e11d48"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08627,
+          0.63922,
+          0.2902
+        ],
+        "hex": "#16a34a"
+      },
+      "$description": "derived: corpus has no status green (lime is a decorative highlight, fails as a signal); a clean green carries success",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#16a34a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.46667,
+          0.02353
+        ],
+        "hex": "#d97706"
+      },
+      "$description": "derived: corpus has no caution hue; amber carries warning, kept distinct from the decorative lime",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d97706"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95294,
+          0.9451,
+          0.97255
+        ],
+        "hex": "#f3f1f8"
+      },
+      "$description": "matches muted — secondary-button fill",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f3f1f8"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.41569,
+          0.37255,
+          0.75686
+        ],
+        "hex": "#6a5fc1"
+      },
+      "$description": "corpus Violet Link — the brand's own accent family carries the chart series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6a5fc1"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.76078,
+          0.93725,
+          0.30588
+        ],
+        "hex": "#c2ef4e"
+      },
+      "$description": "corpus Electric Lime — the signature, scoped to charts + the scarce highlight glyph",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c2ef4e"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.49804,
+          0.66667
+        ],
+        "hex": "#fa7faa"
+      },
+      "$description": "corpus Hot Pink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fa7faa"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.12549,
+          0.5098
+        ],
+        "hex": "#422082"
+      },
+      "$description": "corpus Deep Violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#422082"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.47451,
+          0.38431,
+          0.54902
+        ],
+        "hex": "#79628c"
+      },
+      "$description": "corpus Mid Violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#79628c"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.96471,
+          0.98431
+        ],
+        "hex": "#f7f6fb"
+      },
+      "$description": "derived: a faint violet-tinted step below the white canvas so the nav rail reads as chrome",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f6fb"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08235,
+          0.05882,
+          0.13725
+        ],
+        "hex": "#150f23"
+      },
+      "$description": "active-nav marker = the primary action color",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#150f23"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.89804,
+          0.95686
+        ],
+        "hex": "#e9e5f4"
+      },
+      "$description": "hover/selected nav lift, matches accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9e5f4"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12157,
+          0.08627,
+          0.2
+        ],
+        "hex": "#1f1633"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1f1633"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89804,
+          0.90588,
+          0.92157
+        ],
+        "hex": "#e5e7eb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e5e7eb"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.23137,
+          0.5098,
+          0.96471
+        ],
+        "hex": "#3b82f6"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3b82f6"
+        }
+      }
+    }
+  },
+  "typography": {
+    "family": {
+      "heading": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "body": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-sans}"
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": "{primitive.font-mono}"
+      }
+    },
+    "ramp": {
+      "h1": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 24,
+            "unit": "px"
+          },
+          "lineHeight": 1.25,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "unit": "px"
+          },
+          "lineHeight": 1.25,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.01667
+        },
+        "$description": "uppercase eyebrow / button cap",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.2px"
+            }
+          }
+        }
+      }
+    }
+  }
+}