@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,963 @@
+{
+  "$description": "Composio — dark developer-infrastructure operator design\n[density-tier] derived: the marketing breathes (96px rhythm); the operator translation stays composed, not terminal-dense\n[lever-manifest] categorically dark: the primary theme map holds Composio's near-black brand values (dark-default)",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Composio",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "dev-tools",
+        "integrations",
+        "dashboard",
+        "api-console"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "standard",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          16,
+          20,
+          24,
+          32,
+          48,
+          96
+        ],
+        "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": 8,
+        "unit": "px"
+      },
+      "$description": "derived: corpus CTAs/inputs sit at rounded.md 8px — the operator default; cards take 12px from the scale"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.2,
+      "$description": "derived: brand uses brightness-step elevation, not shadow — keep shadow near-absent"
+    },
+    "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": [
+        "abcDiatype",
+        "Inter",
+        "ui-sans-serif",
+        "system-ui",
+        "sans-serif"
+      ],
+      "$description": "abcDiatype is the licensed brand face; Inter (500 / -1.5%) is the shipped substitute",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "abcDiatype, Inter, ui-sans-serif, system-ui, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "JetBrains Mono",
+        "ui-monospace",
+        "monospace"
+      ],
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "JetBrains Mono, ui-monospace, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "derived: corpus display sits at 500 but component titles at 600; operator strong weight takes 600"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.015,
+      "$description": "derived: the Inter-substitute spec (-1.5%) gives operator headings the Composio tight-display character",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.015em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus declares motion out of scope; standard operator 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": 250,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus silent on motion"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: standard functional easing; corpus silent on motion",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1.1,
+      "$description": "derived: #222 hairlines on #0f0f0f read faintly — nudge up a step so dense grids read as grids"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.75,
+      "$description": "derived: corpus silent on icons; one step under lucide's 2 for a refined operator stroke"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: corpus silent on icons; standard operator base"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 248,
+        "unit": "px"
+      },
+      "$description": "derived: corpus is marketing-only; standard operator shell"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator icon rail"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: corpus marketing nav is 64px; operator topbar tightens to 56px"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 420,
+        "unit": "px"
+      },
+      "$description": "derived: corpus has no side panel; standard operator width"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: standard content-heavy width"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 560,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator modal cap"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: standard operator form width"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 44,
+        "unit": "px"
+      },
+      "$description": "derived: aligns with corpus 44px text-input height; comfortable on dark at standard density"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.05882,
+          0.05882
+        ],
+        "hex": "#0f0f0f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f0f0f"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$description": "derived: promote strong ink to primary text for operator legibility (corpus default running text is body #a8a8a8)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "card": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09412,
+          0.09412,
+          0.09412
+        ],
+        "hex": "#181818"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#181818"
+        }
+      }
+    },
+    "card-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13333,
+          0.13333,
+          0.13333
+        ],
+        "hex": "#222222"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#222222"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.65882,
+          0.65882,
+          0.65882
+        ],
+        "hex": "#a8a8a8"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a8a8a8"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13333,
+          0.13333,
+          0.13333
+        ],
+        "hex": "#222222"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#222222"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2,
+          0.2,
+          0.2
+        ],
+        "hex": "#333333"
+      },
+      "$description": "derived: fields take the stronger hairline for a visible edge on dark",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#333333"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.14902,
+          1
+        ],
+        "hex": "#1a26ff"
+      },
+      "$description": "derived: the brighter primary-glow tone gives a legible focus ring on near-black",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a26ff"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.02745,
+          0.80392
+        ],
+        "hex": "#0007cd"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0007cd"
+        }
+      }
+    },
+    "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.16471,
+          0.16471,
+          0.16471
+        ],
+        "hex": "#2a2a2a"
+      },
+      "$description": "derived: hover/selection uses surface-strong so it lifts above the resting card without a second hue",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2a2a2a"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.30196,
+          0.30196
+        ],
+        "hex": "#ff4d4d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ff4d4d"
+        }
+      }
+    },
+    "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.2,
+          0.81961,
+          0.47843
+        ],
+        "hex": "#33d17a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#33d17a"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.64706,
+          0.14118
+        ],
+        "hex": "#f5a524"
+      },
+      "$description": "derived: corpus ships no warning hue; a standard amber fills the status slot, off-brand-neutral so it reads only as status",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5a524"
+        }
+      }
+    },
+    "popover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16471,
+          0.16471,
+          0.16471
+        ],
+        "hex": "#2a2a2a"
+      },
+      "$description": "derived: corpus dropdown menus use surface-strong #2a2a2a — overlays lift to the top surface",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2a2a2a"
+        }
+      }
+    },
+    "popover-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13333,
+          0.13333,
+          0.13333
+        ],
+        "hex": "#222222"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#222222"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "hex": "#ffffff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#ffffff"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.14902,
+          1
+        ],
+        "hex": "#1a26ff"
+      },
+      "$description": "derived: primary #0007cd is too dark on near-black for a data mark; use the brighter primary-glow",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a26ff"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.83137,
+          1
+        ],
+        "hex": "#00d4ff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#00d4ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2,
+          0.81961,
+          0.47843
+        ],
+        "hex": "#33d17a"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#33d17a"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.48235,
+          0.22745,
+          0.92941
+        ],
+        "hex": "#7b3aed"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#7b3aed"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.64706,
+          0.14118
+        ],
+        "hex": "#f5a524"
+      },
+      "$description": "derived: amber widens the categorical hue spread beyond the corpus blue/cyan/green/violet",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5a524"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.05882,
+          0.05882
+        ],
+        "hex": "#0f0f0f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f0f0f"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.65882,
+          0.65882,
+          0.65882
+        ],
+        "hex": "#a8a8a8"
+      },
+      "$description": "derived: nav items sit at body gray until active, then go white/primary",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#a8a8a8"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.02745,
+          0.80392
+        ],
+        "hex": "#0007cd"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0007cd"
+        }
+      }
+    },
+    "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.13333,
+          0.13333,
+          0.13333
+        ],
+        "hex": "#222222"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#222222"
+        }
+      }
+    },
+    "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.13333,
+          0.13333,
+          0.13333
+        ],
+        "hex": "#222222"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#222222"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.10196,
+          0.14902,
+          1
+        ],
+        "hex": "#1a26ff"
+      },
+      "$description": "derived: matches the primary-glow focus ring on dark",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1a26ff"
+        }
+      }
+    }
+  },
+  "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.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 16,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "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": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.5,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 11,
+            "unit": "px"
+          },
+          "lineHeight": 1.4,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": 0.08
+        },
+        "$description": "uppercase eyebrow",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.08em"
+            }
+          }
+        }
+      }
+    }
+  }
+}