@nurix/etna 0.18.20 → 0.18.22

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

@@ -0,0 +1,954 @@
+{
+  "$description": "Apple — the reverent, photography-first operator reading\n[verbosity] derived: Apple's copy is terse and its chrome recedes",
+  "$extensions": {
+    "com.nurix.design": {
+      "schema": "design-tokens/v1",
+      "dtcg": "2025.10",
+      "product": "Apple",
+      "provenance": "library",
+      "sourced": "2026-07-04",
+      "product-traits": [
+        "catalog",
+        "dashboard",
+        "admin"
+      ],
+      "verbosity": "compact",
+      "feedback": "subtle",
+      "density-tier": "spacious",
+      "lever-manifest": {
+        "spacing-scale": [
+          4,
+          8,
+          12,
+          17,
+          24,
+          32,
+          48,
+          80
+        ],
+        "radius-scale": [
+          0,
+          5,
+          8,
+          11,
+          18,
+          9999
+        ],
+        "shadow-levels": [
+          "none",
+          "sm",
+          "md"
+        ],
+        "motion": {
+          "durations": [
+            100,
+            200,
+            300
+          ],
+          "easings": [
+            "cubic-bezier(0.4,0,0.2,1)"
+          ]
+        },
+        "icons": {
+          "family": "lucide"
+        },
+        "accent-count": 1
+      }
+    }
+  },
+  "primitive": {
+    "radius": {
+      "$type": "dimension",
+      "$value": {
+        "value": 11,
+        "unit": "px"
+      },
+      "$description": "derived: Apple's Pearl-capsule md (11px) as the base control radius; the pill 9999 stays in-scale for a lone hero CTA"
+    },
+    "shadow-intensity": {
+      "$type": "number",
+      "$value": 0.3,
+      "$description": "derived: Apple puts zero shadow on chrome (its one shadow is product imagery); overlays earn only the faintest lift"
+    },
+    "border-weight": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "density-gap": {
+      "$type": "number",
+      "$value": 1.15,
+      "$description": "derived: Apple's density is categorically low; the spacious tier widens the spacing base"
+    },
+    "density-inset": {
+      "$type": "number",
+      "$value": 1.15,
+      "$description": "derived: matches the spacious tier — every control gets generous internal air"
+    },
+    "font-sans": {
+      "$type": "fontFamily",
+      "$value": [
+        "-apple-system",
+        "system-ui",
+        "SF Pro Text",
+        "Inter",
+        "sans-serif"
+      ],
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-apple-system, system-ui, SF Pro Text, Inter, sans-serif"
+        }
+      }
+    },
+    "font-mono": {
+      "$type": "fontFamily",
+      "$value": [
+        "ui-monospace",
+        "SF Mono",
+        "SFMono-Regular",
+        "Menlo",
+        "monospace"
+      ],
+      "$description": "derived: Apple's system mono is SF Mono; ui-monospace resolves to it on Apple platforms",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "ui-monospace, SF Mono, SFMono-Regular, Menlo, monospace"
+        }
+      }
+    },
+    "font-weight-normal": {
+      "$type": "fontWeight",
+      "$value": 400
+    },
+    "font-weight-strong": {
+      "$type": "fontWeight",
+      "$value": 600,
+      "$description": "Apple headlines are weight 600, not 700"
+    },
+    "heading-tracking": {
+      "$type": "number",
+      "$value": -0.02,
+      "$description": "derived: Apple's negative display tracking (-0.28 to -0.374px) plus the Inter substitution nudge, scaled to operator heading sizes",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "-0.02em"
+        }
+      }
+    },
+    "duration-unit": {
+      "$type": "duration",
+      "$value": {
+        "value": 50,
+        "unit": "ms"
+      },
+      "$description": "derived: corpus documents no durations; standard operator base"
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 100,
+        "unit": "ms"
+      },
+      "$description": "derived: the scale(0.95) press reads snappy"
+    },
+    "duration-normal": {
+      "$type": "duration",
+      "$value": {
+        "value": 200,
+        "unit": "ms"
+      },
+      "$description": "derived: Apple transitions read smooth, a touch more languid than a dense tool"
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 300,
+        "unit": "ms"
+      },
+      "$description": "derived: editorial ease-out for larger surface changes"
+    },
+    "ease-default": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.4,
+        0,
+        0.2,
+        1
+      ],
+      "$description": "derived: corpus documents only the scale(0.95) press, no easing curves; functional smooth ease",
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "cubic-bezier(0.4,0,0.2,1)"
+        }
+      }
+    },
+    "contrast-boost": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "derived: Apple's spacious surfaces read as a grid without boosted hairlines"
+    },
+    "icon-stroke": {
+      "$type": "number",
+      "$value": 1.5,
+      "$description": "derived: Apple's SF Symbols read thin and refined; one step under lucide's 2"
+    },
+    "icon-size-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 18,
+        "unit": "px"
+      },
+      "$description": "derived: Apple's airy scale nudges glyphs up to sit with 17px body"
+    },
+    "sidebar-width-expanded": {
+      "$type": "dimension",
+      "$value": {
+        "value": 264,
+        "unit": "px"
+      },
+      "$description": "derived: Apple's airy posture widens the nav rail"
+    },
+    "sidebar-width-collapsed": {
+      "$type": "dimension",
+      "$value": {
+        "value": 56,
+        "unit": "px"
+      },
+      "$description": "derived: standard icon-rail width"
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 52,
+        "unit": "px"
+      },
+      "$description": "derived: Apple's sub-nav height — a thin, recessive operator topbar"
+    },
+    "side-panel-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 440,
+        "unit": "px"
+      },
+      "$description": "derived: a step wider than the operator standard for Apple's airier detail read"
+    },
+    "side-panel-width-rich": {
+      "$type": "dimension",
+      "$value": {
+        "value": 680,
+        "unit": "px"
+      },
+      "$description": "derived: content-heavy detail, kept airy"
+    },
+    "modal-width-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 580,
+        "unit": "px"
+      },
+      "$description": "derived: Apple prefers panels to modals; the cap stays generous for the rare confirmation"
+    },
+    "form-max-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      },
+      "$description": "derived: Apple's generous 17px reading pace caps forms comfortably"
+    },
+    "table-row-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 48,
+        "unit": "px"
+      },
+      "$description": "derived: the spacious tier; also clears Apple's 44px minimum touch target"
+    }
+  },
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.96078,
+          0.96078,
+          0.96863
+        ],
+        "hex": "#f5f5f7"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f5f5f7"
+        }
+      }
+    },
+    "foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11373,
+          0.11373,
+          0.12157
+        ],
+        "hex": "#1d1d1f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1d1d1f"
+        }
+      }
+    },
+    "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.11373,
+          0.11373,
+          0.12157
+        ],
+        "hex": "#1d1d1f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1d1d1f"
+        }
+      }
+    },
+    "muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.94118,
+          0.94118,
+          0.94118
+        ],
+        "hex": "#f0f0f0"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#f0f0f0"
+        }
+      }
+    },
+    "muted-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.43137,
+          0.43137,
+          0.45098
+        ],
+        "hex": "#6e6e73"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#6e6e73"
+        }
+      }
+    },
+    "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.82353,
+          0.82353,
+          0.84314
+        ],
+        "hex": "#d2d2d7"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d2d2d7"
+        }
+      }
+    },
+    "ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.44314,
+          0.8902
+        ],
+        "hex": "#0071e3"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0071e3"
+        }
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4,
+          0.8
+        ],
+        "hex": "#0066cc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0066cc"
+        }
+      }
+    },
+    "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.9098,
+          0.9451,
+          0.98431
+        ],
+        "hex": "#e8f1fb"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e8f1fb"
+        }
+      }
+    },
+    "accent-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4,
+          0.8
+        ],
+        "hex": "#0066cc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0066cc"
+        }
+      }
+    },
+    "destructive": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.84314,
+          0,
+          0.08235
+        ],
+        "hex": "#d70015"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#d70015"
+        }
+      }
+    },
+    "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.54118,
+          0.23922
+        ],
+        "hex": "#248a3d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#248a3d"
+        }
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.69804,
+          0.31373,
+          0
+        ],
+        "hex": "#b25000"
+      },
+      "$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.11373,
+          0.11373,
+          0.12157
+        ],
+        "hex": "#1d1d1f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1d1d1f"
+        }
+      }
+    },
+    "secondary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9098,
+          0.9098,
+          0.91765
+        ],
+        "hex": "#e8e8ea"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#e8e8ea"
+        }
+      }
+    },
+    "secondary-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11373,
+          0.11373,
+          0.12157
+        ],
+        "hex": "#1d1d1f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1d1d1f"
+        }
+      }
+    },
+    "chart-1": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4,
+          0.8
+        ],
+        "hex": "#0066cc"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#0066cc"
+        }
+      }
+    },
+    "chart-2": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.59216,
+          1
+        ],
+        "hex": "#2997ff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2997ff"
+        }
+      }
+    },
+    "chart-3": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3451,
+          0.33725,
+          0.83922
+        ],
+        "hex": "#5856d6"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#5856d6"
+        }
+      }
+    },
+    "chart-4": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.14118,
+          0.54118,
+          0.23922
+        ],
+        "hex": "#248a3d"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#248a3d"
+        }
+      }
+    },
+    "chart-5": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.69804,
+          0.31373,
+          0
+        ],
+        "hex": "#b25000"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#b25000"
+        }
+      }
+    },
+    "sidebar": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.11373,
+          0.11373,
+          0.12157
+        ],
+        "hex": "#1d1d1f"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#1d1d1f"
+        }
+      }
+    },
+    "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": [
+          0.16078,
+          0.59216,
+          1
+        ],
+        "hex": "#2997ff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2997ff"
+        }
+      }
+    },
+    "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.16471,
+          0.16471,
+          0.17255
+        ],
+        "hex": "#2a2a2c"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2a2a2c"
+        }
+      }
+    },
+    "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.2,
+          0.2,
+          0.2
+        ],
+        "hex": "#333333"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#333333"
+        }
+      }
+    },
+    "sidebar-ring": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16078,
+          0.59216,
+          1
+        ],
+        "hex": "#2997ff"
+      },
+      "$extensions": {
+        "com.nurix.design": {
+          "css": "#2997ff"
+        }
+      }
+    }
+  },
+  "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.14,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h2": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 21,
+            "unit": "px"
+          },
+          "lineHeight": 1.2,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "h3": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.heading}",
+          "fontSize": {
+            "value": 17,
+            "unit": "px"
+          },
+          "lineHeight": 1.24,
+          "fontWeight": "{primitive.font-weight-strong}",
+          "letterSpacing": "{primitive.heading-tracking}"
+        }
+      },
+      "body": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 17,
+            "unit": "px"
+          },
+          "lineHeight": 1.47,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "small": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 14,
+            "unit": "px"
+          },
+          "lineHeight": 1.43,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": 0
+        }
+      },
+      "caption": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{typography.family.body}",
+          "fontSize": {
+            "value": 12,
+            "unit": "px"
+          },
+          "lineHeight": 1.3,
+          "fontWeight": "{primitive.font-weight-normal}",
+          "letterSpacing": -0.01
+        },
+        "$description": "eyebrow / nav",
+        "$extensions": {
+          "com.nurix.design": {
+            "css": {
+              "letterSpacing": "-0.01em"
+            }
+          }
+        }
+      }
+    }
+  }
+}