@hjmds/design-contracts 1.40.0 → 1.41.1

package/dist/colors.js

@@ -6,13 +6,14 @@ const light = {
     surface: "#ffffff",
     surfaceAlt: "#ebeef2",
     surfaceAccent: "#c9e2ff",
+    surfaceSelected: "#f0f1f3",
     border: "#e5e8eb",
     // Keeps the value the secondary control outline already resolved to.
     borderControl: "#6b7684",
     text: "#191f28",
     textBody: "#333d4b",
     textMuted: "#4e5968",
-    textSub: "#65707d",
+    textSub: "#646f7c",
     textWeak: "#8b95a1",
     primary: "#0369a1",
     contentBrand: "#075985",
@@ -30,6 +31,7 @@ const dark = {
     surface: "#161b22",
     surfaceAlt: "#1e232a",
     surfaceAccent: "#224159",
+    surfaceSelected: "#30343b",
     border: "#6a788a",
     borderControl: "#929faf",
     text: "#f3f5f7",

package/dist/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC9C,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,CAAC;AACrE,CAAC;AAqCD,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,qEAAqE;IACrE,aAAa,EAAE,SAAS;IACxB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;CACW,CAAC;AAEjC,kFAAkF;AAClF,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,SAAS;IACxB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;CACW,CAAC;AAEjC,MAAM,CAAC,MAAM,MAAM,GAEf,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAKpB,MAAM,CAAC,MAAM,OAAO,GAEhB;IACF,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAyC;IAC9D,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;CACH,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,SAAS;IACf,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACrB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;CACX,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC;AAEzC,qFAAqF;AACrF,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,KAAa;IAClD,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAC3D,CAAC;IACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACtD,MAAM,IAAI,UAAU,CAAC,+CAA+C,CAAC,CAAC;IACxE,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACxC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CACtD,CAAC;IACF,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC;AAC1E,CAAC","sourcesContent":["/** A persisted preference is an application concern; this package only defines valid values. */\nexport type ThemePreference = \"system\" | \"light\" | \"dark\";\nexport type ResolvedTheme = Exclude<ThemePreference, \"system\">;\n\nexport function isThemePreference(value: unknown): value is ThemePreference {\n  return value === \"system\" || value === \"light\" || value === \"dark\";\n}\n\n/**\n * Product code chooses colors by meaning, never by a raw palette name.\n * Both themes deliberately expose exactly the same keys.\n */\nexport type ThemeColors = {\n  bg: string;\n  surface: string;\n  surfaceAlt: string;\n  surfaceAccent: string;\n  border: string;\n  /**\n   * Outline of an interactive control that must read stronger than the shared\n   * hairline. Separate from `border` because a resting control needs to be\n   * findable while a surface edge should stay quiet, and separate from\n   * `textSub` because a text-strength outline makes an unselected control read\n   * heavier than the selected one beside it.\n   */\n  borderControl: string;\n  text: string;\n  textBody: string;\n  textMuted: string;\n  textSub: string;\n  textWeak: string;\n  primary: string;\n  contentBrand: string;\n  danger: string;\n  onPrimary: string;\n  /** Opaque status plates keep white badge copy legible in both themes. */\n  onStatusFill: string;\n  neutralFill: string;\n  strongFill: string;\n  dangerFill: string;\n  onDanger: string;\n};\n\nconst light = {\n  bg: \"#ffffff\",\n  surface: \"#ffffff\",\n  surfaceAlt: \"#ebeef2\",\n  surfaceAccent: \"#c9e2ff\",\n  border: \"#e5e8eb\",\n  // Keeps the value the secondary control outline already resolved to.\n  borderControl: \"#6b7684\",\n  text: \"#191f28\",\n  textBody: \"#333d4b\",\n  textMuted: \"#4e5968\",\n  textSub: \"#65707d\",\n  textWeak: \"#8b95a1\",\n  primary: \"#0369a1\",\n  contentBrand: \"#075985\",\n  danger: \"#b71919\",\n  onPrimary: \"#ffffff\",\n  onStatusFill: \"#ffffff\",\n  neutralFill: \"#4e5968\",\n  strongFill: \"#333d4b\",\n  dangerFill: \"#b91c1c\",\n  onDanger: \"#ffffff\",\n} as const satisfies ThemeColors;\n\n/** Mirrors light's neutrals; see docs/theme-palette.md before editing a value. */\nconst dark = {\n  bg: \"#0d1116\",\n  surface: \"#161b22\",\n  surfaceAlt: \"#1e232a\",\n  surfaceAccent: \"#224159\",\n  border: \"#6a788a\",\n  borderControl: \"#929faf\",\n  text: \"#f3f5f7\",\n  textBody: \"#e1e5ea\",\n  textMuted: \"#cad0d8\",\n  textSub: \"#9ba5b0\",\n  textWeak: \"#8b96a2\",\n  primary: \"#0476b4\",\n  contentBrand: \"#51bff6\",\n  danger: \"#f87171\",\n  onPrimary: \"#ffffff\",\n  onStatusFill: \"#ffffff\",\n  neutralFill: \"#4e5968\",\n  strongFill: \"#333d4b\",\n  dangerFill: \"#b91c1c\",\n  onDanger: \"#ffffff\",\n} as const satisfies ThemeColors;\n\nexport const THEMES: Readonly<\n  Record<ResolvedTheme, Readonly<ThemeColors>>\n> = { light, dark };\n\n/** Generic emphasis roles. Product-specific meanings are mapped by each consumer. */\nexport type AccentTone = \"info\" | \"success\" | \"warning\" | \"attention\";\n\nexport const ACCENTS: Readonly<\n  Record<ResolvedTheme, Readonly<Record<AccentTone, string>>>\n> = {\n  light: {\n    info: \"#6d28d9\",\n    success: \"#065f46\",\n    warning: \"#92400e\",\n    attention: \"#9a3412\",\n  },\n  dark: {\n    info: \"#a78bfa\",\n    success: \"#34d399\",\n    warning: \"#fbbf24\",\n    attention: \"#fb923c\",\n  },\n};\n\n/** Solid emphasis fills always pair with `onAccentFill`. */\nexport const accentFill: Readonly<Record<AccentTone, string>> = {\n  info: \"#6d28d9\",\n  success: \"#065f46\",\n  warning: \"#92400e\",\n  attention: \"#9a3412\",\n};\n\nexport const onAccentFill = \"#ffffff\";\n\nexport const accentTint = {\n  weak: 0.1,\n  base: 0.15,\n  strong: 0.2,\n  border: 0.3,\n} as const;\n\n/**\n * HJM organization surfaces' default signature. Renderers translate the\n * normalized coordinates. Product identity is owned by each product adapter;\n * consumers must not treat this value as every product's automatic brand.\n */\nexport const brandGradient = {\n  from: \"#0369a1\",\n  to: \"#155dfc\",\n  start: { x: 0, y: 0 },\n  end: { x: 1, y: 1 },\n} as const;\n\nexport const onBrandGradient = \"#ffffff\";\n\n/** Add an alpha channel without coupling callers to a CSS or React Native helper. */\nexport function withAlpha(hex: string, alpha: number): string {\n  const match = /^#([0-9a-fA-F]{6})$/.exec(hex);\n  if (!match) {\n    throw new TypeError(\"A six-digit hex color is required\");\n  }\n  if (!Number.isFinite(alpha) || alpha < 0 || alpha > 1) {\n    throw new RangeError(\"Alpha must be a finite number between 0 and 1\");\n  }\n\n  const source = match[1]!;\n  const channels = [0, 2, 4].map((offset) =>\n    Number.parseInt(source.slice(offset, offset + 2), 16),\n  );\n  return `rgba(${channels[0]}, ${channels[1]}, ${channels[2]}, ${alpha})`;\n}\n"]}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"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","sourcesContent":["/** A persisted preference is an application concern; this package only defines valid values. */\nexport type ThemePreference = \"system\" | \"light\" | \"dark\";\nexport type ResolvedTheme = Exclude<ThemePreference, \"system\">;\n\nexport function isThemePreference(value: unknown): value is ThemePreference {\n  return value === \"system\" || value === \"light\" || value === \"dark\";\n}\n\n/**\n * Product code chooses colors by meaning, never by a raw palette name.\n * Both themes deliberately expose exactly the same keys.\n */\nexport type ThemeColors = {\n  bg: string;\n  surface: string;\n  surfaceAlt: string;\n  surfaceAccent: string;\n  /** Selection is independent of brand surfaces and primary actions. */\n  surfaceSelected: string;\n  border: string;\n  /**\n   * Outline of an interactive control that must read stronger than the shared\n   * hairline. Separate from `border` because a resting control needs to be\n   * findable while a surface edge should stay quiet, and separate from\n   * `textSub` because a text-strength outline makes an unselected control read\n   * heavier than the selected one beside it.\n   */\n  borderControl: string;\n  text: string;\n  textBody: string;\n  textMuted: string;\n  textSub: string;\n  textWeak: string;\n  primary: string;\n  contentBrand: string;\n  danger: string;\n  onPrimary: string;\n  /** Opaque status plates keep white badge copy legible in both themes. */\n  onStatusFill: string;\n  neutralFill: string;\n  strongFill: string;\n  dangerFill: string;\n  onDanger: string;\n};\n\nconst light = {\n  bg: \"#ffffff\",\n  surface: \"#ffffff\",\n  surfaceAlt: \"#ebeef2\",\n  surfaceAccent: \"#c9e2ff\",\n  surfaceSelected: \"#f0f1f3\",\n  border: \"#e5e8eb\",\n  // Keeps the value the secondary control outline already resolved to.\n  borderControl: \"#6b7684\",\n  text: \"#191f28\",\n  textBody: \"#333d4b\",\n  textMuted: \"#4e5968\",\n  textSub: \"#646f7c\",\n  textWeak: \"#8b95a1\",\n  primary: \"#0369a1\",\n  contentBrand: \"#075985\",\n  danger: \"#b71919\",\n  onPrimary: \"#ffffff\",\n  onStatusFill: \"#ffffff\",\n  neutralFill: \"#4e5968\",\n  strongFill: \"#333d4b\",\n  dangerFill: \"#b91c1c\",\n  onDanger: \"#ffffff\",\n} as const satisfies ThemeColors;\n\n/** Mirrors light's neutrals; see docs/theme-palette.md before editing a value. */\nconst dark = {\n  bg: \"#0d1116\",\n  surface: \"#161b22\",\n  surfaceAlt: \"#1e232a\",\n  surfaceAccent: \"#224159\",\n  surfaceSelected: \"#30343b\",\n  border: \"#6a788a\",\n  borderControl: \"#929faf\",\n  text: \"#f3f5f7\",\n  textBody: \"#e1e5ea\",\n  textMuted: \"#cad0d8\",\n  textSub: \"#9ba5b0\",\n  textWeak: \"#8b96a2\",\n  primary: \"#0476b4\",\n  contentBrand: \"#51bff6\",\n  danger: \"#f87171\",\n  onPrimary: \"#ffffff\",\n  onStatusFill: \"#ffffff\",\n  neutralFill: \"#4e5968\",\n  strongFill: \"#333d4b\",\n  dangerFill: \"#b91c1c\",\n  onDanger: \"#ffffff\",\n} as const satisfies ThemeColors;\n\nexport const THEMES: Readonly<\n  Record<ResolvedTheme, Readonly<ThemeColors>>\n> = { light, dark };\n\n/** Generic emphasis roles. Product-specific meanings are mapped by each consumer. */\nexport type AccentTone = \"info\" | \"success\" | \"warning\" | \"attention\";\n\nexport const ACCENTS: Readonly<\n  Record<ResolvedTheme, Readonly<Record<AccentTone, string>>>\n> = {\n  light: {\n    info: \"#6d28d9\",\n    success: \"#065f46\",\n    warning: \"#92400e\",\n    attention: \"#9a3412\",\n  },\n  dark: {\n    info: \"#a78bfa\",\n    success: \"#34d399\",\n    warning: \"#fbbf24\",\n    attention: \"#fb923c\",\n  },\n};\n\n/** Solid emphasis fills always pair with `onAccentFill`. */\nexport const accentFill: Readonly<Record<AccentTone, string>> = {\n  info: \"#6d28d9\",\n  success: \"#065f46\",\n  warning: \"#92400e\",\n  attention: \"#9a3412\",\n};\n\nexport const onAccentFill = \"#ffffff\";\n\nexport const accentTint = {\n  weak: 0.1,\n  base: 0.15,\n  strong: 0.2,\n  border: 0.3,\n} as const;\n\n/**\n * HJM organization surfaces' default signature. Renderers translate the\n * normalized coordinates. Product identity is owned by each product adapter;\n * consumers must not treat this value as every product's automatic brand.\n */\nexport const brandGradient = {\n  from: \"#0369a1\",\n  to: \"#155dfc\",\n  start: { x: 0, y: 0 },\n  end: { x: 1, y: 1 },\n} as const;\n\nexport const onBrandGradient = \"#ffffff\";\n\n/** Add an alpha channel without coupling callers to a CSS or React Native helper. */\nexport function withAlpha(hex: string, alpha: number): string {\n  const match = /^#([0-9a-fA-F]{6})$/.exec(hex);\n  if (!match) {\n    throw new TypeError(\"A six-digit hex color is required\");\n  }\n  if (!Number.isFinite(alpha) || alpha < 0 || alpha > 1) {\n    throw new RangeError(\"Alpha must be a finite number between 0 and 1\");\n  }\n\n  const source = match[1]!;\n  const channels = [0, 2, 4].map((offset) =>\n    Number.parseInt(source.slice(offset, offset + 2), 16),\n  );\n  return `rgba(${channels[0]}, ${channels[1]}, ${channels[2]}, ${alpha})`;\n}\n"]}

package/dist/command-palette.d.ts

@@ -195,12 +195,12 @@ export declare const commandPaletteRecipe: {
         };
         readonly selectedBackground: Readonly<{
             source: "theme";
-            key: "bg";
+            key: "surfaceSelected";
             alpha?: number;
         }>;
         readonly selectedIndicator: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         readonly danger: Readonly<{

package/dist/component-contracts.d.ts

@@ -120,12 +120,12 @@ export declare const collectionItemContract: {
     };
     readonly selectedBackground: Readonly<{
         source: "theme";
-        key: "bg";
+        key: "surfaceSelected";
         alpha?: number;
     }>;
     readonly selectedIndicator: Readonly<{
         source: "theme";
-        key: "contentBrand";
+        key: "text";
         alpha?: number;
     }>;
     readonly danger: Readonly<{

package/dist/component-contracts.js

@@ -47,8 +47,8 @@ export const collectionItemContract = {
     },
     highlightedBackground: semanticColors.canvas,
     focus: focusIndicatorContract,
-    selectedBackground: semanticColors.canvas,
-    selectedIndicator: semanticColors.border.focus,
+    selectedBackground: semanticColors.selection.background,
+    selectedIndicator: semanticColors.selection.content,
     danger: semanticColors.content.danger,
 };
 //# sourceMappingURL=component-contracts.js.map

package/dist/component-contracts.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-contracts.js","sourceRoot":"","sources":["../src/component-contracts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,+EAA+E;AAC/E,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK;IAClC,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,MAAM,EAAE,CAAC;CACD,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,6FAA6F;IAC7F,UAAU,EAAE,cAAc,CAAC,MAAM;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO;IACrC,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK;IACxC,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,MAAM;IAC3C,MAAM,EAAE,IAAa;IACrB,WAAW,EAAE,MAAM,CAAC,OAAO;IAC3B,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,OAAO,CAAC,EAAE;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI;QAClC,WAAW,EAAE,MAAe;QAC5B,UAAU,EAAE,UAAU,CAAC,MAAM;KAC9B;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,OAAgB,EAAE;IAChF,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,OAAgB,EAAE;IAC9E,GAAG,EAAE,OAAO,CAAC,EAAE;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,cAAc,CAAC,MAAM;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO;IACrC,WAAW,EAAE,MAAM,CAAC,OAAO;IAC3B,MAAM,EAAE,IAAa;IACrB,MAAM,EAAE,MAAM,CAAC,QAAQ;IACvB,OAAO,EAAE,OAAO,CAAC,EAAE;CACX,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,OAAO,CAAC,EAAE;IAC7B,GAAG,EAAE,OAAO,CAAC,EAAE;IACf,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,MAAe,EAAE;IAC3E,WAAW,EAAE;QACX,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS;QACvC,WAAW,EAAE,OAAgB;KAC9B;IACD,qBAAqB,EAAE,cAAc,CAAC,MAAM;IAC5C,KAAK,EAAE,sBAAsB;IAC7B,kBAAkB,EAAE,cAAc,CAAC,MAAM;IACzC,iBAAiB,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK;IAC9C,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM;CAC7B,CAAC","sourcesContent":["import { fontWeight, shadow, spacing, stroke } from \"./foundations.js\";\nimport { semanticColors } from \"./semantic-colors.js\";\n\n/** Internal visual fragments keep future recipes from inventing new chrome. */\nexport const focusIndicatorContract = {\n  color: semanticColors.border.focus,\n  width: stroke.focus,\n  offset: 2,\n} as const;\n\nexport const fieldFrameContract = {\n  // White in the light theme, theme canvas in dark; selection/focus remains an outline signal.\n  background: semanticColors.canvas,\n  border: semanticColors.border.control,\n  focusBorder: semanticColors.border.focus,\n  invalidBorder: semanticColors.border.danger,\n  radius: \"md\" as const,\n  borderWidth: stroke.default,\n  minHeight: 44,\n  paddingHorizontal: spacing.md,\n} as const;\n\nexport const formSupportContract = {\n  label: {\n    color: semanticColors.content.body,\n    textVariant: \"body\" as const,\n    fontWeight: fontWeight.medium,\n  },\n  hint: { color: semanticColors.content.secondary, textVariant: \"label\" as const },\n  error: { color: semanticColors.content.danger, textVariant: \"label\" as const },\n  gap: spacing.xs,\n} as const;\n\nexport const floatingSurfaceContract = {\n  background: semanticColors.canvas,\n  border: semanticColors.border.default,\n  borderWidth: stroke.default,\n  radius: \"md\" as const,\n  shadow: shadow.floating,\n  padding: spacing.xs,\n} as const;\n\nexport const collectionItemContract = {\n  minHeight: 44,\n  paddingHorizontal: spacing.sm,\n  gap: spacing.sm,\n  radius: \"md\" as const,\n  label: { color: semanticColors.content.body, textVariant: \"body\" as const },\n  description: {\n    color: semanticColors.content.secondary,\n    textVariant: \"label\" as const,\n  },\n  highlightedBackground: semanticColors.canvas,\n  focus: focusIndicatorContract,\n  selectedBackground: semanticColors.canvas,\n  selectedIndicator: semanticColors.border.focus,\n  danger: semanticColors.content.danger,\n} as const;\n"]}
+{"version":3,"file":"component-contracts.js","sourceRoot":"","sources":["../src/component-contracts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,+EAA+E;AAC/E,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK;IAClC,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,MAAM,EAAE,CAAC;CACD,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,6FAA6F;IAC7F,UAAU,EAAE,cAAc,CAAC,MAAM;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO;IACrC,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK;IACxC,aAAa,EAAE,cAAc,CAAC,MAAM,CAAC,MAAM;IAC3C,MAAM,EAAE,IAAa;IACrB,WAAW,EAAE,MAAM,CAAC,OAAO;IAC3B,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,OAAO,CAAC,EAAE;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI;QAClC,WAAW,EAAE,MAAe;QAC5B,UAAU,EAAE,UAAU,CAAC,MAAM;KAC9B;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,OAAgB,EAAE;IAChF,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,OAAgB,EAAE;IAC9E,GAAG,EAAE,OAAO,CAAC,EAAE;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,cAAc,CAAC,MAAM;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,OAAO;IACrC,WAAW,EAAE,MAAM,CAAC,OAAO;IAC3B,MAAM,EAAE,IAAa;IACrB,MAAM,EAAE,MAAM,CAAC,QAAQ;IACvB,OAAO,EAAE,OAAO,CAAC,EAAE;CACX,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,OAAO,CAAC,EAAE;IAC7B,GAAG,EAAE,OAAO,CAAC,EAAE;IACf,MAAM,EAAE,IAAa;IACrB,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,MAAe,EAAE;IAC3E,WAAW,EAAE;QACX,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,SAAS;QACvC,WAAW,EAAE,OAAgB;KAC9B;IACD,qBAAqB,EAAE,cAAc,CAAC,MAAM;IAC5C,KAAK,EAAE,sBAAsB;IAC7B,kBAAkB,EAAE,cAAc,CAAC,SAAS,CAAC,UAAU;IACvD,iBAAiB,EAAE,cAAc,CAAC,SAAS,CAAC,OAAO;IACnD,MAAM,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM;CAC7B,CAAC","sourcesContent":["import { fontWeight, shadow, spacing, stroke } from \"./foundations.js\";\nimport { semanticColors } from \"./semantic-colors.js\";\n\n/** Internal visual fragments keep future recipes from inventing new chrome. */\nexport const focusIndicatorContract = {\n  color: semanticColors.border.focus,\n  width: stroke.focus,\n  offset: 2,\n} as const;\n\nexport const fieldFrameContract = {\n  // White in the light theme, theme canvas in dark; selection/focus remains an outline signal.\n  background: semanticColors.canvas,\n  border: semanticColors.border.control,\n  focusBorder: semanticColors.border.focus,\n  invalidBorder: semanticColors.border.danger,\n  radius: \"md\" as const,\n  borderWidth: stroke.default,\n  minHeight: 44,\n  paddingHorizontal: spacing.md,\n} as const;\n\nexport const formSupportContract = {\n  label: {\n    color: semanticColors.content.body,\n    textVariant: \"body\" as const,\n    fontWeight: fontWeight.medium,\n  },\n  hint: { color: semanticColors.content.secondary, textVariant: \"label\" as const },\n  error: { color: semanticColors.content.danger, textVariant: \"label\" as const },\n  gap: spacing.xs,\n} as const;\n\nexport const floatingSurfaceContract = {\n  background: semanticColors.canvas,\n  border: semanticColors.border.default,\n  borderWidth: stroke.default,\n  radius: \"md\" as const,\n  shadow: shadow.floating,\n  padding: spacing.xs,\n} as const;\n\nexport const collectionItemContract = {\n  minHeight: 44,\n  paddingHorizontal: spacing.sm,\n  gap: spacing.sm,\n  radius: \"md\" as const,\n  label: { color: semanticColors.content.body, textVariant: \"body\" as const },\n  description: {\n    color: semanticColors.content.secondary,\n    textVariant: \"label\" as const,\n  },\n  highlightedBackground: semanticColors.canvas,\n  focus: focusIndicatorContract,\n  selectedBackground: semanticColors.selection.background,\n  selectedIndicator: semanticColors.selection.content,\n  danger: semanticColors.content.danger,\n} as const;\n"]}

package/dist/component-recipes.d.ts

@@ -669,17 +669,17 @@ export declare const chipRecipe: {
         readonly selected: {
             readonly background: Readonly<{
                 source: "theme";
-                key: "bg";
+                key: "surfaceSelected";
                 alpha?: number;
             }>;
             readonly content: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly border: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "borderControl";
                 alpha?: number;
             }>;
         };
@@ -695,7 +695,7 @@ export declare const chipRecipe: {
     readonly selectionIndicator: {
         readonly color: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         readonly glyph: "xs";
@@ -877,7 +877,7 @@ export declare const listRowRecipe: {
         }>;
         readonly selectedBackground: Readonly<{
             source: "theme";
-            key: "bg";
+            key: "surfaceSelected";
             alpha?: number;
         }>;
         readonly disabledOpacity: 0.5;
@@ -1043,12 +1043,12 @@ export declare const menuRecipe: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "bg";
+                key: "surfaceSelected";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1094,12 +1094,12 @@ export declare const menuRecipe: {
             };
             readonly selectedBackground: Readonly<{
                 source: "theme";
-                key: "bg";
+                key: "surfaceSelected";
                 alpha?: number;
             }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1150,7 +1150,7 @@ export declare const menuRecipe: {
     readonly indicator: {
         readonly color: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         readonly glyph: "sm";
@@ -1339,16 +1339,6 @@ export declare const selectRecipe: {
     };
     readonly density: {
         readonly compact: {
-            readonly selectedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
-            readonly highlightedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
             readonly minHeight: 44;
             readonly paddingHorizontal: 12;
             readonly gap: 12;
@@ -1369,6 +1359,11 @@ export declare const selectRecipe: {
                 }>;
                 readonly textVariant: "label";
             };
+            readonly highlightedBackground: Readonly<{
+                source: "theme";
+                key: "bg";
+                alpha?: number;
+            }>;
             readonly focus: {
                 readonly color: Readonly<{
                     source: "theme";
@@ -1378,9 +1373,14 @@ export declare const selectRecipe: {
                 readonly width: 2;
                 readonly offset: 2;
             };
+            readonly selectedBackground: Readonly<{
+                source: "theme";
+                key: "surfaceSelected";
+                alpha?: number;
+            }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1390,16 +1390,6 @@ export declare const selectRecipe: {
             }>;
         };
         readonly comfortable: {
-            readonly selectedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
-            readonly highlightedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
             readonly minHeight: 56;
             readonly paddingHorizontal: 12;
             readonly gap: 12;
@@ -1420,6 +1410,11 @@ export declare const selectRecipe: {
                 }>;
                 readonly textVariant: "label";
             };
+            readonly highlightedBackground: Readonly<{
+                source: "theme";
+                key: "bg";
+                alpha?: number;
+            }>;
             readonly focus: {
                 readonly color: Readonly<{
                     source: "theme";
@@ -1429,9 +1424,14 @@ export declare const selectRecipe: {
                 readonly width: 2;
                 readonly offset: 2;
             };
+            readonly selectedBackground: Readonly<{
+                source: "theme";
+                key: "surfaceSelected";
+                alpha?: number;
+            }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1466,7 +1466,7 @@ export declare const selectRecipe: {
     readonly selectionIndicator: {
         readonly color: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         readonly glyph: "sm";
@@ -1688,16 +1688,6 @@ export declare const comboboxRecipe: {
     };
     readonly density: {
         readonly compact: {
-            readonly selectedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
-            readonly highlightedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
             readonly minHeight: 44;
             readonly paddingHorizontal: 12;
             readonly gap: 12;
@@ -1718,6 +1708,11 @@ export declare const comboboxRecipe: {
                 }>;
                 readonly textVariant: "label";
             };
+            readonly highlightedBackground: Readonly<{
+                source: "theme";
+                key: "bg";
+                alpha?: number;
+            }>;
             readonly focus: {
                 readonly color: Readonly<{
                     source: "theme";
@@ -1727,9 +1722,14 @@ export declare const comboboxRecipe: {
                 readonly width: 2;
                 readonly offset: 2;
             };
+            readonly selectedBackground: Readonly<{
+                source: "theme";
+                key: "surfaceSelected";
+                alpha?: number;
+            }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1739,16 +1739,6 @@ export declare const comboboxRecipe: {
             }>;
         };
         readonly comfortable: {
-            readonly selectedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
-            readonly highlightedBackground: Readonly<{
-                source: "theme";
-                key: "bg";
-                alpha?: number;
-            }>;
             readonly minHeight: 56;
             readonly paddingHorizontal: 12;
             readonly gap: 12;
@@ -1769,6 +1759,11 @@ export declare const comboboxRecipe: {
                 }>;
                 readonly textVariant: "label";
             };
+            readonly highlightedBackground: Readonly<{
+                source: "theme";
+                key: "bg";
+                alpha?: number;
+            }>;
             readonly focus: {
                 readonly color: Readonly<{
                     source: "theme";
@@ -1778,9 +1773,14 @@ export declare const comboboxRecipe: {
                 readonly width: 2;
                 readonly offset: 2;
             };
+            readonly selectedBackground: Readonly<{
+                source: "theme";
+                key: "surfaceSelected";
+                alpha?: number;
+            }>;
             readonly selectedIndicator: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly danger: Readonly<{
@@ -1815,7 +1815,7 @@ export declare const comboboxRecipe: {
     readonly selectionIndicator: {
         readonly color: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         readonly glyph: "sm";
@@ -1941,12 +1941,12 @@ export declare const segmentedControlRecipe: {
         readonly borderWidth: 1;
         readonly selectedBackground: Readonly<{
             source: "theme";
-            key: "textBody";
+            key: "surfaceSelected";
             alpha?: number;
         }>;
         readonly selectedContent: Readonly<{
             source: "theme";
-            key: "bg";
+            key: "text";
             alpha?: number;
         }>;
         /**
@@ -2013,12 +2013,12 @@ export declare const segmentedControlRecipe: {
         readonly fontWeight: "500";
         readonly selectedBackground: Readonly<{
             source: "theme";
-            key: "bg";
+            key: "surfaceSelected";
             alpha?: number;
         }>;
         readonly selectedContent: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "text";
             alpha?: number;
         }>;
         /**
@@ -2296,12 +2296,12 @@ export declare const selectionControlRecipe: {
         }>;
         readonly selectedBackground: Readonly<{
             source: "theme";
-            key: "bg";
+            key: "surfaceSelected";
             alpha?: number;
         }>;
         readonly selectedBorder: Readonly<{
             source: "theme";
-            key: "contentBrand";
+            key: "borderControl";
             alpha?: number;
         }>;
         readonly hoverBackground: Readonly<{
@@ -2342,6 +2342,18 @@ export declare const bottomNavigationRecipe: {
         readonly distribution: "equal";
         readonly density: "regular";
     };
+    readonly selectionCapsule: {
+        readonly background: Readonly<{
+            source: "theme";
+            key: "surfaceSelected";
+            alpha?: number;
+        }>;
+        readonly content: Readonly<{
+            source: "theme";
+            key: "text";
+            alpha?: number;
+        }>;
+    };
     readonly selectionTile: {
         readonly background: Readonly<{
             source: "theme";
@@ -2710,12 +2722,12 @@ export declare const tabsRecipe: {
             readonly listDivider: false;
             readonly background: Readonly<{
                 source: "theme";
-                key: "surfaceAccent";
+                key: "surfaceSelected";
                 alpha?: number;
             }>;
             readonly selectedContent: Readonly<{
                 source: "theme";
-                key: "contentBrand";
+                key: "text";
                 alpha?: number;
             }>;
             readonly radius: "full";

package/dist/component-recipes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-recipes.d.ts","sourceRoot":"","sources":["../src/component-recipes.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,OAAO,EAUP,OAAO,EAGP,KAAK,eAAe,EAEpB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,6BAA6B,EAC7B,6BAA6B,EAC7B,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,8BAA8B,GACpC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,uBAAuB,EACvB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBrB;;;;OAIG;;CAYJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC;IAAE,UAAU,EAAE,eAAe,CAAA;CAAE,CAAC,CAAC,CAAC,EAC1F,mBAAmB,EAAE,OAAO,GAC3B,eAAe,GAAG,SAAS,CAI7B;AAED,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAElE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAElD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;QAenB,wDAAwD;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC3D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBvB,CAAC;AAEX,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,oBAAoB,CAAC,YAAY,CAAC;AACvF,MAAM,MAAM,0BAA0B,GAAG,MAAM,OAAO,oBAAoB,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;AAErG,MAAM,MAAM,SAAS,GACjB,SAAS;AACX;;;;;;;;GAQG;GACD,QAAQ,GACR,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE9E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Cd,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,iFAAiF;AACjF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiC5B;;;;;;;;;;;;OAYG;;;;;;;;;;;;;CAiCJ,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC,UAAU,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;IAGrB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CK,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAUhB,CAAC;AAcX,eAAO,MAAM,UAAU;;;;;IAGrB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;CAYK,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;AAChF,iEAAiE;AACjE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuCxB;;;;OAIG;;;;IAIH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCJ,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBlB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC,OAAO,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,UAAU,CAAC,aAAa,CAAC;AAErE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJxB,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqE1B,CAAC;AAKF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkB/B;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;IAmBL;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwBD;;;;WAIG;;;;;;;;;;;;;;;;CAQG,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEf,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GzB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBjC;;;;;OAKG;;;;;;;;;;;;;;;;;;;;IAQH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;IAQH;;;OAGG;;;;;IAKH;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAgCC;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDP;;;OAGG;;;;;;;;;;;QAWD;;;WAGG;;;;;;;;;;;;QAMH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDG,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;IAGrB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCK,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEjF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Bf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYnB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAehB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D1B,CAAC;AAEF,eAAO,MAAM,YAAY;;IAEvB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQH,iHAAiH;;CAEzG,CAAC;AAEX;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAIzF;AAED,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,aAAa,CAAC;AACzD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,SAAS,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;CAA6D,CAAC;AAE5F,eAAO,MAAM,WAAW;;;;;;IAGtB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiBD,gHAAgH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC1G,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBvB;;;;OAIG;;;;;;;;;;;;;;;CAQK,CAAC;AAEX;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6F7B,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,CAAC;AACjB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC9E,MAAM,MAAM,aAAa,GACrB,eAAe,GACf,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AASZ,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+FtB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IJ,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BhB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCf,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;CAmClB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;CAOhB,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC,KAAK,CAAC;AAC7E,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC,KAAK,CAAC;AAC7E,MAAM,MAAM,4BAA4B,GAAG,MAAM,OAAO,sBAAsB,CAAC,aAAa,CAAC;AAC7F,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,UAAU,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC,OAAO,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC,QAAQ,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,UAAU,CAAC,UAAU,CAAC;AAC/D,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC,KAAK,CAAC"}
+{"version":3,"file":"component-recipes.d.ts","sourceRoot":"","sources":["../src/component-recipes.ts"],"names":[],"mappings":"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"}

package/dist/component-recipes.js

@@ -273,9 +273,9 @@ export const chipRecipe = {
             border: semanticColors.border.default,
         },
         selected: {
-            background: semanticColors.canvas,
-            content: semanticColors.content.brand,
-            border: semanticColors.border.focus,
+            background: semanticColors.selection.background,
+            content: semanticColors.selection.content,
+            border: semanticColors.selection.border,
         },
         pressedOpacity: opacity.pressed,
         disabledOpacity: opacity.disabled,
@@ -285,7 +285,7 @@ export const chipRecipe = {
     // Selected keeps one step above idle (500 → 600) so the state still carries a weight cue on the lighter scale.
     label: { fontWeight: fontWeight.medium, selectedFontWeight: fontWeight.semibold },
     selectionIndicator: {
-        color: semanticColors.content.brand,
+        color: semanticColors.selection.content,
         glyph: "xs",
     },
     focus: focusIndicatorContract,
@@ -398,7 +398,7 @@ export const listRowRecipe = {
     },
     states: {
         pressedBackground: semanticColors.canvas,
-        selectedBackground: semanticColors.canvas,
+        selectedBackground: semanticColors.selection.background,
         disabledOpacity: opacity.disabled,
     },
 };
@@ -547,8 +547,8 @@ export const selectRecipe = {
         collisionPadding: spacing.xs,
     },
     density: {
-        compact: { ...collectionItemContract, selectedBackground: semanticColors.canvas, highlightedBackground: semanticColors.canvas, minHeight: control.minTouchTarget },
-        comfortable: { ...collectionItemContract, selectedBackground: semanticColors.canvas, highlightedBackground: semanticColors.canvas, minHeight: layout.rowHeight.singleLine },
+        compact: { ...collectionItemContract, minHeight: control.minTouchTarget },
+        comfortable: { ...collectionItemContract, minHeight: layout.rowHeight.singleLine },
     },
     sectionLabel: {
         color: semanticColors.content.secondary,
@@ -558,7 +558,7 @@ export const selectRecipe = {
     },
     optionLeading: { color: semanticColors.content.secondary, glyph: "sm" },
     optionLabel: { fontWeight: fontWeight.medium, selectedFontWeight: fontWeight.semibold },
-    selectionIndicator: { color: semanticColors.border.focus, glyph: "sm" },
+    selectionIndicator: { color: semanticColors.selection.content, glyph: "sm" },
     stateMessage: {
         color: semanticColors.content.secondary,
         textVariant: "body",
@@ -647,7 +647,7 @@ export const segmentedControlRecipe = {
         // Utilverse's pastel scene swallowed the sunken fill without an outline (2026-10-20).
         // Use the resting control border on the inset surface so touch geometry stays unchanged.
         background: semanticColors.surface.raised, border: semanticColors.border.control, borderWidth: stroke.subtle,
-        selectedBackground: semanticColors.content.body, selectedContent: semanticColors.canvas,
+        selectedBackground: semanticColors.selection.background, selectedContent: semanticColors.selection.content,
         /**
          * Pills are content-width, so large text keeps the row: it wraps inside a block and stays one line
          * inside a horizontal scroller (SearchScreen `filtersOverflow="scroll"`, a product rail). `adaptive`
@@ -665,7 +665,7 @@ export const segmentedControlRecipe = {
         largeTextLayout: "stacked",
         stackAtFontScale: largeTextThreshold,
     },
-    // Track and selected segment share the canvas; the blue ring identifies the chosen option.
+    // The neutral selected surface is shared with pills and Chip; the ring remains a separate selection cue.
     container: {
         background: semanticColors.canvas,
         border: semanticColors.border.default,
@@ -702,8 +702,8 @@ export const segmentedControlRecipe = {
         gap: spacing.xxs,
         idleContent: semanticColors.content.secondary,
         fontWeight: fontWeight.medium,
-        selectedBackground: semanticColors.canvas,
-        selectedContent: semanticColors.content.brand,
+        selectedBackground: semanticColors.selection.background,
+        selectedContent: semanticColors.selection.content,
         /**
          * The ring stays the selection signal so the control keeps a non-text
          * contrast of at least 3:1; a fill-only thumb cannot reach that against a
@@ -883,9 +883,9 @@ export const selectionControlRecipe = {
         checkedBackground: semanticColors.action.brand.background,
         checkedBorder: semanticColors.border.focus,
         indicator: semanticColors.action.brand.content,
-        // Keep the entire choice plate white; border and checked indicator carry selection.
-        selectedBackground: semanticColors.canvas,
-        selectedBorder: semanticColors.border.focus,
+        // The full plate uses neutral selection; the compact checked glyph remains primary.
+        selectedBackground: semanticColors.selection.background,
+        selectedBorder: semanticColors.selection.border,
         hoverBackground: semanticColors.canvas,
         pressedBackground: semanticColors.canvas,
         invalidBorder: semanticColors.border.danger,
@@ -910,6 +910,8 @@ export const bottomNavigationRecipe = {
     ],
     defaults: bottomNavigationRecipeDefaults,
     // Selected full-item cards retain the existing navigation state engine (Spint, 2026-10-12).
+    // Capsule navigation is ordinary selection; tile is an explicit strong brand treatment.
+    selectionCapsule: { background: semanticColors.selection.background, content: semanticColors.selection.content },
     selectionTile: {
         background: semanticColors.surface.brand,
         selectedBackground: semanticColors.action.brand.background,
@@ -1134,7 +1136,7 @@ export const tabsRecipe = {
      */
     indicators: {
         underline: { listDivider: true, background: null, selectedContent: semanticColors.content.primary, radius: null },
-        filled: { listDivider: false, background: semanticColors.surface.brand, selectedContent: semanticColors.content.brand, radius: "full" },
+        filled: { listDivider: false, background: semanticColors.selection.background, selectedContent: semanticColors.selection.content, radius: "full" },
         solid: { listDivider: false, background: semanticColors.action.brand.background, selectedContent: semanticColors.action.brand.content, radius: "full" },
     },
     sizes: {