@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,966 @@
+{
+  "$description": "Uber — the black-and-white super-app operator design\n[density-tier] derived: Uber's marketing is generous but not airy; an honest operator standard, stepped per archetype",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Uber",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dispatch",
+        "logistics",
+        "operations",
+        "marketplace",
+        "dashboard"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          6,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          48
+        ],
+        "radius-scale": [
+          0,
+          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": 12,
+        "unit": "px"
+      },
+      "$description": "derived: corpus card is 16px (rounded.xl); base 12px yields the 16px card at xl and the ~8px input at sm — the pill 9999 (the signature interactive shape) stays in-scale, applied per-control"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.5,
+      "$description": "derived: corpus default is Level 0 flat; overlays carry a ~0.12–0.16 alpha drop — 0.5 lifts only true overlays, chrome stays 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": [
+        "Inter",
+        "system-ui",
+        "Helvetica Neue",
+        "Arial",
+        "sans-serif"
+      ],
+      "$description": "derived: UberMove/UberMoveText are proprietary; corpus names Inter as the closest substitute (font-feature-settings \"ss01\" approximates UberMove's geometric alternates)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, \"Helvetica Neue\", Arial, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "Geist Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: corpus carries no mono; Geist Mono chosen as the sibling of the corpus-named Geist substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Geist Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "derived: corpus display is weight 700 across the ramp; the operator reading pulls headings to 600 (the hero 700 stays behind with the display sizes)"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "corpus: Uber never letter-spaces the display face — neutral tracking is a stated brand invariant",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus 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": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent; kept crisp, not cinematic"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent; standard functional ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: the pressed-gray hairlines read as a grid without boosting"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus specifies no stroke; a refined 1.75 suits the clean geometric system"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent; sits with the 15px body"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no operator shell; standard nav rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus nav padding (16/32); operator topbar at 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no shell; standard detail panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: confirmation-dialog cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: readable form column (corpus's 490px ride-request hero card stays behind)"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: corpus data-cell padding (12/16) → a ~44px row at standard density"
+    }
+  },
+  "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93725,
+          0.93725,
+          0.93725
+        ],
+        "hex": "#efefef"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#efefef"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.36863,
+          0.36863,
+          0.36863
+        ],
+        "hex": "#5e5e5e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5e5e5e"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88627,
+          0.88627,
+          0.88627
+        ],
+        "hex": "#e2e2e2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2e2e2"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.88627,
+          0.88627,
+          0.88627
+        ],
+        "hex": "#e2e2e2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2e2e2"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "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.88627,
+          0.88627,
+          0.88627
+        ],
+        "hex": "#e2e2e2"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e2e2e2"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.85098,
+          0.18824,
+          0.1451
+        ],
+        "hex": "#d93025"
+      },
+      "$description": "derived: corpus documents no error hue (marketing is monochrome); a restrained red for the status triad, chosen not to read as a second brand accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d93025"
+        }
+      }
+    },
+    "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.08235,
+          0.45098,
+          0.27843
+        ],
+        "hex": "#157347"
+      },
+      "$description": "derived: corpus has no status palette; restrained green for status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#157347"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.69804,
+          0.31373,
+          0
+        ],
+        "hex": "#b25000"
+      },
+      "$description": "derived: corpus has no status palette; restrained amber for status only",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b25000"
+        }
+      }
+    },
+    "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,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.93725,
+          0.93725,
+          0.93725
+        ],
+        "hex": "#efefef"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#efefef"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "derived: monochrome brand → grayscale-forward chart ramp; categorical differentiation carried by pattern/label, not a second hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.29412,
+          0.29412,
+          0.29412
+        ],
+        "hex": "#4b4b4b"
+      },
+      "$description": "corpus: hairline-mid",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#4b4b4b"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.54118,
+          0.54118,
+          0.54118
+        ],
+        "hex": "#8a8a8a"
+      },
+      "$description": "derived: mid-gray fill between hairline-mid and mute for series spread",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#8a8a8a"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.68627,
+          0.68627,
+          0.68627
+        ],
+        "hex": "#afafaf"
+      },
+      "$description": "corpus: mute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#afafaf"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.83137,
+          0.83137,
+          0.83137
+        ],
+        "hex": "#d4d4d4"
+      },
+      "$description": "derived: light-gray ramp tail",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d4d4d4"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$description": "derived: the shell wears Uber's polarity-flip — the sidebar is the black band (corpus footer/band fill #000000)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: the active nav mark on the black band is white (black would vanish)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "hex": "#000000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#000000"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.15686,
+          0.15686,
+          0.15686
+        ],
+        "hex": "#282828"
+      },
+      "$description": "corpus: black-elevated — Uber's documented dark-band hover",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#282828"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.15686,
+          0.15686,
+          0.15686
+        ],
+        "hex": "#282828"
+      },
+      "$description": "derived: the hairline on the black band (black-elevated tone)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#282828"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    }
+  },
+  "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
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 15,
+            "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": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.04
+        },
+        "$description": "uppercase eyebrow (rare)",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.04em"
+            }
+          }
+        }
+      }
+    }
+  }
+}