@ankhorage/surface 9.1.115 → 9.2.0

package/dist/features/theme/domain/resolveInverseSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveInverseSurface.d.ts","sourceRoot":"","sources":["../../../../src/features/theme/domain/resolveInverseSurface.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,yBAAyB,EACzB,gBAAgB,EAChB,YAAY,EACb,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAErG,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,qCAAqC,CAAC,CAAC;AAE1E,+EAA+E;AAC/E,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,OAAO,EACrB,SAAS,EAAE,SAAS,GACnB;IAAE,OAAO,EAAE,gBAAgB,CAAC;IAAC,iBAAiB,EAAE,yBAAyB,EAAE,CAAA;CAAE,CAgB/E"}

package/dist/features/theme/domain/resolveInverseSurface.js

@@ -0,0 +1,31 @@
+import { parseHexColorOrThrow } from '@ankhorage/color-theory';
+import { SURFACE_COLOR_POLICY } from '../constants';
+/*** Resolve inverted surface levels and measure their effective separation. */
+export function resolveInverseSurface(theme, lightSurface, collector) {
+    const { neutral } = theme.swatches;
+    const base = theme.semantics.surface.inverse;
+    const adjacent = lightSurface ? neutral[100] : neutral[800];
+    const sunken = lightSurface ? neutral[200] : neutral[950];
+    const surface = {
+        ...theme.semantics.surface,
+        default: base,
+        subtle: adjacent,
+        raised: adjacent,
+        sunken,
+        overlay: adjacent,
+        disabled: adjacent,
+        inverse: theme.semantics.surface.default,
+    };
+    return { surface, surfaceSeparation: measureInverseSurfaceSeparation(surface, collector) };
+}
+/*** Measure the returned surface levels against their shared sunken background. */
+function measureInverseSurfaceSeparation(surface, collector) {
+    const background = parseHexColorOrThrow(surface.sunken);
+    const surfaces = [
+        ['surface.default', surface.default],
+        ['surface.raised', surface.raised],
+        ['surface.disabled', surface.disabled],
+    ];
+    return surfaces.map(([id, foreground]) => collector.measureSurface(id, parseHexColorOrThrow(foreground), background, SURFACE_COLOR_POLICY.surfaceSeparation));
+}
+//# sourceMappingURL=resolveInverseSurface.js.map

package/dist/features/theme/domain/resolveInverseSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveInverseSurface.js","sourceRoot":"","sources":["../../../../src/features/theme/domain/resolveInverseSurface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,+EAA+E;AAC/E,MAAM,UAAU,qBAAqB,CACnC,KAAmB,EACnB,YAAqB,EACrB,SAAoB;IAEpB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAqB;QAChC,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO;QAC1B,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,QAAQ;QAChB,MAAM;QACN,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;KACzC,CAAC;IACF,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,+BAA+B,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC;AAC7F,CAAC;AAED,mFAAmF;AACnF,SAAS,+BAA+B,CACtC,OAAyB,EACzB,SAAoB;IAEpB,MAAM,UAAU,GAAG,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG;QACf,CAAC,iBAAiB,EAAE,OAAO,CAAC,OAAO,CAAC;QACpC,CAAC,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC;QAClC,CAAC,kBAAkB,EAAE,OAAO,CAAC,QAAQ,CAAC;KAC9B,CAAC;IACX,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,EAAE,CACvC,SAAS,CAAC,cAAc,CACtB,EAAE,EACF,oBAAoB,CAAC,UAAU,CAAC,EAChC,UAAU,EACV,oBAAoB,CAAC,iBAAiB,CACvC,CACF,CAAC;AACJ,CAAC","sourcesContent":["import { parseHexColorOrThrow } from '@ankhorage/color-theory';\n\nimport type {\n  SurfaceContrastDiagnostic,\n  SurfaceSemantics,\n  SurfaceTheme,\n} from '../../../types/theme';\nimport { SURFACE_COLOR_POLICY } from '../constants';\nimport type { createSurfaceColorDiagnosticCollector } from './createSurfaceColorDiagnosticCollector';\n\ntype Collector = ReturnType<typeof createSurfaceColorDiagnosticCollector>;\n\n/*** Resolve inverted surface levels and measure their effective separation. */\nexport function resolveInverseSurface(\n  theme: SurfaceTheme,\n  lightSurface: boolean,\n  collector: Collector,\n): { surface: SurfaceSemantics; surfaceSeparation: SurfaceContrastDiagnostic[] } {\n  const { neutral } = theme.swatches;\n  const base = theme.semantics.surface.inverse;\n  const adjacent = lightSurface ? neutral[100] : neutral[800];\n  const sunken = lightSurface ? neutral[200] : neutral[950];\n  const surface: SurfaceSemantics = {\n    ...theme.semantics.surface,\n    default: base,\n    subtle: adjacent,\n    raised: adjacent,\n    sunken,\n    overlay: adjacent,\n    disabled: adjacent,\n    inverse: theme.semantics.surface.default,\n  };\n  return { surface, surfaceSeparation: measureInverseSurfaceSeparation(surface, collector) };\n}\n\n/*** Measure the returned surface levels against their shared sunken background. */\nfunction measureInverseSurfaceSeparation(\n  surface: SurfaceSemantics,\n  collector: Collector,\n): SurfaceContrastDiagnostic[] {\n  const background = parseHexColorOrThrow(surface.sunken);\n  const surfaces = [\n    ['surface.default', surface.default],\n    ['surface.raised', surface.raised],\n    ['surface.disabled', surface.disabled],\n  ] as const;\n  return surfaces.map(([id, foreground]) =>\n    collector.measureSurface(\n      id,\n      parseHexColorOrThrow(foreground),\n      background,\n      SURFACE_COLOR_POLICY.surfaceSeparation,\n    ),\n  );\n}\n"]}

package/dist/features/typography/adapters/inbound/Text.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TextProps } from '../../../../types/typography';
 /*** Renders body text using Surface semantic typography. */
-export declare function Text({ children, i18nKey, variant, emphasis, color, align, weight, italic, numberOfLines, testID, }: TextProps): React.JSX.Element;
+export declare function Text({ children, i18nKey, variant, emphasis, color, align, weight, italic, numberOfLines, testID, style, }: TextProps): React.JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

package/dist/features/typography/adapters/inbound/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG9D,4DAA4D;AAC5D,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,QAAoB,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAc,EACd,aAAa,EACb,MAAM,GACP,EAAE,SAAS,qBAgBX"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG9D,4DAA4D;AAC5D,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,QAAoB,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAc,EACd,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,SAAS,qBAiBX"}

package/dist/features/typography/adapters/inbound/Text.js

@@ -3,12 +3,13 @@ import { Text as ReactNativeText } from 'react-native';
 import { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';
 import { useTheme } from '../../../theme/runtime';
 /*** Renders body text using Surface semantic typography. */
-export function Text({ children, i18nKey, variant = 'body', emphasis = 'default', color, align, weight, italic = false, numberOfLines, testID, }) {
+export function Text({ children, i18nKey, variant = 'body', emphasis = 'default', color, align, weight, italic = false, numberOfLines, testID, style, }) {
     const { theme } = useTheme();
     const content = children ?? i18nKey ?? null;
     return (<ReactNativeText numberOfLines={numberOfLines} testID={testID} style={[
             resolveTextStyles(theme, { align, italic, variant, weight }),
             { color: resolveTextColor(theme, emphasis, color) },
+            style,
         ]}>
       {content}
     </ReactNativeText>);

package/dist/features/typography/adapters/inbound/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,4DAA4D;AAC5D,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,IAAI,IAAI,CAAC;IAE5C,OAAO,CACL,CAAC,eAAe,CACd,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACL,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC5D,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;SACpD,CAAC,CAEF;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';\nimport type { TextProps } from '../../../../types/typography';\nimport { useTheme } from '../../../theme/runtime';\n\n/*** Renders body text using Surface semantic typography. */\nexport function Text({\n  children,\n  i18nKey,\n  variant = 'body',\n  emphasis = 'default',\n  color,\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  testID,\n}: TextProps) {\n  const { theme } = useTheme();\n  const content = children ?? i18nKey ?? null;\n\n  return (\n    <ReactNativeText\n      numberOfLines={numberOfLines}\n      testID={testID}\n      style={[\n        resolveTextStyles(theme, { align, italic, variant, weight }),\n        { color: resolveTextColor(theme, emphasis, color) },\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,4DAA4D;AAC5D,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,MAAM,EACN,KAAK,GACK;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,IAAI,IAAI,CAAC;IAE5C,OAAO,CACL,CAAC,eAAe,CACd,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACL,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC5D,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;YACnD,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';\nimport type { TextProps } from '../../../../types/typography';\nimport { useTheme } from '../../../theme/runtime';\n\n/*** Renders body text using Surface semantic typography. */\nexport function Text({\n  children,\n  i18nKey,\n  variant = 'body',\n  emphasis = 'default',\n  color,\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  testID,\n  style,\n}: TextProps) {\n  const { theme } = useTheme();\n  const content = children ?? i18nKey ?? null;\n\n  return (\n    <ReactNativeText\n      numberOfLines={numberOfLines}\n      testID={testID}\n      style={[\n        resolveTextStyles(theme, { align, italic, variant, weight }),\n        { color: resolveTextColor(theme, emphasis, color) },\n        style,\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n"]}

package/dist/internal/resolvers/resolveInteractiveColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveInteractiveColors.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,EACnB,EACE,OAAO,EACP,KAAK,EACL,KAAK,GACN,EAAE;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACA,yBAAyB,CA8D3B;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,GACrB,yBAAyB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CA6C1D"}
+{"version":3,"file":"resolveInteractiveColors.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,YAAY,EACnB,EACE,OAAO,EACP,KAAK,EACL,KAAK,GACN,EAAE;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACA,yBAAyB,CA8D3B;AAYD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,GACrB,yBAAyB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CA6C1D"}

package/dist/internal/resolvers/resolveInteractiveColors.js

@@ -17,7 +17,7 @@ export function resolveButtonColors(theme, { variant, color, state, }) {
                         ? semanticTone.softHover
                         : 'transparent',
                 borderColor: semanticTone.outline,
-                contentColor: semanticTone.onSurfaceText,
+                contentColor: resolveTransparentContentColor(semanticTone, state),
             };
         case 'ghost':
             return {
@@ -27,7 +27,7 @@ export function resolveButtonColors(theme, { variant, color, state, }) {
                         ? semanticTone.softHover
                         : 'transparent',
                 borderColor: 'transparent',
-                contentColor: semanticTone.onSurfaceText,
+                contentColor: resolveTransparentContentColor(semanticTone, state),
             };
         case 'soft':
             return {
@@ -60,6 +60,14 @@ export function resolveButtonColors(theme, { variant, color, state, }) {
             };
     }
 }
+/*** Pair hovered and pressed transparent controls with their own soft fill. */
+function resolveTransparentContentColor(role, state) {
+    if (state.pressed)
+        return role.onSoftActiveText;
+    if (state.hovered)
+        return role.onSoftHoverText;
+    return role.onSurfaceText;
+}
 export function resolveInputColors(theme, fieldState) {
     if (fieldState.disabled) {
         return {

package/dist/internal/resolvers/resolveInteractiveColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveInteractiveColors.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ButtonVariant } from '../../types/button';\nimport type { InteractionState } from '../../types/pressable';\nimport type { SurfaceColor } from '../../types/surfaceColor';\nimport type { SurfaceTheme } from '../../types/theme';\nimport type { FieldState } from './resolveFieldState';\nimport { resolveSurfaceColor } from './resolveSurfaceColor';\n\nexport interface ResolvedInteractiveColors {\n  backgroundColor: string;\n  borderColor: string;\n  contentColor: string;\n  opacity?: number;\n}\n\nexport function resolveButtonColors(\n  theme: SurfaceTheme,\n  {\n    variant,\n    color,\n    state,\n  }: {\n    variant: ButtonVariant;\n    color: SurfaceColor;\n    state: InteractionState;\n  },\n): ResolvedInteractiveColors {\n  if (state.disabled) {\n    return {\n      backgroundColor: theme.semantics.surface.disabled,\n      borderColor: theme.semantics.border.subtle,\n      contentColor: theme.semantics.content.disabled,\n    };\n  }\n\n  const semanticTone = resolveSurfaceColor(theme, color);\n\n  switch (variant) {\n    case 'outline':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : 'transparent',\n        borderColor: semanticTone.outline,\n        contentColor: semanticTone.onSurfaceText,\n      };\n    case 'ghost':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : 'transparent',\n        borderColor: 'transparent',\n        contentColor: semanticTone.onSurfaceText,\n      };\n    case 'soft':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : semanticTone.softBg,\n        borderColor: 'transparent',\n        contentColor: state.pressed\n          ? semanticTone.onSoftActiveText\n          : state.hovered\n            ? semanticTone.onSoftHoverText\n            : semanticTone.onSoftText,\n      };\n    case 'solid':\n    default:\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.strong\n          : state.hovered\n            ? semanticTone.hover\n            : semanticTone.base,\n        borderColor: semanticTone.base,\n        contentColor: state.pressed\n          ? semanticTone.onStrongText\n          : state.hovered\n            ? semanticTone.onHoverText\n            : semanticTone.onSolidText,\n      };\n  }\n}\n\nexport function resolveInputColors(\n  theme: SurfaceTheme,\n  fieldState: FieldState,\n): ResolvedInteractiveColors & { placeholderColor: string } {\n  if (fieldState.disabled) {\n    return {\n      backgroundColor: theme.semantics.surface.disabled,\n      borderColor: theme.semantics.border.subtle,\n      contentColor: theme.semantics.content.disabled,\n      placeholderColor: theme.semantics.content.disabled,\n    };\n  }\n\n  if (fieldState.invalid) {\n    return {\n      backgroundColor: fieldState.readOnly\n        ? theme.semantics.surface.subtle\n        : theme.semantics.surface.default,\n      borderColor: fieldState.focused ? theme.semantics.error.base : theme.semantics.error.outline,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  if (fieldState.focused) {\n    return {\n      backgroundColor: theme.semantics.surface.default,\n      borderColor: theme.semantics.border.focus,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  if (fieldState.readOnly) {\n    return {\n      backgroundColor: theme.semantics.surface.subtle,\n      borderColor: theme.semantics.border.default,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  return {\n    backgroundColor: theme.semantics.surface.default,\n    borderColor: theme.semantics.border.default,\n    contentColor: theme.semantics.content.default,\n    placeholderColor: theme.semantics.content.muted,\n  };\n}\n"]}
+{"version":3,"file":"resolveInteractiveColors.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ButtonVariant } from '../../types/button';\nimport type { InteractionState } from '../../types/pressable';\nimport type { SurfaceColor } from '../../types/surfaceColor';\nimport type { SurfaceTheme } from '../../types/theme';\nimport type { FieldState } from './resolveFieldState';\nimport { resolveSurfaceColor } from './resolveSurfaceColor';\n\nexport interface ResolvedInteractiveColors {\n  backgroundColor: string;\n  borderColor: string;\n  contentColor: string;\n  opacity?: number;\n}\n\nexport function resolveButtonColors(\n  theme: SurfaceTheme,\n  {\n    variant,\n    color,\n    state,\n  }: {\n    variant: ButtonVariant;\n    color: SurfaceColor;\n    state: InteractionState;\n  },\n): ResolvedInteractiveColors {\n  if (state.disabled) {\n    return {\n      backgroundColor: theme.semantics.surface.disabled,\n      borderColor: theme.semantics.border.subtle,\n      contentColor: theme.semantics.content.disabled,\n    };\n  }\n\n  const semanticTone = resolveSurfaceColor(theme, color);\n\n  switch (variant) {\n    case 'outline':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : 'transparent',\n        borderColor: semanticTone.outline,\n        contentColor: resolveTransparentContentColor(semanticTone, state),\n      };\n    case 'ghost':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : 'transparent',\n        borderColor: 'transparent',\n        contentColor: resolveTransparentContentColor(semanticTone, state),\n      };\n    case 'soft':\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.softActive\n          : state.hovered\n            ? semanticTone.softHover\n            : semanticTone.softBg,\n        borderColor: 'transparent',\n        contentColor: state.pressed\n          ? semanticTone.onSoftActiveText\n          : state.hovered\n            ? semanticTone.onSoftHoverText\n            : semanticTone.onSoftText,\n      };\n    case 'solid':\n    default:\n      return {\n        backgroundColor: state.pressed\n          ? semanticTone.strong\n          : state.hovered\n            ? semanticTone.hover\n            : semanticTone.base,\n        borderColor: semanticTone.base,\n        contentColor: state.pressed\n          ? semanticTone.onStrongText\n          : state.hovered\n            ? semanticTone.onHoverText\n            : semanticTone.onSolidText,\n      };\n  }\n}\n\n/*** Pair hovered and pressed transparent controls with their own soft fill. */\nfunction resolveTransparentContentColor(\n  role: ReturnType<typeof resolveSurfaceColor>,\n  state: InteractionState,\n): string {\n  if (state.pressed) return role.onSoftActiveText;\n  if (state.hovered) return role.onSoftHoverText;\n  return role.onSurfaceText;\n}\n\nexport function resolveInputColors(\n  theme: SurfaceTheme,\n  fieldState: FieldState,\n): ResolvedInteractiveColors & { placeholderColor: string } {\n  if (fieldState.disabled) {\n    return {\n      backgroundColor: theme.semantics.surface.disabled,\n      borderColor: theme.semantics.border.subtle,\n      contentColor: theme.semantics.content.disabled,\n      placeholderColor: theme.semantics.content.disabled,\n    };\n  }\n\n  if (fieldState.invalid) {\n    return {\n      backgroundColor: fieldState.readOnly\n        ? theme.semantics.surface.subtle\n        : theme.semantics.surface.default,\n      borderColor: fieldState.focused ? theme.semantics.error.base : theme.semantics.error.outline,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  if (fieldState.focused) {\n    return {\n      backgroundColor: theme.semantics.surface.default,\n      borderColor: theme.semantics.border.focus,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  if (fieldState.readOnly) {\n    return {\n      backgroundColor: theme.semantics.surface.subtle,\n      borderColor: theme.semantics.border.default,\n      contentColor: theme.semantics.content.default,\n      placeholderColor: theme.semantics.content.muted,\n    };\n  }\n\n  return {\n    backgroundColor: theme.semantics.surface.default,\n    borderColor: theme.semantics.border.default,\n    contentColor: theme.semantics.content.default,\n    placeholderColor: theme.semantics.content.muted,\n  };\n}\n"]}

package/dist/internal/resolvers/resolveTextColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveTextColor.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAE,eAA2B,EACrC,KAAK,CAAC,EAAE,YAAY,GACnB,MAAM,CAmBR"}
+{"version":3,"file":"resolveTextColor.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,QAAQ,GAAE,eAA2B,EACrC,KAAK,CAAC,EAAE,YAAY,GACnB,MAAM,CAoBR"}

package/dist/internal/resolvers/resolveTextColor.js

@@ -4,7 +4,8 @@ export function resolveTextColor(theme, emphasis = 'default', color) {
         if (emphasis === 'inverse') {
             return resolveSurfaceColor(theme, color).onSolidText;
         }
-        return resolveSurfaceColor(theme, color).base;
+        const role = resolveSurfaceColor(theme, color);
+        return theme.inverted ? role.onSurfaceText : role.base;
     }
     switch (emphasis) {
         case 'muted':

package/dist/internal/resolvers/resolveTextColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveTextColor.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAC9B,KAAmB,EACnB,WAA4B,SAAS,EACrC,KAAoB;IAEpB,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,WAAW,CAAC;QACvD,CAAC;QAED,OAAO,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;IAChD,CAAC;IAED,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QACzC;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IAC3C,CAAC;AACH,CAAC","sourcesContent":["import type { SurfaceColor, SurfaceEmphasis } from '../../types/surfaceColor';\nimport type { SurfaceTheme } from '../../types/theme';\nimport { resolveSurfaceColor } from './resolveSurfaceColor';\n\nexport function resolveTextColor(\n  theme: SurfaceTheme,\n  emphasis: SurfaceEmphasis = 'default',\n  color?: SurfaceColor,\n): string {\n  if (color) {\n    if (emphasis === 'inverse') {\n      return resolveSurfaceColor(theme, color).onSolidText;\n    }\n\n    return resolveSurfaceColor(theme, color).base;\n  }\n\n  switch (emphasis) {\n    case 'muted':\n      return theme.semantics.content.muted;\n    case 'subtle':\n      return theme.semantics.content.subtle;\n    case 'inverse':\n      return theme.semantics.content.inverse;\n    default:\n      return theme.semantics.content.default;\n  }\n}\n"]}
+{"version":3,"file":"resolveTextColor.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAC9B,KAAmB,EACnB,WAA4B,SAAS,EACrC,KAAoB;IAEpB,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,OAAO,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,WAAW,CAAC;QACvD,CAAC;QAED,MAAM,IAAI,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACzD,CAAC;IAED,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QACzC;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IAC3C,CAAC;AACH,CAAC","sourcesContent":["import type { SurfaceColor, SurfaceEmphasis } from '../../types/surfaceColor';\nimport type { SurfaceTheme } from '../../types/theme';\nimport { resolveSurfaceColor } from './resolveSurfaceColor';\n\nexport function resolveTextColor(\n  theme: SurfaceTheme,\n  emphasis: SurfaceEmphasis = 'default',\n  color?: SurfaceColor,\n): string {\n  if (color) {\n    if (emphasis === 'inverse') {\n      return resolveSurfaceColor(theme, color).onSolidText;\n    }\n\n    const role = resolveSurfaceColor(theme, color);\n    return theme.inverted ? role.onSurfaceText : role.base;\n  }\n\n  switch (emphasis) {\n    case 'muted':\n      return theme.semantics.content.muted;\n    case 'subtle':\n      return theme.semantics.content.subtle;\n    case 'inverse':\n      return theme.semantics.content.inverse;\n    default:\n      return theme.semantics.content.default;\n  }\n}\n"]}

package/dist/types/theme.d.ts

@@ -202,11 +202,13 @@ export interface ThemeTokens {
 }
 export interface SurfaceTheme extends ThemeTokens {
     config: ContractsThemeConfig;
+    inverted?: boolean;
 }
 export type ThemeMode = 'light' | 'dark';
 export interface ThemeRuntime {
     theme: SurfaceTheme;
     mode: ThemeMode;
+    inverted?: boolean;
     setThemeConfig: (config: Partial<ContractsThemeConfig>) => void;
     setMode: (mode: ThemeMode) => void;
 }
@@ -219,5 +221,6 @@ export interface ThemeScopeProps {
     children: ReactNode;
     themeConfig?: Partial<ContractsThemeConfig>;
     mode?: ThemeMode;
+    inverted?: boolean;
 }
 //# sourceMappingURL=theme.d.ts.map

package/dist/types/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"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"}

package/dist/types/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ColorSwatchDiagnostics,\n  ColorSwatchSelectionResult,\n  DefaultSemanticStatusRole,\n  GeneratedThemeModeColors,\n  GeneratedThemeSwatches,\n  HexColor,\n  SemanticColorReferenceMap,\n  ThemeColorMode,\n} from '@ankhorage/color-theory';\nimport type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';\nimport type { ReactNode } from 'react';\n\nexport interface NeutralSemantics {\n  bg: string;\n  bgSubtle: string;\n  surface: string;\n  surfaceHover: string;\n  surfaceActive: string;\n  border: string;\n  borderStrong: string;\n  divider: string;\n  text: string;\n  textMuted: string;\n  textSubtle: string;\n  disabledBg: string;\n  disabledText: string;\n}\n\nexport interface RoleSemantics {\n  base: string;\n  hover: string;\n  strong: string;\n  softBg: string;\n  softHover: string;\n  softActive: string;\n  outline: string;\n  onSurfaceText: string;\n  onSolidText: string;\n  onHoverText: string;\n  onStrongText: string;\n  onSoftText: string;\n  onSoftHoverText: string;\n  onSoftActiveText: string;\n  disabledBg: string;\n  onDisabledText: string;\n}\n\nexport interface SurfaceSemantics {\n  default: string;\n  subtle: string;\n  raised: string;\n  sunken: string;\n  overlay: string;\n  scrim: string;\n  disabled: string;\n  inverse: string;\n}\n\nexport interface ContentSemantics {\n  default: string;\n  muted: string;\n  subtle: string;\n  disabled: string;\n  icon: string;\n  link: string;\n  visited: string;\n  inverse: string;\n}\n\nexport interface BorderSemantics {\n  default: string;\n  subtle: string;\n  strong: string;\n  divider: string;\n  focus: string;\n}\n\nexport interface SelectionSemantics {\n  background: string;\n  content: string;\n  border: string;\n}\n\nexport interface ActionSemantics {\n  primary: RoleSemantics;\n  neutral: RoleSemantics;\n  danger: RoleSemantics;\n}\n\nexport interface ThemeSemantics {\n  neutral: NeutralSemantics;\n  brand: RoleSemantics;\n  secondary: RoleSemantics;\n  accent: RoleSemantics;\n  highlight: RoleSemantics;\n  danger: RoleSemantics;\n  success: RoleSemantics;\n  warning: RoleSemantics;\n  error: RoleSemantics;\n  info: RoleSemantics;\n  surface: SurfaceSemantics;\n  content: ContentSemantics;\n  border: BorderSemantics;\n  selection: SelectionSemantics;\n  action: ActionSemantics;\n}\n\nexport interface SurfaceContrastDiagnostic {\n  id: string;\n  foreground: HexColor;\n  background: HexColor;\n  contrast: number;\n  minimumContrast: number;\n  passes: boolean;\n}\n\n/** A Color Theory swatch selection together with its stable Surface purpose. */\nexport interface SurfaceColorSelectionDiagnostic {\n  id: string;\n  result: ColorSwatchSelectionResult;\n}\n\n/** Owner-produced color evidence used to explain a resolved Surface theme. */\nexport interface SurfaceColorDiagnostics {\n  mode: ThemeColorMode;\n  generated: GeneratedThemeModeColors;\n  semanticReferences: SemanticColorReferenceMap;\n  statusSwatches: Record<DefaultSemanticStatusRole, ColorSwatchDiagnostics>;\n  selections: readonly SurfaceColorSelectionDiagnostic[];\n  contrasts: readonly SurfaceContrastDiagnostic[];\n  surfaceSeparation: readonly SurfaceContrastDiagnostic[];\n}\n\nexport type FontWeight =\n  '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 'bold' | 'normal';\n\nexport interface ThemeTokens {\n  colors: {\n    primary: string;\n    secondary: string;\n    accent: string;\n    highlight: string;\n    tertiary: string;\n    quaternary: string;\n    background: string;\n    surface: string;\n    text: string;\n    textSecondary: string;\n    border: string;\n    error: string;\n    success: string;\n    warning: string;\n    info: string;\n    [key: string]: string;\n  };\n  swatches: GeneratedThemeSwatches;\n  semantics: ThemeSemantics;\n  /** Generated owner evidence; this is runtime output and is not persisted in ThemeConfig. */\n  colorDiagnostics: SurfaceColorDiagnostics;\n  spacing: {\n    none: 0;\n    xs: number;\n    s: number;\n    m: number;\n    l: number;\n    xl: number;\n    xxl: number;\n    [key: string]: number;\n  };\n  radii: {\n    none: 0;\n    s: number;\n    m: number;\n    l: number;\n    full: number;\n    [key: string]: number;\n  };\n  typography: {\n    headings: Record<\n      1 | 2 | 3 | 4 | 5 | 6,\n      {\n        size: number;\n        lineHeight: number;\n        weight: 'regular' | 'medium' | 'semiBold' | 'bold';\n      }\n    >;\n    sizes: {\n      xs: number;\n      s: number;\n      m: number;\n      l: number;\n      xl: number;\n      xxl: number;\n      '3xl': number;\n      h1: number;\n      h2: number;\n      h3: number;\n      h4: number;\n      h5: number;\n      h6: number;\n      [key: string]: number;\n    };\n    weights: {\n      thin: FontWeight;\n      extraLight: FontWeight;\n      light: FontWeight;\n      regular: FontWeight;\n      medium: FontWeight;\n      semiBold: FontWeight;\n      bold: FontWeight;\n      extraBold: FontWeight;\n      black: FontWeight;\n    };\n    fonts: {\n      /** Map of weight -> fontFamily name for normal style */\n      normal: Record<FontWeight, string | undefined>;\n      /** Map of weight -> fontFamily name for italic style */\n      italic: Record<FontWeight, string | undefined>;\n    };\n  };\n  shadows: {\n    soft: number;\n    medium: number;\n    hard: number;\n    [key: string]: number;\n  };\n}\n\nexport interface SurfaceTheme extends ThemeTokens {\n  config: ContractsThemeConfig;\n}\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport interface ThemeRuntime {\n  theme: SurfaceTheme;\n  mode: ThemeMode;\n  setThemeConfig: (config: Partial<ContractsThemeConfig>) => void;\n  setMode: (mode: ThemeMode) => void;\n}\n\nexport interface ThemeProviderProps {\n  children: ReactNode;\n  initialConfig?: Partial<ContractsThemeConfig>;\n  initialMode?: ThemeMode;\n}\n\nexport interface ThemeScopeProps {\n  children: ReactNode;\n  themeConfig?: Partial<ContractsThemeConfig>;\n  mode?: ThemeMode;\n}\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ColorSwatchDiagnostics,\n  ColorSwatchSelectionResult,\n  DefaultSemanticStatusRole,\n  GeneratedThemeModeColors,\n  GeneratedThemeSwatches,\n  HexColor,\n  SemanticColorReferenceMap,\n  ThemeColorMode,\n} from '@ankhorage/color-theory';\nimport type { ThemeConfig as ContractsThemeConfig } from '@ankhorage/contracts';\nimport type { ReactNode } from 'react';\n\nexport interface NeutralSemantics {\n  bg: string;\n  bgSubtle: string;\n  surface: string;\n  surfaceHover: string;\n  surfaceActive: string;\n  border: string;\n  borderStrong: string;\n  divider: string;\n  text: string;\n  textMuted: string;\n  textSubtle: string;\n  disabledBg: string;\n  disabledText: string;\n}\n\nexport interface RoleSemantics {\n  base: string;\n  hover: string;\n  strong: string;\n  softBg: string;\n  softHover: string;\n  softActive: string;\n  outline: string;\n  onSurfaceText: string;\n  onSolidText: string;\n  onHoverText: string;\n  onStrongText: string;\n  onSoftText: string;\n  onSoftHoverText: string;\n  onSoftActiveText: string;\n  disabledBg: string;\n  onDisabledText: string;\n}\n\nexport interface SurfaceSemantics {\n  default: string;\n  subtle: string;\n  raised: string;\n  sunken: string;\n  overlay: string;\n  scrim: string;\n  disabled: string;\n  inverse: string;\n}\n\nexport interface ContentSemantics {\n  default: string;\n  muted: string;\n  subtle: string;\n  disabled: string;\n  icon: string;\n  link: string;\n  visited: string;\n  inverse: string;\n}\n\nexport interface BorderSemantics {\n  default: string;\n  subtle: string;\n  strong: string;\n  divider: string;\n  focus: string;\n}\n\nexport interface SelectionSemantics {\n  background: string;\n  content: string;\n  border: string;\n}\n\nexport interface ActionSemantics {\n  primary: RoleSemantics;\n  neutral: RoleSemantics;\n  danger: RoleSemantics;\n}\n\nexport interface ThemeSemantics {\n  neutral: NeutralSemantics;\n  brand: RoleSemantics;\n  secondary: RoleSemantics;\n  accent: RoleSemantics;\n  highlight: RoleSemantics;\n  danger: RoleSemantics;\n  success: RoleSemantics;\n  warning: RoleSemantics;\n  error: RoleSemantics;\n  info: RoleSemantics;\n  surface: SurfaceSemantics;\n  content: ContentSemantics;\n  border: BorderSemantics;\n  selection: SelectionSemantics;\n  action: ActionSemantics;\n}\n\nexport interface SurfaceContrastDiagnostic {\n  id: string;\n  foreground: HexColor;\n  background: HexColor;\n  contrast: number;\n  minimumContrast: number;\n  passes: boolean;\n}\n\n/** A Color Theory swatch selection together with its stable Surface purpose. */\nexport interface SurfaceColorSelectionDiagnostic {\n  id: string;\n  result: ColorSwatchSelectionResult;\n}\n\n/** Owner-produced color evidence used to explain a resolved Surface theme. */\nexport interface SurfaceColorDiagnostics {\n  mode: ThemeColorMode;\n  generated: GeneratedThemeModeColors;\n  semanticReferences: SemanticColorReferenceMap;\n  statusSwatches: Record<DefaultSemanticStatusRole, ColorSwatchDiagnostics>;\n  selections: readonly SurfaceColorSelectionDiagnostic[];\n  contrasts: readonly SurfaceContrastDiagnostic[];\n  surfaceSeparation: readonly SurfaceContrastDiagnostic[];\n}\n\nexport type FontWeight =\n  '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 'bold' | 'normal';\n\nexport interface ThemeTokens {\n  colors: {\n    primary: string;\n    secondary: string;\n    accent: string;\n    highlight: string;\n    tertiary: string;\n    quaternary: string;\n    background: string;\n    surface: string;\n    text: string;\n    textSecondary: string;\n    border: string;\n    error: string;\n    success: string;\n    warning: string;\n    info: string;\n    [key: string]: string;\n  };\n  swatches: GeneratedThemeSwatches;\n  semantics: ThemeSemantics;\n  /** Generated owner evidence; this is runtime output and is not persisted in ThemeConfig. */\n  colorDiagnostics: SurfaceColorDiagnostics;\n  spacing: {\n    none: 0;\n    xs: number;\n    s: number;\n    m: number;\n    l: number;\n    xl: number;\n    xxl: number;\n    [key: string]: number;\n  };\n  radii: {\n    none: 0;\n    s: number;\n    m: number;\n    l: number;\n    full: number;\n    [key: string]: number;\n  };\n  typography: {\n    headings: Record<\n      1 | 2 | 3 | 4 | 5 | 6,\n      {\n        size: number;\n        lineHeight: number;\n        weight: 'regular' | 'medium' | 'semiBold' | 'bold';\n      }\n    >;\n    sizes: {\n      xs: number;\n      s: number;\n      m: number;\n      l: number;\n      xl: number;\n      xxl: number;\n      '3xl': number;\n      h1: number;\n      h2: number;\n      h3: number;\n      h4: number;\n      h5: number;\n      h6: number;\n      [key: string]: number;\n    };\n    weights: {\n      thin: FontWeight;\n      extraLight: FontWeight;\n      light: FontWeight;\n      regular: FontWeight;\n      medium: FontWeight;\n      semiBold: FontWeight;\n      bold: FontWeight;\n      extraBold: FontWeight;\n      black: FontWeight;\n    };\n    fonts: {\n      /** Map of weight -> fontFamily name for normal style */\n      normal: Record<FontWeight, string | undefined>;\n      /** Map of weight -> fontFamily name for italic style */\n      italic: Record<FontWeight, string | undefined>;\n    };\n  };\n  shadows: {\n    soft: number;\n    medium: number;\n    hard: number;\n    [key: string]: number;\n  };\n}\n\nexport interface SurfaceTheme extends ThemeTokens {\n  config: ContractsThemeConfig;\n  inverted?: boolean;\n}\n\nexport type ThemeMode = 'light' | 'dark';\n\nexport interface ThemeRuntime {\n  theme: SurfaceTheme;\n  mode: ThemeMode;\n  inverted?: boolean;\n  setThemeConfig: (config: Partial<ContractsThemeConfig>) => void;\n  setMode: (mode: ThemeMode) => void;\n}\n\nexport interface ThemeProviderProps {\n  children: ReactNode;\n  initialConfig?: Partial<ContractsThemeConfig>;\n  initialMode?: ThemeMode;\n}\n\nexport interface ThemeScopeProps {\n  children: ReactNode;\n  themeConfig?: Partial<ContractsThemeConfig>;\n  mode?: ThemeMode;\n  inverted?: boolean;\n}\n"]}

package/dist/types/typography.d.ts

@@ -27,5 +27,6 @@ export interface TextProps {
     italic?: boolean;
     numberOfLines?: number;
     testID?: string;
+    style?: TextStyle;
 }
 //# sourceMappingURL=typography.d.ts.map

package/dist/types/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/types/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,MAAM,YAAY,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/types/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,MAAM,YAAY,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/dist/types/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/types/typography.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { TextStyle } from 'react-native';\n\nimport type { SurfaceColor, SurfaceEmphasis } from './surfaceColor';\nimport type { FontWeight, SurfaceTheme } from './theme';\n\nexport type TextVariant = 'body' | 'bodySmall' | 'caption' | 'label' | 'mono';\nexport type TextWeight = keyof SurfaceTheme['typography']['weights'] | FontWeight;\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HeadingProps {\n  text?: string;\n  children?: React.ReactNode;\n  level?: HeadingLevel;\n  align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  color?: SurfaceColor;\n  emphasis?: SurfaceEmphasis;\n  numberOfLines?: number;\n  i18nKey?: string;\n  testID?: string;\n}\n\nexport interface TextProps {\n  children?: React.ReactNode;\n  i18nKey?: string;\n  variant?: TextVariant;\n  emphasis?: SurfaceEmphasis;\n  color?: SurfaceColor;\n  align?: TextStyle['textAlign'];\n  weight?: TextWeight;\n  italic?: boolean;\n  numberOfLines?: number;\n  testID?: string;\n}\n"]}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/types/typography.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { TextStyle } from 'react-native';\n\nimport type { SurfaceColor, SurfaceEmphasis } from './surfaceColor';\nimport type { FontWeight, SurfaceTheme } from './theme';\n\nexport type TextVariant = 'body' | 'bodySmall' | 'caption' | 'label' | 'mono';\nexport type TextWeight = keyof SurfaceTheme['typography']['weights'] | FontWeight;\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HeadingProps {\n  text?: string;\n  children?: React.ReactNode;\n  level?: HeadingLevel;\n  align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  color?: SurfaceColor;\n  emphasis?: SurfaceEmphasis;\n  numberOfLines?: number;\n  i18nKey?: string;\n  testID?: string;\n}\n\nexport interface TextProps {\n  children?: React.ReactNode;\n  i18nKey?: string;\n  variant?: TextVariant;\n  emphasis?: SurfaceEmphasis;\n  color?: SurfaceColor;\n  align?: TextStyle['textAlign'];\n  weight?: TextWeight;\n  italic?: boolean;\n  numberOfLines?: number;\n  testID?: string;\n  style?: TextStyle;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "9.1.115",
+  "version": "9.2.0",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@ankhorage/color-theory": "^0.3.1",
-    "@ankhorage/contracts": "^22.8.102",
+    "@ankhorage/contracts": "^22.8.103",
     "@ankhorage/utility": "^1.9.85",
     "@gorhom/bottom-sheet": "^5.2.14"
   },
@@ -107,7 +107,7 @@
     "version-packages": "ankhorage-changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^2.1.9",
+    "@ankhorage/devtools": "^2.1.12",
     "@ankhorage/paradox": "^0.2.28",
     "@react-native-vector-icons/fontawesome": "^13.1.4",
     "@react-native-vector-icons/fontawesome5": "^13.1.4",

package/src/features/badge/adapters/inbound/Badge.tsx

@@ -31,12 +31,7 @@ export function Badge({
       style={resolveBadgeStyle(colors.backgroundColor, colors.borderColor, variant)}
       testID={testID}
     >
-      <Text
-        color={color}
-        emphasis={variant === 'solid' ? 'inverse' : 'default'}
-        variant="bodySmall"
-        weight="medium"
-      >
+      <Text style={{ color: colors.contentColor }} variant="bodySmall" weight="medium">
         {content}
       </Text>
     </View>

package/src/features/button/adapters/inbound/Button.tsx

@@ -76,7 +76,6 @@ function ButtonContent({
   variant,
 }: ButtonContentProps) {
   const colors = resolveButtonColors(theme, { variant, color, state });
-  const muted = colors.contentColor === theme.semantics.content.muted;
   const iconSize = resolveIconSize(theme, size);
 
   return (
@@ -96,8 +95,7 @@ function ButtonContent({
             </ReactNativeView>
           ) : null}
           <Text
-            color={muted ? undefined : color}
-            emphasis={muted ? 'muted' : variant === 'solid' ? 'inverse' : 'default'}
+            style={{ color: colors.contentColor }}
             variant={controlSize.textVariant}
             weight="semiBold"
           >

package/src/features/icon/adapters/inbound/Icon.tsx

@@ -1,4 +1,7 @@
+import { SURFACE_COLORS } from '../../../../constants/surfaceColor';
+import { resolveTextColor } from '../../../../internal/resolvers/resolveTextColor';
 import type { IconProps } from '../../../../types/icon';
+import type { SurfaceColor } from '../../../../types/surfaceColor';
 import { useTheme } from '../../../theme/runtime';
 import { resolveToken } from '../../../theme/utils/resolveToken';
 import { PortableIcon } from './PortableIcon';
@@ -9,6 +12,14 @@ export function Icon(props: IconProps) {
   const size = props.size ?? 'm';
   const color = props.color ?? 'text';
   const resolvedSize = typeof size === 'number' ? size : resolveToken(theme.spacing, size);
-  const resolvedColor = resolveToken(theme.colors, color);
+  const resolvedColor =
+    typeof color === 'string' && isSurfaceColor(color)
+      ? resolveTextColor(theme, 'default', color)
+      : resolveToken(theme.colors, color);
   return <PortableIcon {...props} color={resolvedColor} size={resolvedSize} />;
 }
+
+/*** Distinguish semantic color roles from raw icon colors and other tokens. */
+function isSurfaceColor(value: string): value is SurfaceColor {
+  return SURFACE_COLORS.some((role) => role === value);
+}

package/src/features/icon/adapters/inbound/PortableIcon.test.tsx

@@ -37,6 +37,8 @@ await mock.module('react-native-svg', () => ({
 const { SUPPORTED_ICON_PROVIDERS } = await import('../../constants');
 const { Icon } = await import('./Icon');
 const { PortableIcon } = await import('./PortableIcon');
+const { createTheme } = await import('../../../theme/application/use-cases/createTheme');
+const { ThemeRuntimeContext } = await import('../../../theme/adapters/inbound/ThemeRuntimeContext');
 
 describe('portable icon rendering', () => {
   test('renders Ionicons through the public Icon API', () => {
@@ -90,6 +92,36 @@ describe('portable icon rendering', () => {
   });
 });
 
+test('semantic icon roles follow polarity while raw colors remain unchanged', () => {
+  for (const mode of ['light', 'dark'] as const) {
+    const normal = createTheme(undefined, mode);
+    const inverted = createTheme(undefined, mode, undefined, true);
+    const renderColor = (theme: typeof normal, color: string) =>
+      renderToStaticMarkup(
+        <ThemeRuntimeContext
+          value={{
+            theme,
+            mode,
+            inverted: theme.inverted,
+            setThemeConfig: () => undefined,
+            setMode: () => undefined,
+          }}
+        >
+          <Icon color={color} size={18} source="https://example.com/icons/home.svg" />
+        </ThemeRuntimeContext>,
+      );
+
+    expect(renderColor(normal, 'primary')).toContain(`data-color="${normal.semantics.brand.base}"`);
+    expect(renderColor(inverted, 'primary')).toContain(
+      `data-color="${inverted.semantics.brand.onSurfaceText}"`,
+    );
+    expect(renderColor(inverted, 'text')).toContain(
+      `data-color="${inverted.semantics.content.default}"`,
+    );
+    expect(renderColor(inverted, '#123456')).toContain('data-color="#123456"');
+  }
+});
+
 describe('portable icon web assets', () => {
   test('renders a bundled SVG asset through React Native Web Image', () => {
     const markup = renderToStaticMarkup(

package/src/features/theme/adapters/inbound/ThemeProvider.tsx

@@ -30,6 +30,7 @@ export function ThemeProvider({
     () => ({
       theme,
       mode,
+      inverted: false,
       setThemeConfig: (nextConfig) => setConfig((previous) => deepMerge(previous, nextConfig)),
       setMode,
     }),

package/src/features/theme/adapters/inbound/ThemeRuntimeContext.tsx

@@ -9,6 +9,7 @@ const defaultTheme = createTheme();
 export const ThemeRuntimeContext = createContext<ThemeRuntime>({
   theme: defaultTheme,
   mode: 'light',
+  inverted: false,
   setThemeConfig: () => undefined,
   setMode: () => undefined,
 });

package/src/features/theme/adapters/inbound/ThemeScope.test.tsx

@@ -8,8 +8,10 @@ import { ThemeScope } from './ThemeScope';
 import { useTheme } from './useTheme';
 
 function ThemeProbe() {
-  const { mode, theme } = useTheme();
-  return <span>{`${theme.config.id}:${mode}:${theme.colorDiagnostics.mode}`}</span>;
+  const { mode, theme, inverted } = useTheme();
+  return (
+    <span>{`${theme.config.id}:${mode}:${theme.colorDiagnostics.mode}:${inverted}:${theme.semantics.surface.default}`}</span>
+  );
 }
 
 const parentRuntime: ThemeRuntime = {
@@ -30,9 +32,9 @@ test('overrides mode without mutating the parent theme runtime', () => {
     </ThemeRuntimeContext>,
   );
 
-  expect(markup).toContain('default:light:light');
-  expect(markup).toContain('default:dark:dark');
-  expect(markup.match(/default:light:light/g)).toHaveLength(2);
+  expect(markup).toContain('default:light:light:undefined');
+  expect(markup).toContain('default:dark:dark:false');
+  expect(markup.match(/default:light:light:undefined/g)).toHaveLength(2);
 });
 
 test('deep-merges a nested config override while preserving the parent config', () => {
@@ -46,7 +48,36 @@ test('deep-merges a nested config override while preserving the parent config',
     </ThemeRuntimeContext>,
   );
 
-  expect(markup).toContain('scoped:light:light');
-  expect(markup.match(/default:light:light/g)).toHaveLength(2);
+  expect(markup).toContain('scoped:light:light:false');
+  expect(markup.match(/default:light:light:undefined/g)).toHaveLength(2);
   expect(parentRuntime.theme.config.id).toBe('default');
 });
+
+test.each(['light', 'dark'] as const)(
+  'inherits and resets inverted polarity in %s mode',
+  (mode) => {
+    const root = { ...parentRuntime, mode, theme: createTheme(undefined, mode) };
+    const { default: normal, inverse } = root.theme.semantics.surface;
+    const markup = renderToStaticMarkup(
+      <ThemeRuntimeContext value={root}>
+        <ThemeScope inverted>
+          <ThemeProbe />
+          <ThemeScope>
+            <ThemeProbe />
+            <ThemeScope inverted={false}>
+              <ThemeProbe />
+              <ThemeScope inverted>
+                <ThemeProbe />
+              </ThemeScope>
+            </ThemeScope>
+          </ThemeScope>
+        </ThemeScope>
+      </ThemeRuntimeContext>,
+    );
+
+    expect(markup.match(new RegExp(`${mode}:${mode}:true:${inverse}`, 'g'))).toHaveLength(3);
+    expect(markup).toContain(`${mode}:${mode}:false:${normal}`);
+    expect(root.inverted).toBeUndefined();
+    expect(root.theme.semantics.surface.default).toBe(normal);
+  },
+);

package/src/features/theme/adapters/inbound/ThemeScope.tsx

@@ -7,22 +7,23 @@ import { createTheme } from '../../application/use-cases/createTheme';
 import { ThemeRuntimeContext } from './ThemeRuntimeContext';
 import { useTheme } from './useTheme';
 
-/*** Apply a nested Surface theme or mode override without remounting app-level providers. */
-export function ThemeScope({ children, themeConfig, mode }: ThemeScopeProps) {
+/*** Apply nested theme, mode, or inherited surface-polarity overrides without remounting providers. */
+export function ThemeScope({ children, themeConfig, mode, inverted }: ThemeScopeProps) {
   const parent = useTheme();
   const { activeFontId } = useFontRuntime();
   const scopedMode = mode ?? parent.mode;
+  const scopedInverted = inverted ?? parent.inverted ?? false;
   const scopedConfig = useMemo(
     () => (themeConfig ? deepMerge(parent.theme.config, themeConfig) : parent.theme.config),
     [parent.theme.config, themeConfig],
   );
   const theme = useMemo(
-    () => createTheme(scopedConfig, scopedMode, activeFontId),
-    [activeFontId, scopedConfig, scopedMode],
+    () => createTheme(scopedConfig, scopedMode, activeFontId, scopedInverted),
+    [activeFontId, scopedConfig, scopedMode, scopedInverted],
   );
   const value = useMemo<ThemeRuntime>(
-    () => ({ ...parent, theme, mode: scopedMode }),
-    [parent, scopedMode, theme],
+    () => ({ ...parent, theme, mode: scopedMode, inverted: scopedInverted }),
+    [parent, scopedMode, scopedInverted, theme],
   );
 
   return <ThemeRuntimeContext value={value}>{children}</ThemeRuntimeContext>;

package/src/features/theme/application/use-cases/createTheme.ts

@@ -2,6 +2,7 @@ import type { ThemeConfig } from '@ankhorage/contracts';
 
 import type { FontWeight, SurfaceTheme } from '../../../../types/theme';
 import { generatePalette } from '../../domain/generatePalette';
+import { projectInvertedTheme } from '../../domain/projectInvertedTheme';
 import { resolveGlobalTokens } from '../../utils/resolveGlobalTokens';
 
 const DEFAULT_CONFIG: ThemeConfig = {
@@ -11,11 +12,12 @@ const DEFAULT_CONFIG: ThemeConfig = {
   dark: { primaryColor: '#3B82F6', harmony: 'monochromatic' },
 };
 
-/*** Resolve canonical persisted theme source into the complete Surface runtime theme. */
+/*** Resolve canonical theme source into a normal or inverted Surface runtime theme. */
 export function createTheme(
   config: ThemeConfig = DEFAULT_CONFIG,
   mode: 'light' | 'dark' = 'light',
   activeFontId?: string | null,
+  inverted = false,
 ): SurfaceTheme {
   const { colors, swatches, semantics, colorDiagnostics } = generatePalette(config, mode);
   const baseTheme: SurfaceTheme = {
@@ -25,8 +27,10 @@ export function createTheme(
     semantics,
     colorDiagnostics,
     config,
+    inverted: false,
   };
-  return activeFontId ? withActiveFont(baseTheme, activeFontId) : baseTheme;
+  const themed = activeFontId ? withActiveFont(baseTheme, activeFontId) : baseTheme;
+  return inverted ? projectInvertedTheme(themed) : themed;
 }
 
 /*** Return a theme with generated module font-family names without mutating the base theme. */