@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,982 @@
+{
+  "$description": "Intercom — the operator reading\n[feedback] rationale: Intercom is a warm, human support brand — gentle present feedback, not austere silence\n[density-tier] rationale: editorial-spacious marketing read down to an honest operator tier; warmth carried by the cream palette, not whitespace\n[spacing-scale] corpus base unit 8px; drops the marketing 96px section step\n[radius-scale] corpus radius scale (xs..xxl, pill)\n[shadow-levels] Intercom resists shadows — one faint tier for true overlays over the flat baseline\n[motion] derived: corpus silent on motion",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Intercom",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "customer-support",
+        "helpdesk",
+        "inbox",
+        "crm",
+        "ai-agent"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          6,
+          8,
+          12,
+          16,
+          24,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm"
+        ],
+        "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/inputs at rounded.md (8px); scale offers 12px cards, 16px product tiles"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.25,
+      "$description": "derived: Intercom resists drop shadows — depth is white-on-cream surface change; shadow only faint on true overlays"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Saans",
+        "Inter",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus: proprietary Saans; Inter at weight 500 the closest free substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Saans, Inter, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "SaansMono",
+        "JetBrains Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$description": "corpus: proprietary SaansMono; JetBrains Mono the approximation",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "SaansMono, \"JetBrains Mono\", ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: weight 500 carries display \"confident without bold\" — the brand never bolds past 500"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "corpus: aggressive negative tracking is an Intercom signature (-0.5px at 28px); ~-0.02em at operator heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus (marketing) is silent on motion; 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; standard operator ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: Intercom's soft warm hairline (#d3cec6 on cream) is intentionally low-contrast; no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: refined editorial feel; one step under lucide's 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      }
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: Intercom has no operator shell; standard operator rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; operator standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "corpus: top-nav height 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; standard side panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; confirmations only"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; standard form column"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: Intercom's calm editorial rhythm breathes a touch over the dense 40px"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.9451,
+          0.92549
+        ],
+        "hex": "#f5f1ec"
+      },
+      "$description": "cream canvas — the brand's defining surface, never pure white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f1ec"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$description": "charcoal ink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "white — cards lift off the cream canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92157,
+          0.90588,
+          0.88235
+        ],
+        "hex": "#ebe7e1"
+      },
+      "$description": "surface-2 warm cream — hover rows, subtle fills",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebe7e1"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.38431,
+          0.38431,
+          0.37647
+        ],
+        "hex": "#626260"
+      },
+      "$description": "ink-muted",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#626260"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.82745,
+          0.80784,
+          0.77647
+        ],
+        "hex": "#d3cec6"
+      },
+      "$description": "warm hairline",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d3cec6"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.82745,
+          0.80784,
+          0.77647
+        ],
+        "hex": "#d3cec6"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d3cec6"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.33725,
+          0
+        ],
+        "hex": "#ff5600"
+      },
+      "$description": "derived: focus outline in the brand voltage, unmistakable for keyboard-first",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff5600"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.33725,
+          0
+        ],
+        "hex": "#ff5600"
+      },
+      "$description": "Fin Orange — the single voltage, reserved for the one primary action per surface (operator reading of Intercom's reserve-orange rule)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff5600"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "corpus: white on button-fin",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.90196,
+          0.87843,
+          0.83922
+        ],
+        "hex": "#e6e0d6"
+      },
+      "$description": "derived: deep-cream selection tint (a step past surface-2) — Intercom selects by warm-neutral shift, reserving orange",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6e0d6"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.76863,
+          0.1098,
+          0.1098
+        ],
+        "hex": "#c41c1c"
+      },
+      "$description": "corpus: semantic-error",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c41c1c"
+        }
+      }
+    },
+    "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.04314,
+          0.87451,
+          0.31373
+        ],
+        "hex": "#0bdf50"
+      },
+      "$description": "corpus: semantic-success (bright brand green; a status fill/dot, not text)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0bdf50"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.46667,
+          0.02353
+        ],
+        "hex": "#d97706"
+      },
+      "$description": "derived: corpus has no warning amber; a warm amber kept distinct from the red-orange Fin primary",
+      "$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.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92157,
+          0.90588,
+          0.88235
+        ],
+        "hex": "#ebe7e1"
+      },
+      "$description": "warm cream secondary button (operator reading of Intercom's white/cream secondary — cream stays visible on white cards)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ebe7e1"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.99608,
+          0.29804,
+          0.00784
+        ],
+        "hex": "#fe4c02"
+      },
+      "$description": "corpus report palette: report-orange",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fe4c02"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.39608,
+          0.7098,
+          1
+        ],
+        "hex": "#65b5ff"
+      },
+      "$description": "corpus: report-blue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#65b5ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.04314,
+          0.87451,
+          0.31373
+        ],
+        "hex": "#0bdf50"
+      },
+      "$description": "corpus: report-green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0bdf50"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.12549,
+          0.40392
+        ],
+        "hex": "#ff2067"
+      },
+      "$description": "corpus: report-pink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff2067"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.70196,
+          0.87843,
+          0.1098
+        ],
+        "hex": "#b3e01c"
+      },
+      "$description": "corpus: report-lime",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b3e01c"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93725,
+          0.91765,
+          0.8902
+        ],
+        "hex": "#efeae3"
+      },
+      "$description": "derived: warm cream rail, a hair off the cream canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#efeae3"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.33725,
+          0
+        ],
+        "hex": "#ff5600"
+      },
+      "$description": "Fin Orange marks the active nav item",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff5600"
+        }
+      }
+    },
+    "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.90196,
+          0.87843,
+          0.83922
+        ],
+        "hex": "#e6e0d6"
+      },
+      "$description": "matches accent — warm-cream hover/active nav",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6e0d6"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.06667,
+          0.06667
+        ],
+        "hex": "#111111"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#111111"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.82745,
+          0.80784,
+          0.77647
+        ],
+        "hex": "#d3cec6"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d3cec6"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.33725,
+          0
+        ],
+        "hex": "#ff5600"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff5600"
+        }
+      }
+    }
+  },
+  "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.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": -0.015
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.015em"
+            }
+          }
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.35,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "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.4,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        },
+        "$description": "section eyebrow"
+      }
+    }
+  }
+}