Fast, expressive styling for React. Server components, client components, streaming SSR, React Native—one API.
This report summarizes scanner evidence for styled-components/styled-components, a TypeScript project with 41,058 GitHub stars. SynthScan examined 150,911 lines of code across 699 source files, recording 243 pattern matches distributed across 7 syntactic categories. The legacy adjusted pattern signal is 2.6 (Low pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Payload schema: 1.0.0 · Engine: 2.0.0 · Scoring: heuristic-density-v1 · Scan date: 2026-10-31.
Can maintainers explain intent, assumptions, and trade-offs? 181 finding(s).
Are imports declared and package/API names verified? 2 finding(s).
Are wrappers, guards, and repeated structures necessary? 156 finding(s).
Which changes need focused human review? 243 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 243 distinct pattern matches across 7 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 29 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 31 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 66 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 68 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 80 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 82 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …kages/styled-components/src/native/profile-pipeline.ts | 173 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …kages/styled-components/src/native/profile-pipeline.ts | 175 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …kages/styled-components/src/native/profile-pipeline.ts | 177 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …kages/styled-components/src/native/profile-pipeline.ts | 180 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 278 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …kages/styled-components/src/native/profile-pipeline.ts | 280 | // ──────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ages/styled-components/src/native/profile-animation.ts | 36 | // ── Color parse / serialize ──────────────────────────────────────── | COMMENT |
| MEDIUM | …ages/styled-components/src/native/profile-animation.ts | 101 | // ── Transform parse ──────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ages/styled-components/src/native/profile-animation.ts | 112 | // ── Additive combine ─────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 19 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 21 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 85 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 87 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 100 | // ── background-blend-mode ───────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 313 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/styled-components/src/native/polyfills.ts | 315 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …s/styled-components/src/native/test/polyfills.test.tsx | 12 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …s/styled-components/src/native/test/polyfills.test.tsx | 14 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …s/styled-components/src/native/test/polyfills.test.tsx | 24 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM⚡ | …s/styled-components/src/native/test/polyfills.test.tsx | 26 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …s/styled-components/src/native/test/polyfills.test.tsx | 344 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …s/styled-components/src/native/test/polyfills.test.tsx | 346 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …s/styled-components/src/native/test/polyfills.test.tsx | 369 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …s/styled-components/src/native/test/polyfills.test.tsx | 371 | // ────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/animation-range.test.ts | 21 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/animation-range.test.ts | 53 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/animation-range.test.ts | 265 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/animation-range.test.ts | 279 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/scroll-timeline.test.ts | 18 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/scroll-timeline.test.ts | 46 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/scroll-timeline.test.ts | 138 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ents/src/native/animation/test/scroll-timeline.test.ts | 151 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …ed-components/src/native/transform/test/stress.test.ts | 87 | // ─── compileNative cache-layer stress ───────────────────────────────── | COMMENT |
| MEDIUM | …components/src/native/transform/polyfills/colorMath.ts | 436 | // ─── Inverse conversions (linear sRGB → wide-gamut space) ───────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 828 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 846 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2164 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2184 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2258 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2265 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2307 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | …/src/native/transform/polyfills/test/resolvers.test.ts | 2345 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 122 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 125 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 197 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 199 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 354 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 356 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 389 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 394 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 451 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 456 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 553 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | packages/sandbox/app/container-queries/harness.tsx | 560 | // ─────────────────────────────────────────────────────────────────── | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/release-notes/build-prerelease-release-notes.ts | 28 | function changelogOptionsFromChangesetConfig(cwd: string): ChangelogOptions { | CODE |
| LOW | scripts/release-notes/build-prerelease-release-notes.ts | 44 | function repoSlugFromRootPackageJson(cwd: string): string | undefined { | CODE |
| LOW | scripts/release-notes/build-prerelease-release-notes.ts | 76 | export function resolveChangelogOptionsForBuild( | CODE |
| LOW | scripts/release-notes/build-prerelease-release-notes.ts | 94 | export async function buildPrereleaseReleaseNotes(options: { | CODE |
| LOW | scripts/release-notes/prerelease-grouping.ts | 26 | export function shouldSkipChangesetForPrevTag( | CODE |
| LOW | scripts/release-notes/changelog.ts | 11 | function githubChangesetHistoryUrl(id: string, repo: string, branch: string): string { | CODE |
| LOW | …kages/styled-components/src/native/propertyRegistry.ts | 23 | export function getCssPropertyRegistration(name: string): CssPropertyRegistration | undefined { | CODE |
| LOW | …kages/styled-components/src/native/propertyRegistry.ts | 28 | export function resetCssPropertiesForTest(): void { | CODE |
| LOW | packages/styled-components/src/native/supports.ts | 204 | export function resetSupportsCacheForTest(): void { | CODE |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 203 | export function createScrollTimelineEntry(axis: TimelineAxis): ScrollTimelineEntry | null { | CODE |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 464 | export function attachNativeScrollMapping( | CODE |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 554 | export function useScrollTimelinePublisher( | CODE |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 848 | export function useSnapTargetRegistration( | CODE |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 1029 | export function getAnimatedComponentCached(target: NativeTarget): NativeTarget | null { | CODE |
| LOW | packages/styled-components/src/native/polyfills.ts | 148 | export function applyBackgroundBlendModePolyfill( | CODE |
| LOW | …ents/src/native/reanimated/mapDescriptorsToCSSLayer.ts | 81 | function offsetToReanimatedSelector(offset: number): string { | CODE |
| LOW | …ents/src/native/reanimated/mapDescriptorsToCSSLayer.ts | 93 | export function compiledKeyframesToReanimatedKeyframes( | CODE |
| LOW | …ents/src/native/reanimated/mapDescriptorsToCSSLayer.ts | 181 | function applyReduceMotionToCssLayer(out: Record<string, unknown>, reduceMotion: boolean): void { | CODE |
| LOW | …/src/native/reanimated/mergeReanimatedResolvedStyle.ts | 11 | export function mergeReanimatedResolvedStyle( | CODE |
| LOW | …led-components/src/native/animation/parse-shorthand.ts | 353 | export function animationDurationLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW | …led-components/src/native/animation/parse-shorthand.ts | 361 | export function animationTimingFunctionLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW | …led-components/src/native/animation/parse-shorthand.ts | 374 | export function animationIterationCountLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 387 | export function animationDirectionLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 391 | export function animationFillModeLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 395 | export function animationPlayStateLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 399 | export function animationCompositionLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 470 | export function animationTimelineLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 478 | export function scrollTimelineNameLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 486 | export function scrollTimelineAxisLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW | …led-components/src/native/animation/parse-shorthand.ts | 543 | export function animationRangeStartLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW | …led-components/src/native/animation/parse-shorthand.ts | 547 | export function animationRangeEndLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 586 | export function transitionPropertyLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 592 | export function transitionDurationLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 600 | export function transitionTimingFunctionLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW⚡ | …led-components/src/native/animation/parse-shorthand.ts | 604 | export function transitionBehaviorLonghand(tokens: Token[]): Dict<unknown> | null { | CODE |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 1443 | function buildSegmentedInterpolation( | CODE |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 1690 | function buildKeyframeInterpolations( | CODE |
| LOW | …ts/src/native/animation/test/animated-adapter.test.tsx | 1880 | function makeNormalizeColorsUnreachable(): void { | CODE |
| LOW | …ages/styled-components/src/native/web-bridge/index.tsx | 786 | function applyBridgeRewritesToRules(rules: string[]): void { | CODE |
| LOW | …mponents/src/native/transform/boxShadowSystemColors.ts | 79 | export function maybeExpandBoxShadowSystemColors(rawValue: string): string | Dict<unknown>[] { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 145 | function isNonNegativeLengthPercentageToken(t: Token): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 179 | function isValidEdgeOffsetPosition(tokens: Token[]): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 208 | function isValidBackgroundPositionLayer(layer: string): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 219 | function isValidBackgroundSizeLayer(layer: string): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 235 | function isValidBackgroundRepeatLayer(layer: string): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 257 | export function isValidLayeredBackgroundValue(camel: string, value: string): boolean { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 264 | function normalizeBackgroundPositionLayer(layer: string): string { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 275 | export function normalizeBackgroundPositionValue(value: string): string { | CODE |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 341 | export function substituteBackgroundSizeKeywordsForNative(value: string): string { | CODE |
| LOW | …-components/src/native/transform/filterSystemColors.ts | 113 | export function maybeExpandFilterDropShadowSystemColors( | CODE |
| LOW | …ed-components/src/native/transform/shorthandHelpers.ts | 110 | export function cssColorRawToRnStyleValue(raw: string): unknown { | CODE |
| LOW | …nents/src/native/transform/backgroundGradientNative.ts | 29 | function directionKeywordToDirectionField(direction: string): string | null { | CODE |
| LOW | …nents/src/native/transform/backgroundGradientNative.ts | 67 | function parseColorStopsSystemColors( | CODE |
| LOW | …nents/src/native/transform/backgroundGradientNative.ts | 196 | export function maybeExpandBackgroundImageSystemColors(rawValue: string): string | Dict<unknown>[] { | CODE |
| LOW | …d-components/src/native/transform/polyfills/mathFns.ts | 28 | export function resolveStaticMathFunction( | CODE |
| LOW | …d-components/src/native/transform/polyfills/mathFns.ts | 298 | function readCommaOperandsWithLeadingKeyword( | CODE |
| LOW | …ponents/src/native/transform/polyfills/systemColors.ts | 129 | export function getSystemColorPlatformColor(keyword: string): unknown | null { | CODE |
| LOW | …components/src/native/transform/polyfills/colorMath.ts | 1185 | function colorChannelsToLinearSrgb( | CODE |
| LOW | …components/src/native/transform/polyfills/colorMath.ts | 1331 | function rgbSpaceTripleFromOperand( | CODE |
| LOW | …components/src/native/transform/polyfills/colorMath.ts | 2104 | function substituteRelativeBindings( | CODE |
| 36 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/styled-components/tsconfig.json | 41 | // "tsBuildInfoFile": "./", /* Specify file to store incremental compilation information */ | COMMENT |
| LOW | packages/styled-components/tsconfig.json | 61 | // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */ | COMMENT |
| LOW | packages/styled-components/src/types.ts | 701 | // one bound propagates an unreducible node through every prop bag downstream. | COMMENT |
| LOW | packages/styled-components/src/native/scrollTimeline.ts | 1141 | // | COMMENT |
| LOW | packages/styled-components/src/native/anchorRegistry.ts | 81 | export function useAnchorNamePublisher( | COMMENT |
| LOW | packages/styled-components/src/native/composeRef.ts | 81 | ): ComposedRef<T> { | COMMENT |
| LOW | …led-components/src/native/test/important-spec.test.tsx | 1 | // CSS Cascade and Inheritance Module Level 4 — `!important` semantics | COMMENT |
| LOW | …components/src/native/test/css-variables-spec.test.tsx | 441 | // Spec example (CSS Variables L1 §3): | COMMENT |
| LOW | …yled-components/src/native/test/supports-spec.test.tsx | 1 | // CSS Conditional Rules Module Level 3 §6, feature queries (@supports). | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 601 | // '45deg') interpolate via RN's `mapStringToNumericComponents`. Pure | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 1061 | // Fresh Animated.Value per transition. The previous one stays at | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 1841 | // 1. Single iteration (iterCount===1, non-alternate): shrink the | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 1981 | } else { | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 2001 | const needsNativeLoopRestartSnap = useNativeDriverOnHost && !isReverse; | COMMENT |
| LOW | …ckages/styled-components/src/native/animation/index.ts | 2161 | COMMENT | |
| LOW | …ents/src/native/animation/test/animation-range.test.ts | 21 | // ────────────────────────────────────────────────────────────────────── | COMMENT |
| LOW | …ents/src/native/animation/test/animation-range.test.ts | 41 | // - "The animation-range properties are reset-only sub-properties of the | COMMENT |
| LOW | …ents/src/native/animation/test/animation-range.test.ts | 261 | }); | COMMENT |
| LOW | …ents/src/native/animation/test/scroll-timeline.test.ts | 21 | // CSS Animations Level 2 §4.9 (drafts.csswg.org/css-animations-2/, | COMMENT |
| LOW | …ents/src/native/animation/test/scroll-timeline.test.ts | 141 | // CSS Scroll-driven Animations L1 §2.3.1 / §2.3.2 / §2.3.3: | COMMENT |
| LOW | …ts/src/native/animation/test/animated-adapter.test.tsx | 301 | expect(config.useNativeDriver).toBe(true); | COMMENT |
| LOW | …ts/src/native/animation/test/animated-adapter.test.tsx | 1301 | // effect value is added to the underlying value. Numeric | COMMENT |
| LOW | …ts/src/native/animation/test/animated-adapter.test.tsx | 1321 | // addition that matches what a designer expects from a | COMMENT |
| LOW | …ages/styled-components/src/native/web-bridge/index.tsx | 21 | * @see ../../test/rn-web-contract.test.tsx — locks the $$css contract | COMMENT |
| LOW | …/styled-components/src/native/transform/passthrough.ts | 41 | ['backgroundPosition', ['experimental_backgroundPosition', 'backgroundPosition']], | COMMENT |
| LOW | …ckages/styled-components/src/native/transform/index.ts | 181 | // closest primitive is a wrapping flex row, which the grid item math | COMMENT |
| LOW | …mponents/src/native/transform/test/passthrough.test.ts | 81 | }); | COMMENT |
| LOW | …components/src/native/transform/polyfills/resolvers.ts | 141 | i++; | COMMENT |
| LOW | …components/src/native/transform/polyfills/resolvers.ts | 221 | if (cq !== null) return containerResolver(parseFloat(cq[1]), cq[2].toLowerCase()); | COMMENT |
| LOW | …components/src/native/transform/polyfills/resolvers.ts | 321 | } | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 821 | ...baseEnv, | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 1721 | // Spec source: https://drafts.csswg.org/css-env-1/ | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 1861 | // Polyfill scope: cqw, cqh, cqi, cqb, cqmin, cqmax. RN runs in | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 2001 | // Polyfill scope: vw / vh / vmin / vmax (default → large viewport) | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 2161 | }); | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 2301 | expect(r).not.toBeNull(); | COMMENT |
| LOW | …/src/native/transform/polyfills/test/resolvers.test.ts | 2321 | // specified; if this fails to parse, it triggers fallback. Then, if the | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 1881 | { t: 0, v: 0 }, | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 2081 | expect(warnSpy).not.toHaveBeenCalled(); | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 2741 | // | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 3221 | // CSS Color 5 §4.1 inherits alpha clamping from Color 4 §1.4: "The | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 4841 | expect(transformDecl('scrollbar-width', 'thin')).toEqual({ scrollbarWidth: 'thin' }); | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 5381 | // squircle = superellipse(2) (convex curve between round and square) | COMMENT |
| LOW | packages/styled-components/src/models/compileNative.ts | 461 | // Android-only Text prop (API 23+); silently dropped on iOS by RN's own | COMMENT |
| LOW | packages/styled-components/src/models/compileNative.ts | 481 | // descendants. On native this entry never fires (the polyfill is | COMMENT |
| LOW | packages/styled-components/src/models/compileNative.ts | 521 | // Text-selection suppression for `interactivity: inert`: text | COMMENT |
| LOW | packages/styled-components/src/models/compileNative.ts | 641 | const containerInfo = extractContainerInfo(resolvedBase); | COMMENT |
| LOW | packages/styled-components/src/models/NativeStyle.ts | 61 | // Gates the anchor-registry subscription in the dynamic render | COMMENT |
| LOW | …/styled-components/src/models/StyledNativeComponent.ts | 1041 | // media / container / supports environmental gate. | COMMENT |
| LOW | …/styled-components/src/models/StyledNativeComponent.ts | 1341 | // single provider so a parent's font-size / line-height / direction | COMMENT |
| LOW | …/styled-components/src/models/StyledNativeComponent.ts | 2661 | INativeStyleConstructor<OuterProps> | COMMENT |
| LOW | …/styled-components/src/models/StyledNativeComponent.ts | 2681 | // child subtree. The internal render-cache in `useDynamicImpl` remains as | COMMENT |
| LOW | …tyled-components/src/models/test/compileNative.test.ts | 621 | describe('rawCSS parse hardening (interpolation-sentinel gate)', () => { | COMMENT |
| LOW | packages/styled-components/src/parser/parser.test.ts | 361 | COMMENT | |
| LOW | packages/styled-components/src/parser/parser.test.ts | 401 | }); | COMMENT |
| LOW | packages/styled-components/src/parser/nativePlan.ts | 141 | // complex-selector warn. | COMMENT |
| LOW | …tyled-components/src/constructors/createGlobalStyle.ts | 81 | // fires on unmount/sheet/globalStyle swap, not every render; dynamic | COMMENT |
| LOW | packages/ios-benchmark/ios/iosbench/SCProfiler.h | 1 | #import <React/RCTBridgeModule.h> | COMMENT |
| LOW | packages/native-showcase/babel.config.js | 1 | // Substitutes styled-components' build-time constants so Metro can | COMMENT |
| LOW | …se/ios/NativeShowcase/NativeShowcase-Bridging-Header.h | 1 | // | COMMENT |
| 16 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 1810 | // Step 2: "If the last control point lacks an input progress value, | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 1817 | // Step 3: "If any control point has an input progress value that is | COMMENT |
| LOW | …/src/native/transform/polyfills/test/polyfills.test.ts | 1831 | // Step 4: "If any control point still lacks an input progress | COMMENT |
| LOW | …ges/sandbox/app/global-style-test/autopilot-client.tsx | 82 | // Step 4: Mount conditional style | COMMENT |
| LOW | …ges/sandbox/app/global-style-test/autopilot-client.tsx | 106 | // Step 5: Unmount conditional style | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | packages/ios-benchmark/src/app/Benchmark/index.tsx | 90 | trimmedMean: number; // 5% trimmed each side, robust to GC spikes | CODE |
| MEDIUM | packages/ios-benchmark/src/app/Benchmark/math.ts | 33 | // Inter-quartile range (Q3 - Q1). A robust spread metric. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | …ges/sandbox/app/global-style-test/autopilot-client.tsx | 82 | // Step 4: Mount conditional style | COMMENT |
| LOW | …ges/sandbox/app/global-style-test/autopilot-client.tsx | 106 | // Step 5: Unmount conditional style | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | packages/sandbox/app/perf/lib/data-generators.ts | 252 | preview: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.', | CODE |
| LOW | packages/sandbox/app/perf/lib/data-generators.ts | 252 | preview: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.', | CODE |