Svelte implementation of the Carbon Design System
This report summarizes scanner evidence for carbon-design-system/carbon-components-svelte, a TypeScript project with 2,919 GitHub stars. SynthScan examined 379,777 lines of code across 3714 source files, recording 190 pattern matches distributed across 6 syntactic categories. The legacy adjusted pattern signal is 0.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? 125 finding(s).
Are imports declared and package/API names verified? 65 finding(s).
Are wrappers, guards, and repeated structures necessary? 64 finding(s).
Which changes need focused human review? 190 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 190 distinct pattern matches across 6 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 |
|---|---|---|---|---|
| LOW | CONTRIBUTING.md | 440 | - Use realistic, enterprise-flavored mock data instead of generic placeholders. Avoid `Tab label 1` / `Option 2` / `Item | CODE |
| LOW | tests/TagInput/TagInput.test.ts | 540 | expect(input()).not.toHaveAttribute("placeholder"); | CODE |
| LOW | tests/TagInput/TagInput.test.ts | 548 | expect(input()).toHaveAttribute("placeholder", "No topics"); | CODE |
| LOW | tests/TimePicker/TimePicker.test.ts | 22 | expect(input).toHaveAttribute("placeholder", "hh:mm"); | CODE |
| LOW | tests/TimePicker/TimePicker.test.ts | 159 | "placeholder", | CODE |
| LOW | tests/TimePicker/TimePicker.test.svelte | 9 | export let placeholder: ComponentProps<TimePicker>["placeholder"] = "hh:mm"; | CODE |
| LOW | tests/LazyMount/LazyMount.test.svelte | 22 | <span slot="placeholder">Loading {i}</span> | CODE |
| LOW | tests/css/ai-skeleton.test.ts | 7 | const VARIANTS = ["text", "placeholder", "icon"].map( | CODE |
| LOW | tests/UIShell/HeaderMenuKeyboardOpen.test.svelte | 11 | <HeaderSwitcher text="Acme Corp"> | CODE |
| LOW | tests/UIShell/ProfileMenu.test.ts | 114 | item("Acme Corp").focus(); | CODE |
| LOW | tests/UIShell/HeaderSearch.test.ts | 36 | expect(searchInput).toHaveAttribute("placeholder", "Search..."); | CODE |
| LOW | tests/UIShell/HeaderPanels.test.ts | 214 | ["Help", "Acme Corp"], | CODE |
| LOW | tests/UIShell/HeaderPanels.test.ts | 215 | ["Acme Corp", "Profile"], | CODE |
| LOW | tests/UIShell/HeaderPanels.test.ts | 259 | { trigger: "Acme Corp", first: "Acme Corp", last: "Globex" }, | CODE |
| LOW | tests/UIShell/HeaderPanelExclusive.test.svelte | 17 | <HeaderSwitcher text="Acme Corp" iconDescription="Switch account" /> | CODE |
| LOW | tests/DatePicker/DatePicker.test.ts | 70 | expect(input).toHaveAttribute("placeholder", "mm/dd/yyyy"); | CODE |
| LOW | tests/DatePicker/DatePicker.test.ts | 226 | expect(inputStart).toHaveAttribute("placeholder", "mm/dd/yyyy"); | CODE |
| LOW | tests/DatePicker/DatePicker.test.ts | 227 | expect(inputEnd).toHaveAttribute("placeholder", "mm/dd/yyyy"); | CODE |
| LOW | tests/utils/initials.test.ts | 10 | expect(getInitials("John Doe")).toBe("JD"); | CODE |
| LOW | tests/utils/initials.test.ts | 59 | expect(getInitialsFallback("John Doe")).toBe("JD"); | CODE |
| LOW | tests/utils/initials.test.ts | 80 | expect(getInitialsFresh("John Doe")).toBe("JD"); | CODE |
| LOW | tests/ComboBox/ComboBox.test.ts | 26 | expect(getInput()).toHaveAttribute("placeholder", "Select contact method"); | CODE |
| LOW | tests/Search/Search.test.ts | 59 | expect(search).toHaveAttribute("placeholder", "Search"); | CODE |
| LOW | tests/UserAvatar/UserAvatar.test.svelte | 14 | <UserAvatar data-testid="initials-multi" name="John Doe" /> | CODE |
| LOW | tests/UserAvatar/UserAvatar.test.svelte | 16 | <UserAvatar data-testid="initials-override" name="John Doe" initials="XY" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 58 | <UserAvatar data-testid="size-lg" size="lg" name="John Doe" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 60 | <UserAvatar data-testid="color-blue" backgroundColor="blue" name="John Doe" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 65 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 68 | <UserAvatar data-testid="color-auto" backgroundColor="auto" name="John Doe" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 74 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 81 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 95 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 100 | <UserAvatar data-testid="slot" name="John Doe"> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 104 | <UserAvatar data-testid="custom-class" class="my-class" name="John Doe" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 116 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 122 | <UserAvatar data-testid="href" href="/profile" name="John Doe" /> | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 128 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 134 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 135 | tooltipText="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 141 | name="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 142 | tooltipText="John Doe" | CODE |
| LOW⚡ | tests/UserAvatar/UserAvatar.test.svelte | 148 | name="John Doe" | CODE |
| LOW | tests/UserAvatar/UserAvatarImageError.test.svelte | 5 | export let name = "Jane Doe"; | CODE |
| LOW | tests/UserAvatar/UserAvatar.test.ts | 143 | const expected = `bx--user-avatar--${getAvatarBackgroundColor("John Doe")}`; | CODE |
| LOW | tests/UserAvatar/UserAvatar.test.ts | 151 | const color = getAvatarBackgroundColor("John Doe"); | CODE |
| LOW | tests/UserAvatar/UserAvatar.test.ts | 241 | expect(avatar).toHaveAttribute("aria-label", "John Doe"); | CODE |
| LOW | tests/DataTable/data-table-utils.test.ts | 214 | company: "Acme Corp", | CODE |
| LOW | tests/DataTable/data-table-utils.test.ts | 220 | expect(resolvePath(obj, "contact.company")).toBe("Acme Corp"); | CODE |
| LOW | tests/PinCodeInput/PinCodeInput.test.svelte | 25 | export let placeholder: ComponentProps<PinCodeInput>["placeholder"] = | CODE |
| LOW | tests/PinCodeInput/PinCodeInput.test.ts | 25 | expect(input).not.toHaveAttribute("placeholder"); | CODE |
| LOW⚡ | tests/PinCodeInput/PinCodeInput.test.ts | 949 | expect(input).toHaveAttribute("placeholder", "–"); | CODE |
| LOW⚡ | tests/PinCodeInput/PinCodeInput.test.ts | 957 | expect(input).toHaveAttribute("placeholder", "•"); | CODE |
| LOW⚡ | tests/PinCodeInput/PinCodeInput.test.ts | 965 | expect(input).toHaveAttribute("placeholder", "0"); | CODE |
| LOW | docs/src/pages/tokens.svelte | 188 | <SkeletonText slot="placeholder" paragraph lines={4} /> | CODE |
| LOW | docs/src/pages/tokens.svelte | 234 | <SkeletonText slot="placeholder" paragraph lines={4} /> | CODE |
| LOW | …src/pages/framed/UIShell/HeaderSwitcherNoAvatar.svelte | 16 | { id: "acme", name: "Acme Corp" }, | CODE |
| LOW | …rc/pages/framed/UIShell/HeaderSwitcherWorkspace.svelte | 19 | { id: "acme", name: "Acme Corp" }, | CODE |
| LOW | …c/pages/framed/UIShell/HeaderSwitcherIconAvatar.svelte | 18 | { id: "acme", name: "Acme Corp" }, | CODE |
| LOW | …s/src/pages/framed/UIShell/HeaderSwitcherNoLogo.svelte | 17 | { id: "acme", name: "Acme Corp" }, | CODE |
| LOW | e2e/date-picker.test.ts | 232 | await expect(startInput).toHaveAttribute("placeholder", "mm/dd/yyyy"); | CODE |
| 4 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | tests/TreeView/helpers.ts | 21 | export async function expectOneUnhandledRejection( | CODE |
| LOW | tests/ListBox/menu-window.test.ts | 76 | function installManualResizeObserver() { | CODE |
| LOW | tests/utils/stub-per-option-resize-observer.ts | 43 | export function stubPerOptionResizeObserver() { | CODE |
| LOW | tests/utils/mock-snippet-overflow-height.ts | 15 | export function mockSnippetOverflowHeight(height = COLLAPSED_HEIGHT + 1) { | CODE |
| LOW | tests/utils/mock-snippet-overflow-height.ts | 27 | export async function waitForSnippetMeasurement() { | CODE |
| LOW | tests/ComboBox/ComboBox.test.ts | 2392 | function renderWithOtherFieldFocused(props = {}) { | CODE |
| LOW | docs/svelte.config.ts | 150 | async function formatAndHighlightSvelteCached(source: string) { | CODE |
| LOW | docs/scripts/generate-md-docs.ts | 318 | function renderComponentApiMarkdown(moduleName: string) { | CODE |
| LOW | docs/scripts/generate-md-docs.ts | 342 | function convertDocKbdToKbdForMarkdown(body: string) { | CODE |
| LOW | docs/scripts/generate-md-docs.ts | 427 | function injectImportsIntoSvelteSnippet(code: string): string { | CODE |
| LOW | docs/scripts/generate-md-docs.ts | 671 | function asciiNormalizeGeneratedMarkdown(text: string): string { | CODE |
| LOW | docs/src/toc-scroll-spy.ts | 33 | function scrollTocLinkIntoViewIfNeeded(link: HTMLAnchorElement) { | CODE |
| LOW | docs/src/component-index.ts | 99 | export function serializeCategoryFilterParam(labels: string[]): string { | CODE |
| LOW | docs/src/copy-markdown.ts | 21 | export function formatCopyIconDescription( | CODE |
| LOW | docs/src/store.ts | 38 | function readStoredPackageManagerIndex(): number { | CODE |
| LOW | docs/src/store.ts | 50 | function readStoredComponentTocOpen(): boolean { | CODE |
| LOW | e2e/measured-menu.ts | 172 | export async function expectMenuReadsContinuously(page: Page) { | CODE |
| LOW | e2e/reflow.test.ts | 34 | function documentScrollsHorizontally(page: Page) { | CODE |
| LOW | e2e/reflow.test.ts | 166 | function describeListRenderedWhole(fieldName: string) { | CODE |
| LOW | e2e/helpers/window-listeners.ts | 7 | export async function installClickListenerCounter(page: Page) { | CODE |
| LOW | src/UIShell/SideNav.svelte | 245 | function handleResizeHandlePointerenter(event) { | CODE |
| LOW | src/UIShell/SideNav.svelte | 252 | function handleResizeHandlePointerleave() { | CODE |
| LOW | src/TreeView/TreeView.svelte | 251 | function resolveVirtualTabAnchorId( | CODE |
| LOW | src/TreeView/TreeView.svelte | 770 | function clearMultiselectModifierKeys() { | CODE |
| LOW | src/TreeView/TreeView.svelte | 775 | function handleMultiselectSelectStart(event) { | CODE |
| LOW | src/TreeView/TreeView.svelte | 791 | function setMultiselectKeyListeners(want) { | CODE |
| LOW | src/TreeView/TreeView.svelte | 1516 | function assignFirstTabStopIfNeeded() { | CODE |
| LOW | src/TreeView/TreeView.svelte | 1787 | function getVirtualContainerHeight() { | CODE |
| LOW | src/TreeView/TreeView.svelte | 1890 | function preserveVirtualFocusAfterScroll() { | CODE |
| LOW | src/DatePicker/date-picker-top-layer.js | 26 | export function positionFlatpickrCalendarFixed( | CODE |
| LOW | src/DatePicker/date-picker-top-layer.js | 100 | export function isEventTargetInsidePortaledCalendar( | CODE |
| LOW | src/DatePicker/create-calendar.js | 127 | function disconnectAltInputObserver(_s, _d, instance) { | CODE |
| LOW | src/DatePicker/date-picker-top-layer.d.ts | 18 | export function positionFlatpickrCalendarFixed( | CODE |
| LOW | src/DatePicker/date-picker-top-layer.d.ts | 23 | export function isEventTargetInsidePortaledCalendar( | CODE |
| LOW | src/DatePicker/date-format-pattern.d.ts | 7 | export function dateFormatToMultiplePattern( | CODE |
| LOW | src/DatePicker/date-format-pattern.js | 72 | export function dateFormatToMultiplePattern(fmt, l10n) { | CODE |
| LOW | src/DatePicker/DatePicker.svelte | 769 | function refreshCloseBaselineOnOpen() { | CODE |
| LOW | src/DatePicker/DatePicker.svelte | 805 | function attachFixedRepositionListeners() { | CODE |
| LOW | src/DatePicker/DatePicker.svelte | 824 | function detachFixedRepositionListeners() { | CODE |
| LOW | src/DatePicker/DatePicker.svelte | 956 | function syncSelectedDatesFromCalendar() { | CODE |
| LOW | src/utils/dispatch-open-close.js | 12 | export function createOpenCloseDispatcher(dispatch) { | CODE |
| LOW | src/utils/option-list-navigator.js | 24 | export function createOptionListNavigator({ | CODE |
| LOW | src/utils/relative-time-timer-pool.d.ts | 5 | export function subscribeRelativeTimeTick( | CODE |
| LOW | src/utils/dismissible-notification.d.ts | 27 | export function createDismissibleNotification( | CODE |
| LOW | src/utils/dismissible-notification.d.ts | 35 | export function focusActionableNotification( | CODE |
| LOW | src/utils/option-list-navigator.d.ts | 9 | export function createOptionListNavigator(options: { | CODE |
| LOW | src/utils/relative-time-timer-pool.js | 67 | function releaseVisibilityListenerIfIdle() { | CODE |
| LOW | src/utils/relative-time-timer-pool.js | 81 | export function subscribeRelativeTimeTick(refreshMs, callback) { | CODE |
| LOW | src/utils/virtualize.d.ts | 166 | export function scrollHighlightedIntoView( | CODE |
| LOW | src/utils/virtualize.d.ts | 201 | export function getMeasuredScrollCorrection( | CODE |
| LOW | src/utils/virtualize.d.ts | 206 | export function resetVirtualScrollOnClose(): number; | CODE |
| LOW | src/utils/dismissible-notification.js | 19 | export function focusActionableNotification(root) { | CODE |
| LOW | src/utils/dismissible-notification.js | 64 | export function createDismissibleNotification({ | CODE |
| LOW | src/utils/virtualize.js | 571 | export function scrollHighlightedIntoView({ | CODE |
| LOW | src/utils/virtualize.js | 727 | export function getMeasuredScrollCorrection({ | CODE |
| LOW | src/utils/virtualize.js | 772 | export function resetVirtualScrollOnClose() { | CODE |
| LOW | src/utils/field-status.js | 15 | export function resolveValidationVisibility({ | CODE |
| LOW | src/utils/dispatch-open-close.d.ts | 6 | export function createOpenCloseDispatcher( | CODE |
| LOW | src/utils/field-status.d.ts | 6 | export function resolveValidationVisibility(options: { | CODE |
| LOW | src/ComboBox/ComboBox.svelte | 1068 | function acceptTypeaheadSuggestion() { | CODE |
| 4 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | vite.config.perf.ts | 1 | // Production-mode config for perf probes: `dev: false` disables Svelte 5's | COMMENT |
| LOW | bench/treeview-toggle.dom.bench.ts | 41 | COMMENT | |
| LOW | bench/relativeTimeTimerPool.bench.ts | 1 | // Pure-logic benchmark: no jsdom, no Svelte, run directly via bun (`bunx ostia bench bench/<this file>.bench.ts`, optio | COMMENT |
| LOW | bench/user-avatar-group-mount.dom.bench.ts | 1 | import { cleanup, render } from "@testing-library/svelte"; | COMMENT |
| LOW | bench/windowListenerPool.bench.ts | 1 | // Pure-logic benchmark: no jsdom, no Svelte, run directly via bun (`bunx ostia bench bench/<this file>.bench.ts`, optio | COMMENT |
| LOW | bench/combobox-mount.dom.bench.ts | 1 | import { cleanup, render } from "@testing-library/svelte"; | COMMENT |
| LOW | bench/tabs-mount.dom.bench.ts | 1 | import { cleanup, render } from "@testing-library/svelte"; | COMMENT |
| LOW | bench/treeVirtualIndex.bench.ts | 1 | // Pure-logic benchmark: no jsdom, no Svelte, run directly via bun (`bunx ostia bench bench/<this file>.bench.ts`, optio | COMMENT |
| LOW | bench/overflow-menu-mount.dom.bench.ts | 1 | import { cleanup, render } from "@testing-library/svelte"; | COMMENT |
| LOW | bench/boundedFifoCache.bench.ts | 1 | // Pure-logic benchmark: no jsdom, no Svelte, run directly via bun (`bunx ostia bench bench/<this file>.bench.ts`, optio | COMMENT |
| LOW | bench/batchStoreUpdates.bench.ts | 1 | // Pure-logic benchmark: no jsdom, no Svelte, run directly via bun (`bunx ostia bench bench/<this file>.bench.ts`, optio | COMMENT |
| LOW | bench/dom-preload.ts | 1 | /// <reference types="bun" /> | COMMENT |
| LOW | bench/treeview-filter.dom.bench.ts | 41 | const checkedIds50 = Array.from({ length: 50 }, (_, i) => i * 200); | COMMENT |
| LOW | tests-svelte3/types/svelte/index.d.ts | 1 | // svelte2tsx prefixes each component with `/// <reference types="svelte" />`. | COMMENT |
| LOW | tests-svelte4/types/svelte/index.d.ts | 1 | // svelte2tsx prefixes each component with `/// <reference types="svelte" />`. | COMMENT |
| LOW | css/_carbon-styles.scss | 1 | // Single style manifest shared by all six theme entry files. Replaces | COMMENT |
| LOW | css/_carbon-styles.scss | 101 | @import "./ui-shell-classic"; | COMMENT |
| LOW | css/_inline-edit.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_css-grid.scss | 1 | @use "sass:math"; | COMMENT |
| LOW | css/_header-switcher.scss | 81 | COMMENT | |
| LOW | css/_list-box-highlight-ring.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_field-focus-forced-colors.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_list-box-wrap-options.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_list-box-wrap-options.scss | 21 | /// (`BROWSERSLIST` in `scripts/build-css.ts`). | COMMENT |
| LOW | css/_list-box-wrap-options.scss | 61 | .#{$prefix}--list-box__menu--wrap-options | COMMENT |
| LOW | css/_side-panel.scss | 21 | /// SidePanel styles, after Carbon React's `SidePanel` from Carbon for IBM | COMMENT |
| LOW | css/_list-box-menu-align.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_theme-token-properties.scss | 1 | // The theme token maps and `ccs-theme-tokens`, which declares a theme's | COMMENT |
| LOW | css/_mirror-rtl.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_card.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_prose.scss | 321 | /// own styles, and so do plain elements slotted into them (a link in an | COMMENT |
| LOW | css/_fluid-date-picker.scss | 1 | // Fluid DatePicker (v11 port). v10 has no fluid variant. | COMMENT |
| LOW | css/_fluid-date-picker.scss | 221 | COMMENT | |
| LOW | css/_icon-forced-colors.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_ai-tokens.scss | 1 | // Helpers for the Carbon v11 AI theme tokens (ai-aura-start, ai-border-start, | COMMENT |
| LOW | css/_button-loading.scss | 41 | // components/button/_button.scss) — mirror that for the spinner stroke. | COMMENT |
| LOW | css/_interstitial-screen.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_action-set.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | css/_dropdown.scss | 1 | @import "carbon-components/scss/globals/scss/vars"; | COMMENT |
| LOW | tests/css/tooltip-expansion.test.ts | 21 | ".bx--tooltip__trigger.bx--tooltip--a11y.bx--tooltip--hidden.bx--tooltip--a11y", | COMMENT |
| LOW | tests/css/size-budget.test.ts | 1 | // @vitest-environment node | COMMENT |
| LOW | tests/css/media-query-grouping.test.ts | 1 | // @vitest-environment node | COMMENT |
| LOW | tests/css/media-query-grouping.test.ts | 21 | // hover block (side-nav-resize in components/ui-shell/_side-nav.scss). | COMMENT |
| LOW | tests/css/media-query-grouping.test.ts | 41 | // quarter, and year grids gained one hover block (date-picker-grid in | COMMENT |
| LOW | tests/DataTable/ToolbarSearch.test.ts | 201 | await user.click(screen.getByRole("button", { name: "Bump unrelated" })); | COMMENT |
| LOW | examples/sveltekit/src/app.d.ts | 1 | /// <reference types="@sveltejs/kit" /> | COMMENT |
| LOW | .github/workflows/perf.yml | 1 | name: Perf | COMMENT |
| LOW | src/Tabs/Tab.svelte | 161 | COMMENT | |
| LOW | src/TreeView/TreeView.svelte | 1561 | return () => { | COMMENT |
| LOW | src/TreeView/TreeView.svelte | 1741 | // | COMMENT |
| LOW | src/DatePicker/DatePicker.svelte | 1041 | // untouched by the browser entirely — neither the input DOM value change | COMMENT |
| LOW | src/utils/virtual-window.js | 1 | // @ts-check | COMMENT |
| LOW | src/Theme/create-theme.js | 21 | // @carbon/colors, from grade 0 (white) to 100. One grade has the same | COMMENT |
| LOW | src/UserAvatarGroup/UserAvatarGroup.svelte | 101 | // conditionally rendered. Each registers from its own `onMount`, so its node | COMMENT |
| LOW | src/DataTable/DataTable.svelte | 701 | COMMENT | |
| LOW | src/DataTable/DataTable.svelte | 1221 | ? virtualData.visibleItems | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM | bench/boundedFifoCache.bench.ts | 7 | // Measured result is more nuanced than a clean O(1)/O(n) verdict: a single | COMMENT |
| MEDIUM | css/_fluid-shared.scss | 8 | /// Absolutely positioned fluid label that overlays the top of a fluid field | COMMENT |
| MEDIUM | .github/workflows/checks.yml | 404 | # Selected files outside this harness's `include` (Svelte 5-only | COMMENT |
| MEDIUM | e2e/rtl.test.ts | 1150 | // Absolutely positioned pseudo-elements drawn at one side of a part. | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH | carbon.yml | 49 | description: Marks content and fields generated by AI and opens an explanation of how the AI produced them. | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH | e2e/selector-stats.ts | 747 | print(report); | CODE |