48:I[660678,["/_next/static/chunks/13vqyfldau57p.js","/_next/static/chunks/1gbl-dcot4vlq.js","/_next/static/chunks/3w7s_-pxil6pv.js","/_next/static/chunks/3zorfbfh_a_pd.js","/_next/static/chunks/0cnrn8dx8wpm6.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/1mbdq0lktamc7.js","/_next/static/chunks/0nq310uz96h4-.js","/_next/static/chunks/2i4xo8xu-dpuk.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/3vehc-g2atkra.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/2wyk4b1ao4pa_.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/0ugk39ckud30x.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/0r86cplnpkdza.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/1ra7jqz5hyzln.js","/_next/static/chunks/42kj-we3o-c3u.js","/_next/static/chunks/2vvl77bxv5nze.js","/_next/static/chunks/2dk9hti1hh4ut.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/1qsa_rj-5yj90.js","/_next/static/chunks/0ewjxq-e6quq-.js","/_next/static/chunks/34y7-26s89h2f.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/3enqpgm3pn7at.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/1cvej8ocaz0a2.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 47:Tae3,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"backstage","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/72526453?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"@backstage/rename-header-main-class","item":"https://app.codemod.com/registry/@backstage/rename-header-main-class"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#webpage","url":"https://app.codemod.com/registry/@backstage/rename-header-main-class","name":"rename-header-main-class - Codemod Registry","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#sourcecode","name":"@backstage/rename-header-main-class","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","url":"https://app.codemod.com/registry/@backstage/rename-header-main-class","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/72526453?v=4","isAccessibleForFree":true,"license":"Apache-2.0","codeRepository":"https://github.com/backstage/codemods","version":"0.2.2","keywords":["backstage","migration","Header","1.51.0"],"datePublished":"2026-06-01 19:38:08.274221+00","dateModified":"2026-07-22 20:12:58.340265+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/@backstage/rename-header-main-class#app","name":"rename-header-main-class codemod","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","url":"https://app.codemod.com/registry/@backstage/rename-header-main-class","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.2.2","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:Td27,# @backstage/rename-header-main-class Backstage 1.51.0 migration codemod that renames the removed `.bui-Header` CSS class to `.bui-HeaderContent` and updates the corresponding `classNames.root` property access to `classNames.content`. ## What it does ### CSS class rename In BUI v0.15.0 (Backstage 1.51.0), the root `.bui-Header` class and `HeaderDefinition.classNames.root` were removed. The Header DOM was split into section classes (`headerTop`, `headerBottom`, `content`, `titleStack`, `tags`, etc.). Custom CSS targeting `.bui-Header` must be updated to target the remaining section classes. This codemod finds and replaces the root class name in: - String literals (`'.bui-Header'`) - Template literals (`` `.bui-Header` ``) - Object property keys in styled-components, Emotion, MUI `styled()`, etc. - Standalone CSS/SCSS files (via a dedicated CSS pass) Section classes such as `.bui-HeaderTop`, `.bui-HeaderBottom`, and `.bui-HeaderContent` are not modified. ### Property access rename Replaces `classNames.root` with `classNames.content` in JS/TS: ```ts // Before HeaderDefinition.classNames.root // After HeaderDefinition.classNames.content ``` Object keys in `classNames` overrides are also updated when the value targets `bui-Header`. ### Descendant/child selector warnings When the codemod detects a CSS selector using `>` (child combinator) or descendant combinators after `.bui-Header`, it adds a TODO comment because the root wrapper element was removed and these selectors may need restructuring: ```ts // Before '& .bui-Header > .title': { fontWeight: 'bold' } // After /* TODO(backstage-codemod): Header root class removed — review selector intent */ '& .bui-HeaderContent > .title': { fontWeight: 'bold' } ``` ### Known limitations - **Complex selectors in concatenated strings**: If the class name is split across multiple string concatenations, the codemod may not detect the full selector context for adding TODO comments. - **Intent for section classes**: The codemod defaults to `bui-HeaderContent` / `content`; some overrides may need `headerTop` or `headerBottom` instead. ### Optional: AI fixup step Enable with `--param aiFixup=true` to address edge cases: - Reviews TODO comments and assesses whether selectors need restructuring - Checks for remaining `bui-Header` references in styled-components or Emotion - Verifies selector correctness after the root element removal - Reverts incorrect renames of section classes ## Installation ```bash # From registry yarn dlx codemod@latest run @backstage/rename-header-main-class -t /path/to/target ``` ## Usage (from this repo) ```bash # AST codemod only (deterministic) yarn dlx codemod@latest workflow run \ -w codemods/v1.51.0/rename-header-main-class/workflow.yaml \ -t /path/to/your/backstage-repo # AST codemod + AI fixup for edge cases yarn dlx codemod@latest workflow run \ -w codemods/v1.51.0/rename-header-main-class/workflow.yaml \ -t /path/to/your/backstage-repo \ --param aiFixup=true # Dry run (preview changes) yarn dlx codemod@latest workflow run \ -w codemods/v1.51.0/rename-header-main-class/workflow.yaml \ -t /path/to/your/backstage-repo \ --dry-run ``` ## Development From the repo root: ```bash yarn install yarn workspace @backstage/rename-header-main-class test ``` Or from this package directory: ```bash yarn test ``` 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"32444513-8e30-4b4d-9974-2500da6d2685","name":"rename-header-main-class","displayName":"@backstage/rename-header-main-class","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","scope":"backstage","visibility":"public","downloadCount":40,"executionCount":0,"createdAt":"2026-06-01 19:38:08.274221+00","updatedAt":"2026-07-22 20:12:58.340265+00","latestVersion":"0.2.2","keywords":["backstage","migration","Header","1.51.0"],"starCount":0,"author":"Paul Schultz","homepage":null,"repository":"https://github.com/backstage/codemods","license":"Apache-2.0","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":"7b129592-a10a-42f8-8dcb-46b0edd84f1e","name":"backstage","slug":"backstage","avatarUrl":"https://avatars.githubusercontent.com/u/72526453?v=4"},"owner":{"id":"498826df-6a91-4c45-9aed-18bea7ba2d4d","username":"cdedreuille","name":"Charles de Dreuille","avatarUrl":"https://avatars.githubusercontent.com/u/1540635?v=4"},"isLegacy":false,"versions":[{"version":{"id":"05fb028b-6753-4105-b247-a7714476b68e","packageId":"32444513-8e30-4b4d-9974-2500da6d2685","version":"0.2.2","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","manifest":{"name":"@backstage/rename-header-main-class","author":"Paul Schultz","license":"Apache-2.0","targets":{"versions":{},"languages":["tsx","ts","js","jsx","css"],"frameworks":[]},"version":"0.2.2","keywords":["backstage","migration","Header","1.51.0"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/backstage/codemods","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","dependencies":[],"schema_version":"1.0"},"checksum":"e246a847b94ef80140834673f632c58cdb81ff24974035afc9ea44f856ca3bb9","size":6739,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/backstage/rename-header-main-class/0.2.2/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx","css"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Rename bui-Header to bui-HeaderContent in JS/TS files","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"},{"name":"Rename .bui-Header to .bui-HeaderContent in CSS/SCSS files","type":"js-ast-grep","language":"css"}]},{"id":"ai-fixup","name":"AI fixup for edge cases","steps":[{"name":"Fix remaining edge cases that require contextual understanding","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"498826df-6a91-4c45-9aed-18bea7ba2d4d","deprecated":false,"deprecationMessage":null,"downloadCount":20,"cachedTestCases":{"input":".bui-Header > .title {\n font-weight: bold;\n}\n\n.bui-Header .icon {\n font-size: 16px;\n}\n","output":"/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent > .title {\n font-weight: bold;\n}\n\n/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent .icon {\n font-size: 16px;\n}\n","isValid":true,"examples":[{"name":"css-descendant-selector-todo","path":"tests-css/css-descendant-selector-todo","input":".bui-Header > .title {\n font-weight: bold;\n}\n\n.bui-Header .icon {\n font-size: 16px;\n}\n","output":"/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent > .title {\n font-weight: bold;\n}\n\n/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent .icon {\n font-size: 16px;\n}\n","filename":"input.css"},{"name":"css-no-op","path":"tests-css/css-no-op","input":".bui-HeaderContent {\n display: flex;\n}\n\n.bui-HeaderTop {\n align-items: center;\n}\n\n.bui-HeaderBottom {\n padding: 8px;\n}\n\n.bui-Header2 {\n opacity: 1;\n}\n\n.some-other-class {\n color: blue;\n}\n","output":".bui-HeaderContent {\n display: flex;\n}\n\n.bui-HeaderTop {\n align-items: center;\n}\n\n.bui-HeaderBottom {\n padding: 8px;\n}\n\n.bui-Header2 {\n opacity: 1;\n}\n\n.some-other-class {\n color: blue;\n}\n","filename":"input.css"},{"name":"classnames-object-rename","path":"tests/classnames-object-rename","input":"import { HeaderDefinition } from '@backstage/bui-components';\n\nconst overrides = {\n classNames: {\n root: 'bui-Header',\n },\n};\n\nconst className = HeaderDefinition.classNames.root;\n","output":"import { HeaderDefinition } from '@backstage/bui-components';\n\nconst overrides = {\n classNames: {\n content: 'bui-HeaderContent',\n },\n};\n\nconst className = HeaderDefinition.classNames.content;\n","filename":"input.tsx"},{"name":"css-class-rename","path":"tests/css-class-rename","input":"import { styled } from '@mui/material/styles';\n\nconst StyledHeader = styled('div')({\n '& .bui-Header': {\n display: 'flex',\n },\n});\n\nconst selector = '.bui-Header';\n","output":"import { styled } from '@mui/material/styles';\n\nconst StyledHeader = styled('div')({\n '& .bui-HeaderContent': {\n display: 'flex',\n },\n});\n\nconst selector = '.bui-HeaderContent';\n","filename":"input.tsx"},{"name":"descendant-selector-todo","path":"tests/descendant-selector-todo","input":"import { styled } from '@mui/material/styles';\n\nconst StyledContainer = styled('div')({\n '& .bui-Header > .title': {\n fontWeight: 'bold',\n },\n '& .bui-Header .icon': {\n fontSize: '16px',\n },\n});\n","output":"import { styled } from '@mui/material/styles';\n\nconst StyledContainer = styled('div')({\n /* TODO(backstage-codemod): Header root class removed — review selector intent */\n '& .bui-HeaderContent > .title': {\n fontWeight: 'bold',\n },\n /* TODO(backstage-codemod): Header root class removed — review selector intent */\n '& .bui-HeaderContent .icon': {\n fontSize: '16px',\n },\n});\n","filename":"input.tsx"},{"name":"no-op","path":"tests/no-op","input":"import { Header } from '@backstage/bui-components';\nimport { CardDefinition } from '@backstage/bui-components';\n\nconst header =

;\n\nconst cardClass = CardDefinition.classNames.root;\n\nconst styles = {\n '.bui-HeaderContent': {\n display: 'flex',\n },\n '.bui-HeaderTop': {\n padding: '8px',\n },\n '.bui-HeaderBottom': {\n margin: '0',\n },\n '.bui-Header2': {\n opacity: '1',\n },\n};\n","filename":"input.tsx"},{"name":"string-literal-rename","path":"tests/string-literal-rename","input":"const header = document.querySelector('.bui-Header');\n\nconst styles = {\n root: {\n '.bui-Header': {\n marginTop: 'var(--bui-space-6)',\n },\n },\n};\n","output":"const header = document.querySelector('.bui-HeaderContent');\n\nconst styles = {\n root: {\n '.bui-HeaderContent': {\n marginTop: 'var(--bui-space-6)',\n },\n },\n};\n","filename":"input.tsx"},{"name":"template-literal","path":"tests/template-literal","input":"import { css } from '@emotion/css';\n\nconst headerStyles = css`\n .bui-Header {\n display: flex;\n align-items: center;\n }\n`;\n\nconst selector = `& .bui-Header`;\n","output":"import { css } from '@emotion/css';\n\nconst headerStyles = css`\n .bui-HeaderContent {\n display: flex;\n align-items: center;\n }\n`;\n\nconst selector = `& .bui-HeaderContent`;\n","filename":"input.tsx"}]},"defaultWorkflowName":"default","createdAt":"2026-07-22T20:12:58.340Z","updatedAt":"2026-09-05 16:15:42.644708+00"},"publishedBy":{"id":"498826df-6a91-4c45-9aed-18bea7ba2d4d","username":"cdedreuille","name":"Charles de Dreuille"},"insightsTemplate":{"packageVersionId":"05fb028b-6753-4105-b247-a7714476b68e","status":"ready","generatedAt":"2026-07-22T20:15:18.223Z"},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx","css"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Rename bui-Header to bui-HeaderContent in JS/TS files","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"},{"name":"Rename .bui-Header to .bui-HeaderContent in CSS/SCSS files","type":"js-ast-grep","language":"css"}]},{"id":"ai-fixup","name":"AI fixup for edge cases","steps":[{"name":"Fix remaining edge cases that require contextual understanding","type":"ai"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[{"id":"af5aa7a9-e5c3-408b-b7c8-1c6f3e9b6b85","parentWorkflowName":"default","parentNodeId":"apply-recipe","parentStepId":null,"parentStepName":"Rename removed .bui-Header root class and HeaderDefinition.classNames.root","childSourceRaw":"@backstage/rename-header-main-class","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-06-19T16:07:44.975Z","updatedAt":"2026-07-22 20:12:58.606133+00","parentPackage":{"id":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","name":"v1-51-0-migration-recipe","displayName":"@backstage/v1-51-0-migration-recipe","description":"Backstage 1.51.0: Migration recipe that runs every @backstage v1.51.0 codemod from the registry in a safe order.","scope":"backstage","visibility":"public","access":"public","latestVersion":"0.2.3","author":"Paul Schultz"},"parentPackageVersion":{"id":"90aae98f-9e86-48b7-9b5a-d987cfca5071","packageId":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","version":"0.2.1"}},{"id":"9739ccf0-b419-487a-baff-cce9c1a235e9","parentWorkflowName":"default","parentNodeId":"apply-recipe","parentStepId":null,"parentStepName":"Rename removed .bui-Header root class and HeaderDefinition.classNames.root","childSourceRaw":"@backstage/rename-header-main-class","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-06-19T16:07:47.926Z","updatedAt":"2026-07-22 20:12:58.622839+00","parentPackage":{"id":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","name":"v1-51-0-migration-recipe","displayName":"@backstage/v1-51-0-migration-recipe","description":"Backstage 1.51.0: Migration recipe that runs every @backstage v1.51.0 codemod from the registry in a safe order.","scope":"backstage","visibility":"public","access":"public","latestVersion":"0.2.3","author":"Paul Schultz"},"parentPackageVersion":{"id":"fc7bc6d5-a4e7-4083-a2b0-3b162cfe21a2","packageId":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","version":"0.2.2"}},{"id":"e6f7c301-d3d0-422b-a4b8-b017f93358d1","parentWorkflowName":"default","parentNodeId":"apply-recipe","parentStepId":null,"parentStepName":"Rename removed .bui-Header root class and HeaderDefinition.classNames.root","childSourceRaw":"@backstage/rename-header-main-class","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-06-19T16:07:53.122Z","updatedAt":"2026-07-22 20:12:58.63543+00","parentPackage":{"id":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","name":"v1-51-0-migration-recipe","displayName":"@backstage/v1-51-0-migration-recipe","description":"Backstage 1.51.0: Migration recipe that runs every @backstage v1.51.0 codemod from the registry in a safe order.","scope":"backstage","visibility":"public","access":"public","latestVersion":"0.2.3","author":"Paul Schultz"},"parentPackageVersion":{"id":"e7e81a44-d0b9-42ca-b5cf-ebc101f91285","packageId":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","version":"0.2.0"}},{"id":"eda99627-0ef6-4f61-84f1-325bac5acbd3","parentWorkflowName":"default","parentNodeId":"apply-recipe","parentStepId":null,"parentStepName":"Rename removed .bui-Header root class and HeaderDefinition.classNames.root","childSourceRaw":"@backstage/rename-header-main-class","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-07-22T20:13:00.594Z","updatedAt":"2026-07-22 20:13:00.594852+00","parentPackage":{"id":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","name":"v1-51-0-migration-recipe","displayName":"@backstage/v1-51-0-migration-recipe","description":"Backstage 1.51.0: Migration recipe that runs every @backstage v1.51.0 codemod from the registry in a safe order.","scope":"backstage","visibility":"public","access":"public","latestVersion":"0.2.3","author":"Paul Schultz"},"parentPackageVersion":{"id":"55ad31c0-5843-4ac9-a7be-1e1afece4b34","packageId":"d6794190-b1bc-40a3-90fc-6943ad4e4d87","version":"0.2.3"}}]},{"version":{"id":"89f06687-c665-4c99-95e4-2d1b1f49a704","packageId":"32444513-8e30-4b4d-9974-2500da6d2685","version":"0.2.1","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","manifest":{"name":"@backstage/rename-header-main-class","author":"Paul Schultz","license":"Apache-2.0","targets":{"versions":{},"languages":["tsx","ts","js","jsx","css"],"frameworks":[]},"version":"0.2.1","keywords":["backstage","migration","Header","1.51.0"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/backstage/codemods","description":"Backstage 1.51.0: Rename removed .bui-Header to .bui-HeaderContent and classNames.root to classNames.content","dependencies":[],"schema_version":"1.0"},"checksum":"cc082898db994bae418d985609493e399b13a59ffbf33dea247deb7d764ae107","size":6545,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/backstage/rename-header-main-class/0.2.1/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx","css"],"stepTypes":["js-ast-grep","ai"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Rename bui-Header to bui-HeaderContent in JS/TS files","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"},{"name":"Rename .bui-Header to .bui-HeaderContent in CSS/SCSS files","type":"js-ast-grep","language":"css"}]},{"id":"ai-fixup","name":"AI fixup for edge cases","steps":[{"name":"Fix remaining edge cases that require contextual understanding","type":"ai"}]}]},"validated":false,"validationErrors":null,"publishedBy":"498826df-6a91-4c45-9aed-18bea7ba2d4d","deprecated":false,"deprecationMessage":null,"downloadCount":9,"cachedTestCases":{"input":".bui-Header > .title {\n font-weight: bold;\n}\n\n.bui-Header .icon {\n font-size: 16px;\n}\n","output":"/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent > .title {\n font-weight: bold;\n}\n\n/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent .icon {\n font-size: 16px;\n}\n","isValid":true,"examples":[{"name":"css-descendant-selector-todo","path":"tests-css/css-descendant-selector-todo","input":".bui-Header > .title {\n font-weight: bold;\n}\n\n.bui-Header .icon {\n font-size: 16px;\n}\n","output":"/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent > .title {\n font-weight: bold;\n}\n\n/* TODO(backstage-codemod): Header root class removed — review selector intent */\n.bui-HeaderContent .icon {\n font-size: 16px;\n}\n","filename":"input.css"},{"name":"css-no-op","path":"tests-css/css-no-op","input":".bui-HeaderContent {\n display: flex;\n}\n\n.bui-HeaderTop {\n align-items: center;\n}\n\n.bui-HeaderBottom {\n padding: 8px;\n}\n\n.bui-Header2 {\n opacity: 1;\n}\n\n.some-other-class {\n color: blue;\n}\n","output":".bui-HeaderContent {\n display: flex;\n}\n\n.bui-HeaderTop {\n align-items: center;\n}\n\n.bui-HeaderBottom {\n padding: 8px;\n}\n\n.bui-Header2 {\n opacity: 1;\n}\n\n.some-other-class {\n color: blue;\n}\n","filename":"input.css"},{"name":"classnames-object-rename","path":"tests/classnames-object-rename","input":"import { HeaderDefinition } from '@backstage/bui-components';\n\nconst overrides = {\n classNames: {\n root: 'bui-Header',\n },\n};\n\nconst className = HeaderDefinition.classNames.root;\n","output":"import { HeaderDefinition } from '@backstage/bui-components';\n\nconst overrides = {\n classNames: {\n content: 'bui-HeaderContent',\n },\n};\n\nconst className = HeaderDefinition.classNames.content;\n","filename":"input.tsx"},{"name":"css-class-rename","path":"tests/css-class-rename","input":"import { styled } from '@mui/material/styles';\n\nconst StyledHeader = styled('div')({\n '& .bui-Header': {\n display: 'flex',\n },\n});\n\nconst selector = '.bui-Header';\n","output":"import { styled } from '@mui/material/styles';\n\nconst StyledHeader = styled('div')({\n '& .bui-HeaderContent': {\n display: 'flex',\n },\n});\n\nconst selector = '.bui-HeaderContent';\n","filename":"input.tsx"},{"name":"descendant-selector-todo","path":"tests/descendant-selector-todo","input":"import { styled } from '@mui/material/styles';\n\nconst StyledContainer = styled('div')({\n '& .bui-Header > .title': {\n fontWeight: 'bold',\n },\n '& .bui-Header .icon': {\n fontSize: '16px',\n },\n});\n","output":"import { styled } from '@mui/material/styles';\n\nconst StyledContainer = styled('div')({\n /* TODO(backstage-codemod): Header root class removed — review selector intent */\n '& .bui-HeaderContent > .title': {\n fontWeight: 'bold',\n },\n /* TODO(backstage-codemod): Header root class removed — review selector intent */\n '& .bui-HeaderContent .icon': {\n fontSize: '16px',\n },\n});\n","filename":"input.tsx"},{"name":"no-op","path":"tests/no-op","input":"import { Header } from '@backstage/bui-components';\nimport { CardDefinition } from '@backstage/bui-components';\n\nconst header =