@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,978 @@
+{
+  "$description": "Zapier — the operator reading\n[feedback] derived: Zapier's warm-confident voice wants gentle present feedback, not austere silence\n[density-tier] derived: a marketing-generous brand read down to an honest operator tier; warmth carried by palette and radius, not whitespace",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Zapier",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "workflow-automation",
+        "automation",
+        "dashboard",
+        "saas",
+        "b2b"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          6,
+          12,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            150,
+            200,
+            300
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 12,
+        "unit": "px"
+      },
+      "$description": "corpus: buttons and cards at rounded.md (12px) — the brand's explicit middle-radius signature; inputs step to 6px via the scale"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.4,
+      "$description": "derived: flat, surface-contrast-first; shadow only lifts true overlays (toasts/modals)"
+    },
+    "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": [
+        "Inter",
+        "system-ui",
+        "-apple-system",
+        "sans-serif"
+      ],
+      "$description": "derived: Inter is the brand's actual workhorse for everything but the hero; Degular Display (hero-only) stays behind",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, -apple-system, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: corpus ships no mono; zap/run IDs, webhook payloads, and log timestamps need one — JetBrains Mono pairs with Inter",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "corpus: card titles and primary buttons at 600; the 700 micro-label is display-only and stays behind"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "derived: the brand's Inter display steps track ~-0.025em (display-sub-sm -0.6px/24px); softened to -0.02em at operator heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      }
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; a warm brand runs a touch softer than a dense console"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 300,
+        "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: warm hairlines are intentional; no boost at default"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus uses illustrative SVGs; a confident 1.75 stroke suits the bold-warm voice, one step under lucide's 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no icon spec; operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: corpus is marketing-only; warm-generous operator nav, a step over the dense rail"
+    },
+    "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 marketing nav is generous; operator tightens to a working 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: warm-generous detail panel; no corpus shell spec"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; confirmation dialog cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: single-column form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: warm posture → rows breathe a touch over the dense 40px default"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.99608,
+          0.98431
+        ],
+        "hex": "#fffefb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fffefb"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.97255,
+          0.95686,
+          0.94118
+        ],
+        "hex": "#f8f4f0"
+      },
+      "$description": "recessed cream card — surface-contrast elevation, a step below the canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f8f4f0"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.92549,
+          0.89412
+        ],
+        "hex": "#f1ece4"
+      },
+      "$description": "derived: a step below the card cream for hover rows and subtle fills",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1ece4"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.37647,
+          0.36471,
+          0.32157
+        ],
+        "hex": "#605d52"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#605d52"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.88627,
+          0.84706
+        ],
+        "hex": "#e9e2d8"
+      },
+      "$description": "derived: warm hairline for grid lines and separators; the corpus carries card separation by surface contrast, so a faint warm line is derived",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9e2d8"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$description": "brand's bold ink-bordered field (corpus text-input borderColor = ink)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.3098,
+          0
+        ],
+        "hex": "#ff4f00"
+      },
+      "$description": "derived: corpus silent on focus; orange is the interactive voltage, unmistakable for keyboard-first",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4f00"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.3098,
+          0
+        ],
+        "hex": "#ff4f00"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4f00"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.99608,
+          0.98431
+        ],
+        "hex": "#fffefb"
+      },
+      "$description": "warm white (on-primary), never pure white",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fffefb"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.91373,
+          0.87843
+        ],
+        "hex": "#ffe9e0"
+      },
+      "$description": "derived: pale orange wash for row/nav selection — a whisper of the brand warmth",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffe9e0"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.72157,
+          0.22353,
+          0
+        ],
+        "hex": "#b83900"
+      },
+      "$description": "derived: burnt orange, readable ink on the pale tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b83900"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.75294,
+          0.21176,
+          0.17255
+        ],
+        "hex": "#c0362c"
+      },
+      "$description": "derived: brand ships no semantic red; a brick red distinct from the primary orange",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c0362c"
+        }
+      }
+    },
+    "destructive-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.99608,
+          0.98431
+        ],
+        "hex": "#fffefb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fffefb"
+        }
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24706,
+          0.56078,
+          0.35294
+        ],
+        "hex": "#3f8f5a"
+      },
+      "$description": "derived: brand ships no green; a warm-compatible status green, status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3f8f5a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.78431,
+          0.54118,
+          0.11765
+        ],
+        "hex": "#c88a1e"
+      },
+      "$description": "derived: brand ships no amber; a warm gold distinct from the primary orange, status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c88a1e"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.99608,
+          0.98431
+        ],
+        "hex": "#fffefb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fffefb"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.92549,
+          0.89412
+        ],
+        "hex": "#f1ece4"
+      },
+      "$description": "cream secondary-button fill (the dark-ink secondary is a marketing polarity-flip, stays behind)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1ece4"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.3098,
+          0
+        ],
+        "hex": "#ff4f00"
+      },
+      "$description": "orange primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4f00"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24706,
+          0.56078,
+          0.35294
+        ],
+        "hex": "#3f8f5a"
+      },
+      "$description": "derived: status green as second series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3f8f5a"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.78431,
+          0.54118,
+          0.11765
+        ],
+        "hex": "#c88a1e"
+      },
+      "$description": "derived: warm gold as third series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c88a1e"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.47843,
+          0.2902,
+          0.22745
+        ],
+        "hex": "#7a4a3a"
+      },
+      "$description": "derived: warm coffee-brown mid — series warm to hold temperature",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7a4a3a"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.72157,
+          0.22353,
+          0
+        ],
+        "hex": "#b83900"
+      },
+      "$description": "derived: deep burnt orange as fifth series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b83900"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.97255,
+          0.95686,
+          0.94118
+        ],
+        "hex": "#f8f4f0"
+      },
+      "$description": "derived: faint cream sidebar beside the brighter canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f8f4f0"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.12549,
+          0.08235,
+          0.08235
+        ],
+        "hex": "#201515"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#201515"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.3098,
+          0
+        ],
+        "hex": "#ff4f00"
+      },
+      "$description": "orange marks the active nav item (corpus app-shell activeIndicator = primary)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4f00"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.99608,
+          0.98431
+        ],
+        "hex": "#fffefb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fffefb"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.91373,
+          0.87843
+        ],
+        "hex": "#ffe9e0"
+      },
+      "$description": "matches accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffe9e0"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.72157,
+          0.22353,
+          0
+        ],
+        "hex": "#b83900"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b83900"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.88627,
+          0.84706
+        ],
+        "hex": "#e9e2d8"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9e2d8"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.3098,
+          0
+        ],
+        "hex": "#ff4f00"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4f00"
+        }
+      }
+    }
+  },
+  "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": "{primitive.heading-tracking}"
+        }
+      },
+      "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.45,
+          "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.06
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.06em"
+            }
+          }
+        }
+      }
+    }
+  }
+}