@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,979 @@
+{
+  "$description": "Supabase — an operator reading of the white-canvas, emerald-green system\n[feedback] derived: the brand is quietly technical and calm — gentle present feedback, not austere silence\n[density-tier] derived: the clean/generous marketing read down to an honest operator tier; data-heavy archetypes step denser, never the whole app",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Supabase",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "database",
+        "dashboard",
+        "admin"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64
+        ],
+        "radius-scale": [
+          0,
+          4,
+          6,
+          8,
+          12,
+          16,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            150,
+            250
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "px"
+      },
+      "$description": "corpus: signature button/input radius (rounded.sm 6px); scale offers 8/12/16 for cards and modals; pill is badges-only"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.4,
+      "$description": "derived: operator depth is hairline-first; the corpus's Level 2/3 float shadows are marketing-mockup only, so only true overlays lift"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: standard tier — the clean/generous marketing read translated down to an honest operator density; data archetypes step denser"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: matches the standard density-gap for coherent component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "Inter",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "corpus: brand face Circular is proprietary; Inter at weight 500 is the corpus's own shippable substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "Inter, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "ui-monospace",
+        "Menlo",
+        "Monaco",
+        "Consolas",
+        "monospace"
+      ],
+      "$description": "corpus: brand ships no proprietary mono webfont — system mono for code, logs, SQL",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "ui-monospace, Menlo, Monaco, Consolas, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400,
+      "$description": "corpus: body weight 400"
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 500,
+      "$description": "corpus: display/emphasis weight 500, capped — the calibrated mid-weight breaks at 600+"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "corpus: the signature negative display tracking (-1.92px at 64px scaling down to -0.42px at 28px) resolves to ~-0.02em at operator heading sizes",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no motion; functional operator base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; functional tempo"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; standard functional tempo"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion; overlay/panel transition"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus silent on motion; 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 brand's fine greyscale hairline ladder is deliberately calibrated; hairlines carry the grid, no boost"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus silent on icon stroke; precise/technical operator stroke one step under lucide's 2, matching the dev-tool voice"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on icon size; operator default"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: brand has no app sidebar (marketing top nav); standard operator rail (~brand dashboard width)"
+    },
+    "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: from the corpus nav padding (16px/24px) resolving to ~56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: brand has no app side panel; standard operator detail panel"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail panel"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: corpus modal chrome (xl 16px radius) gives no width; operator confirmation cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: brand's ~1280px marketing container is marketing; operator form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: the brand's dense product tables and 8px/12px control padding read at a 40px operator row; 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.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "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.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.98039,
+          0.98039
+        ],
+        "hex": "#fafafa"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fafafa"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.43922,
+          0.43922,
+          0.43922
+        ],
+        "hex": "#707070"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#707070"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87451,
+          0.87451,
+          0.87451
+        ],
+        "hex": "#dfdfdf"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dfdfdf"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87451,
+          0.87451,
+          0.87451
+        ],
+        "hex": "#dfdfdf"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dfdfdf"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.81176,
+          0.55686
+        ],
+        "hex": "#3ecf8e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3ecf8e"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.81176,
+          0.55686
+        ],
+        "hex": "#3ecf8e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3ecf8e"
+        }
+      }
+    },
+    "primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$description": "corpus: near-black on the green button, never white — the \"lit\" read is the brand's idiosyncratic choice",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92941,
+          0.92941,
+          0.92941
+        ],
+        "hex": "#ededed"
+      },
+      "$description": "derived: hairline-cool grey lift for selection/hover; neutral, never green (green stays reserved for CTAs)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ededed"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.86275,
+          0.14902,
+          0.14902
+        ],
+        "hex": "#dc2626"
+      },
+      "$description": "derived: corpus's reds (tomato #ff2201, crimson #e2005a) are logo/chart-only and too loud for a destructive fill; clean operator red",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dc2626"
+        }
+      }
+    },
+    "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.14118,
+          0.70588,
+          0.49412
+        ],
+        "hex": "#24b47e"
+      },
+      "$description": "derived: brand deep-emerald (the CTA pressed state) doubles as a status green distinct from the mint #3ecf8e CTA",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#24b47e"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.85882,
+          0.07451
+        ],
+        "hex": "#ffdb13"
+      },
+      "$description": "corpus: the brand's documented status yellow (accent-yellow, \"status indicator only\")",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffdb13"
+        }
+      }
+    },
+    "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.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94902,
+          0.94902,
+          0.94902
+        ],
+        "hex": "#f2f2f2"
+      },
+      "$description": "derived: a clean step below canvas-soft for secondary-button/segmented fills",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f2f2f2"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.81176,
+          0.55686
+        ],
+        "hex": "#3ecf8e"
+      },
+      "$description": "corpus: emerald — primary data series",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3ecf8e"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.39216,
+          0.3098,
+          0.75686
+        ],
+        "hex": "#644fc1"
+      },
+      "$description": "corpus: accent-violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#644fc1"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.01961,
+          0.29804,
+          1
+        ],
+        "hex": "#054cff"
+      },
+      "$description": "corpus: accent-indigo",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#054cff"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.78039,
+          0,
+          0.49412
+        ],
+        "hex": "#c7007e"
+      },
+      "$description": "corpus: accent-pink",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#c7007e"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.85882,
+          0.07451
+        ],
+        "hex": "#ffdb13"
+      },
+      "$description": "corpus: accent-yellow",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffdb13"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.98039,
+          0.98039
+        ],
+        "hex": "#fafafa"
+      },
+      "$description": "derived: brand has no app sidebar; a faint canvas-soft tint separates the rail from the white content canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fafafa"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.81176,
+          0.55686
+        ],
+        "hex": "#3ecf8e"
+      },
+      "$description": "derived: emerald active-nav indicator",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3ecf8e"
+        }
+      }
+    },
+    "sidebar-primary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$description": "derived: near-black on green, matching the button's on-primary read",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "sidebar-accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.92941,
+          0.92941,
+          0.92941
+        ],
+        "hex": "#ededed"
+      },
+      "$description": "derived: neutral hover/selected nav lift, matching accent",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ededed"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0902,
+          0.0902,
+          0.0902
+        ],
+        "hex": "#171717"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#171717"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87451,
+          0.87451,
+          0.87451
+        ],
+        "hex": "#dfdfdf"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#dfdfdf"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.24314,
+          0.81176,
+          0.55686
+        ],
+        "hex": "#3ecf8e"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#3ecf8e"
+        }
+      }
+    }
+  },
+  "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.2,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 22,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "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": 18,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "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
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 13,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.45,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.02
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.02em"
+            }
+          }
+        }
+      }
+    }
+  }
+}