diff --git a/.changeset/dull-dolphins-bake.md b/.changeset/dull-dolphins-bake.md new file mode 100644 index 00000000000..0801bce6432 --- /dev/null +++ b/.changeset/dull-dolphins-bake.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Move Heading component to staff feature flag diff --git a/e2e/components/Heading.test.ts b/e2e/components/Heading.test.ts index d19016faca8..6be68f86195 100644 --- a/e2e/components/Heading.test.ts +++ b/e2e/components/Heading.test.ts @@ -28,7 +28,7 @@ test.describe('Heading', () => { id: story.id, globals: { featureFlags: { - primer_react_css_modules_team: true, + primer_react_css_modules_staff: true, }, }, }) @@ -51,7 +51,7 @@ test.describe('Heading', () => { id: story.id, globals: { featureFlags: { - primer_react_css_modules_team: true, + primer_react_css_modules_staff: true, }, }, }) diff --git a/packages/react/src/Heading/Heading.tsx b/packages/react/src/Heading/Heading.tsx index 6bb39d52a1a..e812a4a3c24 100644 --- a/packages/react/src/Heading/Heading.tsx +++ b/packages/react/src/Heading/Heading.tsx @@ -37,7 +37,7 @@ const StyledHeading = styled.h2` ` const Heading = forwardRef(({as: Component = 'h2', className, variant, ...props}, forwardedRef) => { - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') const innerRef = React.useRef(null) useRefObjectAsForwardedRef(forwardedRef, innerRef) diff --git a/packages/react/src/Heading/__tests__/Heading.test.tsx b/packages/react/src/Heading/__tests__/Heading.test.tsx index eb1861afe25..83b6647fe4b 100644 --- a/packages/react/src/Heading/__tests__/Heading.test.tsx +++ b/packages/react/src/Heading/__tests__/Heading.test.tsx @@ -142,12 +142,12 @@ describe('Heading', () => { ).toHaveStyleRule('font-style', 'italic') }) - describe('with primer_react_css_modules_team enabled', () => { + describe('with primer_react_css_modules_staff enabled', () => { it('should only include css modules class', () => { HTMLRender( test @@ -163,7 +163,7 @@ describe('Heading', () => { const {container} = HTMLRender( test @@ -176,7 +176,7 @@ describe('Heading', () => { HTMLRender(