@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,978 @@
+{
+  "$description": "IBM — Carbon operator design\n[density-tier] rationale: Carbon reads dense — \"content is dense by design, not a lot of air\"",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "IBM",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "enterprise",
+        "dashboard",
+        "admin",
+        "data-grid",
+        "dev-tools"
+      ],
+      "verbosity": "default",
+      "feedback": "subtle",
+      "density-tier": "dense",
+      "lever-manifest": {
+        "spacing-scale": [
+          2,
+          4,
+          8,
+          12,
+          16,
+          24,
+          32,
+          48,
+          64,
+          96
+        ],
+        "radius-scale": [
+          0,
+          2,
+          4,
+          6,
+          8,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            70,
+            150,
+            240
+          ],
+          "easings": [
+            "cubic-bezier(0.2,0,0.38,0.9)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon commits to 0px square corners on every surface; the scale still offers 2/4px for rare exceptions"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.3,
+      "$description": "derived: Carbon resists shadow on flat tiles; only overlays (menu/modal) take a soft Carbon elevation"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 0.85,
+      "$description": "derived: \"content is dense by design\" — dense tier tightens the spacing scale"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 0.85,
+      "$description": "derived: matches the dense tier for coherent component insets"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Sans",
+        "Helvetica Neue",
+        "Arial",
+        "sans-serif"
+      ],
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "IBM Plex Sans, Helvetica Neue, Arial, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Mono",
+        "ui-monospace",
+        "SFMono-Regular",
+        "monospace"
+      ],
+      "$description": "derived: Carbon keeps mono to product surfaces; the operator UI is a product surface, so Plex Mono returns for IDs/codes/logs",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "IBM Plex Mono, ui-monospace, SFMono-Regular, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "rationale: Carbon body-emphasis weight; operator headings use 600, not the marketing weight-300 hero display"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": 0,
+      "$description": "rationale: Carbon operator-scale headings track 0; the negative display tracking (-0.5px at 76px) stays with the marketing hero",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "0em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus is silent on motion; a functional operator base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 70,
+        "unit": "ms"
+      },
+      "$description": "derived: Carbon fast-01"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 150,
+        "unit": "ms"
+      },
+      "$description": "derived: Carbon moderate-01"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 240,
+        "unit": "ms"
+      },
+      "$description": "derived: Carbon moderate-02"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.2,
+        0,
+        0.38,
+        0.9
+      ],
+      "$description": "derived: Carbon \"productive standard\" easing (corpus silent; brand-authentic)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.2,0,0.38,0.9)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: Carbon's 1px #e0e0e0 hairlines already read crisply; no boost needed"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 2,
+      "$description": "derived: Carbon @carbon/icons run a 2px square stroke — heavier and squarer than the default 1.75"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon's smallest icon size on the 16px grid"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 256,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon UI Shell SideNav width"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 48,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon SideNav icon rail / header height (corpus top-nav is 48px)"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 48,
+        "unit": "px"
+      },
+      "$description": "rationale: corpus top-nav height is 48px exactly"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 400,
+        "unit": "px"
+      },
+      "$description": "derived: corpus documents no side panel; standard operator detail width"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail; matches Carbon's wide modal"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon medium modal width"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: single-column form cap"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 40,
+        "unit": "px"
+      },
+      "$description": "derived: Carbon DataTable \"short\" row; dense archetypes step to 32px 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.08627,
+          0.08627,
+          0.08627
+        ],
+        "hex": "#161616"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#161616"
+        }
+      }
+    },
+    "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.08627,
+          0.08627,
+          0.08627
+        ],
+        "hex": "#161616"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#161616"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.32157,
+          0.32157,
+          0.32157
+        ],
+        "hex": "#525252"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#525252"
+        }
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.87843,
+          0.87843
+        ],
+        "hex": "#e0e0e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e0e0"
+        }
+      }
+    },
+    "input": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.87843,
+          0.87843
+        ],
+        "hex": "#e0e0e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e0e0"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    },
+    "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.92941,
+          0.96078,
+          1
+        ],
+        "hex": "#edf5ff"
+      },
+      "$description": "derived: Carbon blue-10 row-selection tint (corpus gives no selection color)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#edf5ff"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8549,
+          0.11765,
+          0.15686
+        ],
+        "hex": "#da1e28"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#da1e28"
+        }
+      }
+    },
+    "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.63137,
+          0.28235
+        ],
+        "hex": "#24a148"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#24a148"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.76078,
+          0.10588
+        ],
+        "hex": "#f1c21b"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f1c21b"
+        }
+      }
+    },
+    "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.08627,
+          0.08627,
+          0.08627
+        ],
+        "hex": "#161616"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#161616"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08627,
+          0.08627,
+          0.08627
+        ],
+        "hex": "#161616"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#161616"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.41176,
+          0.16078,
+          0.76863
+        ],
+        "hex": "#6929c4"
+      },
+      "$description": "derived: Carbon @carbon/charts categorical 1 (purple-70) — corpus silent on charts",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6929c4"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06667,
+          0.57255,
+          0.9098
+        ],
+        "hex": "#1192e8"
+      },
+      "$description": "derived: Carbon categorical 2 (cyan-50)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1192e8"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.36471,
+          0.36471
+        ],
+        "hex": "#005d5d"
+      },
+      "$description": "derived: Carbon categorical 3 (teal-70)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#005d5d"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.62353,
+          0.09412,
+          0.32549
+        ],
+        "hex": "#9f1853"
+      },
+      "$description": "derived: Carbon categorical 4 (magenta-70)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#9f1853"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.98039,
+          0.30196,
+          0.33725
+        ],
+        "hex": "#fa4d56"
+      },
+      "$description": "derived: Carbon categorical 5 (red-50)",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#fa4d56"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.95686,
+          0.95686,
+          0.95686
+        ],
+        "hex": "#f4f4f4"
+      },
+      "$description": "derived: Carbon surface-1 side-nav ground, distinct from the white canvas",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f4f4f4"
+        }
+      }
+    },
+    "sidebar-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.08627,
+          0.08627,
+          0.08627
+        ],
+        "hex": "#161616"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#161616"
+        }
+      }
+    },
+    "sidebar-primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    },
+    "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.92941,
+          0.96078,
+          1
+        ],
+        "hex": "#edf5ff"
+      },
+      "$description": "derived: blue-10 active/hovered nav tint",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#edf5ff"
+        }
+      }
+    },
+    "sidebar-accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    },
+    "sidebar-border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.87843,
+          0.87843,
+          0.87843
+        ],
+        "hex": "#e0e0e0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e0e0e0"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.05882,
+          0.38431,
+          0.99608
+        ],
+        "hex": "#0f62fe"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0f62fe"
+        }
+      }
+    }
+  },
+  "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": 32,
+            "unit": "px"
+          },
+          "lineHeight": 1.25,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 24,
+            "unit": "px"
+          },
+          "lineHeight": 1.33,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 20,
+            "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.01
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.16px"
+            }
+          }
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.29,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0.01143
+        },
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.16px"
+            }
+          }
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.33,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0.02667
+        },
+        "$description": "eyebrow, utility meta",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "+0.32px"
+            }
+          }
+        }
+      }
+    }
+  }
+}