@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,977 @@
+{
+  "$description": "Meta — the stark-white, cobalt-accent operator reading\n[density-tier] derived: corpus marketing breathes (80/120px) but the commerce configurator runs dense; the operator reading takes the panel's standard tier",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Meta",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "catalog",
+        "commerce",
+        "dashboard",
+        "admin"
+      ],
+      "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,
+          16,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            300
+          ],
+          "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: form inputs / radio options at rounded.lg (8px); the 100px marketing pill stays behind (badges keep the pill)"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.3,
+      "$description": "corpus: only two elevated layers, at rgba ~0.2–0.3 alpha; chrome is otherwise flat"
+    },
+    "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": [
+        "Optimistic VF",
+        "Montserrat",
+        "Inter",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus: Optimistic VF with Montserrat fallback; Inter added for dense-body legibility",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Optimistic VF, Montserrat, Inter, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Roboto Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: corpus ships no mono; Roboto Mono is the geometric-neutral sibling to the Optimistic/Montserrat voice",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Roboto Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body-md weight 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "derived: corpus display headings are 500 (too light to separate at operator sizes) and functional emphasis 700; 600 is the operator middle"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.01,
+      "$description": "derived: corpus tracks headings at 0 but sets body snug (-0.14/-0.16px); Optimistic is drawn snug, so a slight -0.01em keeps that character at heading scale",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.01em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no base unit; operator standard"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent below its 150ms floor"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "corpus: recommends 150–250ms ease-out for primary surface transitions"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 300,
+        "unit": "ms"
+      },
+      "$description": "corpus: recommends 300ms ease-in-out for accordion expand/collapse"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus recommends ease-out; the standard functional curve",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: standard density reads as a grid without boosted hairlines"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus uses line icons (20–32px); operator-standard stroke"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus feature icons run 20–32px; the base UI glyph tightens to 16px"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell; operator standard rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no app shell; operator standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus top nav ~64px is marketing-generous; operator tightens to 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus PDP purchase rail caps ~380px; nudged to 420 for operator detail"
+    },
+    "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 has no shell; confirmations only"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: corpus configurator column; a comfortable form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no tables; the 44px input / touch-target height sets a comfortable row"
+    }
+  },
+  "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.03922,
+          0.07451,
+          0.0902
+        ],
+        "hex": "#0a1317"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a1317"
+        }
+      }
+    },
+    "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.03922,
+          0.07451,
+          0.0902
+        ],
+        "hex": "#0a1317"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a1317"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.95686,
+          0.96863
+        ],
+        "hex": "#f1f4f7"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1f4f7"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.36471,
+          0.42353,
+          0.48235
+        ],
+        "hex": "#5d6c7b"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5d6c7b"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87059,
+          0.8902,
+          0.91373
+        ],
+        "hex": "#dee3e9"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dee3e9"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.80784,
+          0.81569,
+          0.83137
+        ],
+        "hex": "#ced0d4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ced0d4"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09412,
+          0.46275,
+          0.94902
+        ],
+        "hex": "#1876f2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1876f2"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.39216,
+          0.87843
+        ],
+        "hex": "#0064e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0064e0"
+        }
+      }
+    },
+    "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.90196,
+          0.94118,
+          0.98824
+        ],
+        "hex": "#e6f0fc"
+      },
+      "$description": "derived: light tint of cobalt #0064e0 (corpus tints callouts with primary-soft at 15% alpha)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6f0fc"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.39216,
+          0.87843
+        ],
+        "hex": "#0064e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0064e0"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.89412,
+          0.11765,
+          0.24706
+        ],
+        "hex": "#e41e3f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e41e3f"
+        }
+      }
+    },
+    "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.19216,
+          0.63529,
+          0.29804
+        ],
+        "hex": "#31a24c"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#31a24c"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.66275,
+          0.09412
+        ],
+        "hex": "#f2a918"
+      },
+      "$description": "derived: corpus splits attention #f2a918 and promo yellow #f7b928; the operator warning takes the legible amber (promo yellow fails as status text on white)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2a918"
+        }
+      }
+    },
+    "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.03922,
+          0.07451,
+          0.0902
+        ],
+        "hex": "#0a1317"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a1317"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.92941,
+          0.94902
+        ],
+        "hex": "#e9edf2"
+      },
+      "$description": "derived: one step below surface-soft so secondary buttons separate from the muted hover tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e9edf2"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.07451,
+          0.0902
+        ],
+        "hex": "#0a1317"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a1317"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.39216,
+          0.87843
+        ],
+        "hex": "#0064e0"
+      },
+      "$description": "cobalt primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0064e0"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.56863,
+          1
+        ],
+        "hex": "#0091ff"
+      },
+      "$description": "primary-soft sky",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0091ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.63137,
+          0.12941,
+          0.80784
+        ],
+        "hex": "#a121ce"
+      },
+      "$description": "Oculus purple",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a121ce"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.19216,
+          0.63529,
+          0.29804
+        ],
+        "hex": "#31a24c"
+      },
+      "$description": "success green",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#31a24c"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.66275,
+          0.09412
+        ],
+        "hex": "#f2a918"
+      },
+      "$description": "attention amber",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2a918"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96863,
+          0.97647,
+          0.98431
+        ],
+        "hex": "#f7f9fb"
+      },
+      "$description": "derived: a faint cool tint below the white canvas; Meta's nav is white with a hairline, kept faintly recessive for operator chrome",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f7f9fb"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.03922,
+          0.07451,
+          0.0902
+        ],
+        "hex": "#0a1317"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0a1317"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.39216,
+          0.87843
+        ],
+        "hex": "#0064e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0064e0"
+        }
+      }
+    },
+    "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.94118,
+          0.98824
+        ],
+        "hex": "#e6f0fc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e6f0fc"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.39216,
+          0.87843
+        ],
+        "hex": "#0064e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0064e0"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87059,
+          0.8902,
+          0.91373
+        ],
+        "hex": "#dee3e9"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dee3e9"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09412,
+          0.46275,
+          0.94902
+        ],
+        "hex": "#1876f2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1876f2"
+        }
+      }
+    }
+  },
+  "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": 28,
+            "unit": "px"
+          },
+          "lineHeight": 1.21,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 24,
+            "unit": "px"
+          },
+          "lineHeight": 1.25,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.44,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.43,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": -0.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.33,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.02
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.02em"
+            }
+          }
+        }
+      }
+    }
+  }
+}