Andromeda tokens

1// @ts-nocheck — design-systems/ is not type-checked (see design-systems/CLAUDE.md). Strip this after a proper typing pass.
2// ============================================================
3// ANDROMEDA · brand icon
4// Two-path mark: gray triangle + turquoise blade. Source SVG is
5// 28x24 (7:6 aspect). The exported component takes a `size` prop
6// that is interpreted as the WIDTH; height is derived so the icon
7// never deforms regardless of where it's dropped in.
8// ============================================================
9 
10export function AndromedaIcon({ size = 24, mono = false, style = undefined, ...props }) {
11  const width = size;
12  const height = (size * 24) / 28;
13 
14  // `mono` collapses the two-tone brand mark into a flat silhouette in
15  // `currentColor`, so the icon reads like every other Phosphor icon
16  // when dropped into nav rows that inherit text color from a parent.
17  // andromeda-allow: brand mark. The logo's own two tones, deliberately NOT
18  // system colours — they must not shift when a consumer rethemes the accent.
19  const fillBack = mono ? 'currentColor' : '#C1C1C1';
20  const fillFront = mono ? 'currentColor' : '#2DD4BF'; // andromeda-allow: brand mark
21 
22  return (
23    <svg
24      width={width}
25      height={height}
26      viewBox="0 0 28 24"
27      fill="none"
28      xmlns="http://www.w3.org/2000/svg"
29      style={{ display: 'block', ...style }}
30      aria-label="Andromeda"
31      role="img"
32      {...props}
33    >
34      <path
35        fillRule="evenodd"
36        clipRule="evenodd"
37        d="M0 24L13.1483 0L14.9111 7.19476C14.4502 8.0149 14.0026 8.81944 13.5507 9.63168L9.86787 16.2221C10.7337 15.869 11.6049 15.5292 12.4707 15.1762L12.4717 15.1758C13.8326 14.633 12.4717 15.1758 16.531 13.5278L0 24Z"
38        fill={fillBack}
39      />
40      <path
41        fillRule="evenodd"
42        clipRule="evenodd"
43        d="M14.7637 0L19.9727 20.3637C28 24 19.9727 20.3637 27.9998 24C26.8086 21.7712 25.5259 19.5191 24.3008 17.3031L17.7544 5.4295C17.5204 5.00473 14.8816 0.132369 14.7637 0Z"
44        fill={fillFront}
45      />
46    </svg>
47  );
48}