@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,979 @@
+{
+  "$description": "Miro — the operator reading\n[feedback] rationale: Miro's friendly, responsive brand wants present-but-tasteful feedback\n[density-tier] rationale: a spacious, airy consumer brand read down to an honest operator tier, leaning roomy; density earned per archetype",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Miro",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "saas",
+        "collaboration",
+        "workspace",
+        "dashboard",
+        "admin"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          40,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          8,
+          12,
+          16,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            200
+          ],
+          "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: Miro's functional radius (rounded.md — inputs, search-pill, ghost); the marketing 28-32px pastel cards stay behind"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.5,
+      "$description": "derived: predominantly flat with soft navy-tinted shadows (corpus 0.04-0.12 alpha); shadow lifts only 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": [
+        "Roobert PRO",
+        "Noto Sans",
+        "-apple-system",
+        "BlinkMacSystemFont",
+        "sans-serif"
+      ],
+      "$description": "corpus: Roobert PRO plus documented fallbacks",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Roobert PRO, Noto Sans, -apple-system, BlinkMacSystemFont, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: Miro ships no mono (all Roobert); operator IDs/codes/logs need one — Geist Mono's geometric humanist character pairs with Roobert",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: headings AND medium emphasis run 500; Roobert never uses 700 — the elegant medium-weight display voice carries"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.01,
+      "$description": "derived: display tracks -2px…-1px but relaxes to 0 by heading-3; a faint -0.01em echoes the display DNA at operator heading sizes",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.01em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no timings; operator functional base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: operator functional default"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "corpus: recommends 150-200ms ease"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "corpus: recommends 150-200ms ease (upper bound); friendly-quick"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus recommends a generic \"ease\"; standard functional curve",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: Miro's hairlines are visible and inputs already take a stronger edge; no boost needed"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: Miro ships no icon system; lucide at 1.75 matches Roobert's geometric medium-weight character"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: operator standard"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: Miro is marketing (no app shell); the airy brand rhythm → a touch roomier than a dense rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 64,
+        "unit": "px"
+      },
+      "$description": "derived: mirrors Miro's ~64px nav height as the icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 64,
+        "unit": "px"
+      },
+      "$description": "corpus: Miro's documented top-nav height (~64px)"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: no shell in corpus; roomy per the friendly brand rhythm"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: no shell; content-heavy detail width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: no shell; modals for confirmations only"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: no shell; comfortable single-column form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "corpus: Miro's 44px form/touch-target height → roomy operator rows; dense archetypes 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.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "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.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.97255,
+          0.98039
+        ],
+        "hex": "#f7f8fa"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f8fa"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.33333,
+          0.35294,
+          0.41569
+        ],
+        "hex": "#555a6a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#555a6a"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.88627,
+          0.9098
+        ],
+        "hex": "#e0e2e8"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e2e8"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.78039,
+          0.79216,
+          0.83529
+        ],
+        "hex": "#c7cad5"
+      },
+      "$description": "corpus: hairline-strong — Miro gives inputs a heavier edge than dividers",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c7cad5"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.38431,
+          1
+        ],
+        "hex": "#4262ff"
+      },
+      "$description": "corpus: brand blue on the focus edge (text-input-focused)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#4262ff"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$description": "corpus: the black-pill primary CTA color",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "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.96078,
+          0.95294,
+          1
+        ],
+        "hex": "#f5f3ff"
+      },
+      "$description": "corpus: surface-pricing-featured lavender — the featured/selected wash",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f3ff"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.38431,
+          1
+        ],
+        "hex": "#4262ff"
+      },
+      "$description": "corpus: brand blue on the lavender tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#4262ff"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89804,
+          0.28235,
+          0.30196
+        ],
+        "hex": "#e5484d"
+      },
+      "$description": "derived: Miro ships only soft error backgrounds; a saturated red is needed for destructive fills, tuned to the warm coral-leaning palette",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e5484d"
+        }
+      }
+    },
+    "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,
+          0.70588,
+          0.45098
+        ],
+        "hex": "#00b473"
+      },
+      "$description": "corpus: success-accent green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#00b473"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98824,
+          0.72549,
+          0
+        ],
+        "hex": "#fcb900"
+      },
+      "$description": "derived: brand-yellow-deep repurposed as the amber warning hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fcb900"
+        }
+      }
+    },
+    "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.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.97255,
+          0.98039
+        ],
+        "hex": "#f7f8fa"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f8fa"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.38431,
+          1
+        ],
+        "hex": "#4262ff"
+      },
+      "$description": "brand: blue anchors the ramp as the saturated primary series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#4262ff"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.73725,
+          0.6902
+        ],
+        "hex": "#0fbcb0"
+      },
+      "$description": "brand: teal sticky-note hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0fbcb0"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.6,
+          0.6
+        ],
+        "hex": "#ff9999"
+      },
+      "$description": "brand: coral sticky-note hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff9999"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98824,
+          0.72549,
+          0
+        ],
+        "hex": "#fcb900"
+      },
+      "$description": "brand: deep-yellow sticky-note hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fcb900"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.70588,
+          0.45098
+        ],
+        "hex": "#00b473"
+      },
+      "$description": "brand: green success accent, completing the sticky-note set",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#00b473"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.97255,
+          0.98039
+        ],
+        "hex": "#f7f8fa"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f8fa"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "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.93333,
+          0.94118,
+          0.95294
+        ],
+        "hex": "#eef0f3"
+      },
+      "$description": "corpus: hairline-soft — neutral nav hover/selection tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#eef0f3"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1098,
+          0.11765
+        ],
+        "hex": "#1c1c1e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1c1c1e"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.88627,
+          0.9098
+        ],
+        "hex": "#e0e2e8"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e2e8"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.38431,
+          1
+        ],
+        "hex": "#4262ff"
+      },
+      "$description": "corpus: brand-blue focus ring in the nav",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#4262ff"
+        }
+      }
+    }
+  },
+  "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": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.35,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "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.4,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 11,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": 600,
+          "letterSpacing": 0.05
+        },
+        "$description": "uppercase table divider",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.05em"
+            }
+          }
+        }
+      }
+    }
+  }
+}