diff --git a/.changeset/little-bats-approve.md b/.changeset/little-bats-approve.md new file mode 100644 index 00000000000..cfc6e0e415c --- /dev/null +++ b/.changeset/little-bats-approve.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Move Button component feature flag from primer_react_css_modules_team to primer_react_css_modules_staff diff --git a/e2e/components/Button.test.ts b/e2e/components/Button.test.ts index 0ed1c20df09..c86326eb1a5 100644 --- a/e2e/components/Button.test.ts +++ b/e2e/components/Button.test.ts @@ -14,7 +14,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -29,7 +29,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -54,7 +54,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -69,7 +69,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -94,7 +94,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -109,7 +109,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -134,7 +134,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -149,7 +149,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -174,7 +174,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -189,7 +189,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -211,7 +211,7 @@ test.describe('Button', () => { id: 'components-button-features--large', globals: { featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -230,7 +230,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -245,7 +245,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -267,7 +267,7 @@ test.describe('Button', () => { id: 'components-button-features--medium', globals: { featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -286,7 +286,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -301,7 +301,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -323,7 +323,7 @@ test.describe('Button', () => { id: 'components-button-features--small', globals: { featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -342,7 +342,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -357,7 +357,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -382,7 +382,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -397,7 +397,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -422,7 +422,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -437,7 +437,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -462,7 +462,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -477,7 +477,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -502,7 +502,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -517,7 +517,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -542,7 +542,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -559,7 +559,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -584,7 +584,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -601,7 +601,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -626,7 +626,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -643,7 +643,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -668,7 +668,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -689,7 +689,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -710,7 +710,7 @@ test.describe('Button', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -730,7 +730,7 @@ test.describe('Button', () => { // globals: { // colorScheme: theme, // featureFlags: { - // primer_react_css_modules_team: featureFlagOn, + // primer_react_css_modules_staff: featureFlagOn, // }, // }, // }) diff --git a/e2e/components/IconButton.test.ts b/e2e/components/IconButton.test.ts index 2fa278e275e..e045f5a4c15 100644 --- a/e2e/components/IconButton.test.ts +++ b/e2e/components/IconButton.test.ts @@ -14,7 +14,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -29,7 +29,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -54,7 +54,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -69,7 +69,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -94,7 +94,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -109,7 +109,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -134,7 +134,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -149,7 +149,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -174,7 +174,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -189,7 +189,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -214,7 +214,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -229,7 +229,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -254,7 +254,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -269,7 +269,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -294,7 +294,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -309,7 +309,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -334,7 +334,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -349,7 +349,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -373,7 +373,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -391,7 +391,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -411,7 +411,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -429,7 +429,7 @@ test.describe('IconButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) diff --git a/e2e/components/LinkButton.test.ts b/e2e/components/LinkButton.test.ts index 962761f750f..eea305787fc 100644 --- a/e2e/components/LinkButton.test.ts +++ b/e2e/components/LinkButton.test.ts @@ -14,7 +14,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -29,7 +29,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -54,7 +54,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -69,7 +69,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -94,7 +94,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -109,7 +109,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -134,7 +134,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -149,7 +149,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -174,7 +174,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -189,7 +189,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -214,7 +214,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -229,7 +229,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -254,7 +254,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -269,7 +269,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -294,7 +294,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -309,7 +309,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -334,7 +334,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -349,7 +349,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -374,7 +374,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -389,7 +389,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -414,7 +414,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) @@ -429,7 +429,7 @@ test.describe('LinkButton', () => { globals: { colorScheme: theme, featureFlags: { - primer_react_css_modules_team: featureFlagOn, + primer_react_css_modules_staff: featureFlagOn, }, }, }) diff --git a/packages/react/src/Button/ButtonBase.tsx b/packages/react/src/Button/ButtonBase.tsx index b6db0d9cbc0..06f819dfe3b 100644 --- a/packages/react/src/Button/ButtonBase.tsx +++ b/packages/react/src/Button/ButtonBase.tsx @@ -64,7 +64,7 @@ const ButtonBase = forwardRef( ...rest } = props - 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/Button/__tests__/Button.test.tsx b/packages/react/src/Button/__tests__/Button.test.tsx index 7aa53786b74..4705433bde0 100644 --- a/packages/react/src/Button/__tests__/Button.test.tsx +++ b/packages/react/src/Button/__tests__/Button.test.tsx @@ -307,7 +307,7 @@ describe('Button', () => { const {container} = render( @@ -320,7 +320,7 @@ describe('Button', () => { const {container} = render( @@ -333,7 +333,7 @@ describe('Button', () => { const {container} = render( Hello