From e8101526a88340c4d2c8babf717c4d8048c72cdc Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 27 Jan 2025 15:35:28 -0800 Subject: [PATCH] Moving CSS component feature flag for multiple components from `team` to `staff` (#5610) * Moving multiple component CSS module flags from team to staff * Adding changeset --- .changeset/giant-rocks-carry-1.md | 5 +++++ .changeset/giant-rocks-carry-10.md | 5 +++++ .changeset/giant-rocks-carry-11.md | 5 +++++ .changeset/giant-rocks-carry-12.md | 5 +++++ .changeset/giant-rocks-carry-13.md | 5 +++++ .changeset/giant-rocks-carry-14.md | 5 +++++ .changeset/giant-rocks-carry-15.md | 5 +++++ .changeset/giant-rocks-carry-16.md | 5 +++++ .changeset/giant-rocks-carry-17.md | 5 +++++ .changeset/giant-rocks-carry-18.md | 5 +++++ .changeset/giant-rocks-carry-19.md | 5 +++++ .changeset/giant-rocks-carry-2.md | 5 +++++ .changeset/giant-rocks-carry-20.md | 5 +++++ .changeset/giant-rocks-carry-21.md | 5 +++++ .changeset/giant-rocks-carry-3.md | 5 +++++ .changeset/giant-rocks-carry-4.md | 5 +++++ .changeset/giant-rocks-carry-5.md | 5 +++++ .changeset/giant-rocks-carry-6.md | 5 +++++ .changeset/giant-rocks-carry-7.md | 5 +++++ .changeset/giant-rocks-carry-8.md | 5 +++++ .changeset/giant-rocks-carry-9.md | 5 +++++ packages/react/src/Autocomplete/AutocompleteMenu.tsx | 2 +- .../react/src/Autocomplete/AutocompleteOverlay.tsx | 2 +- packages/react/src/AvatarStack/AvatarStack.tsx | 2 +- packages/react/src/BaseStyles.tsx | 2 +- .../src/ConfirmationDialog/ConfirmationDialog.tsx | 2 +- packages/react/src/DataTable/Table.tsx | 2 +- packages/react/src/Hidden/Hidden.tsx | 2 +- packages/react/src/InlineMessage/InlineMessage.tsx | 2 +- packages/react/src/KeybindingHint/KeybindingHint.tsx | 2 +- packages/react/src/NavList/NavList.tsx | 10 +++++----- packages/react/src/Overlay/Overlay.tsx | 2 +- packages/react/src/PageHeader/PageHeader.tsx | 2 +- packages/react/src/PageLayout/PageLayout.tsx | 2 +- packages/react/src/Pagination/Pagination.tsx | 2 +- .../src/SegmentedControl/getSegmentedControlStyles.ts | 2 +- packages/react/src/SelectPanel/SelectPanel.tsx | 2 +- packages/react/src/SideNav.tsx | 2 +- packages/react/src/SubNav/SubNav.tsx | 2 +- packages/react/src/Token/AvatarToken.tsx | 2 +- packages/react/src/Token/IssueLabelToken.tsx | 2 +- packages/react/src/Token/Token.tsx | 2 +- packages/react/src/Token/TokenBase.tsx | 2 +- packages/react/src/Token/_RemoveTokenButton.tsx | 2 +- packages/react/src/Token/_TokenTextContainer.tsx | 2 +- packages/react/src/TooltipV2/Tooltip.tsx | 2 +- .../experimental/UnderlinePanels/UnderlinePanels.tsx | 2 +- .../internal/components/UnderlineTabbedInterface.tsx | 2 +- 48 files changed, 136 insertions(+), 31 deletions(-) create mode 100644 .changeset/giant-rocks-carry-1.md create mode 100644 .changeset/giant-rocks-carry-10.md create mode 100644 .changeset/giant-rocks-carry-11.md create mode 100644 .changeset/giant-rocks-carry-12.md create mode 100644 .changeset/giant-rocks-carry-13.md create mode 100644 .changeset/giant-rocks-carry-14.md create mode 100644 .changeset/giant-rocks-carry-15.md create mode 100644 .changeset/giant-rocks-carry-16.md create mode 100644 .changeset/giant-rocks-carry-17.md create mode 100644 .changeset/giant-rocks-carry-18.md create mode 100644 .changeset/giant-rocks-carry-19.md create mode 100644 .changeset/giant-rocks-carry-2.md create mode 100644 .changeset/giant-rocks-carry-20.md create mode 100644 .changeset/giant-rocks-carry-21.md create mode 100644 .changeset/giant-rocks-carry-3.md create mode 100644 .changeset/giant-rocks-carry-4.md create mode 100644 .changeset/giant-rocks-carry-5.md create mode 100644 .changeset/giant-rocks-carry-6.md create mode 100644 .changeset/giant-rocks-carry-7.md create mode 100644 .changeset/giant-rocks-carry-8.md create mode 100644 .changeset/giant-rocks-carry-9.md diff --git a/.changeset/giant-rocks-carry-1.md b/.changeset/giant-rocks-carry-1.md new file mode 100644 index 000000000000..b704222c5a7c --- /dev/null +++ b/.changeset/giant-rocks-carry-1.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for Autocomplete from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-10.md b/.changeset/giant-rocks-carry-10.md new file mode 100644 index 000000000000..84e7db27a6bb --- /dev/null +++ b/.changeset/giant-rocks-carry-10.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for Overlay from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-11.md b/.changeset/giant-rocks-carry-11.md new file mode 100644 index 000000000000..cf9f21f0dfc3 --- /dev/null +++ b/.changeset/giant-rocks-carry-11.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for PageHeader from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-12.md b/.changeset/giant-rocks-carry-12.md new file mode 100644 index 000000000000..36284c8acf59 --- /dev/null +++ b/.changeset/giant-rocks-carry-12.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for PageLayout from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-13.md b/.changeset/giant-rocks-carry-13.md new file mode 100644 index 000000000000..241a6b295740 --- /dev/null +++ b/.changeset/giant-rocks-carry-13.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for Pagination from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-14.md b/.changeset/giant-rocks-carry-14.md new file mode 100644 index 000000000000..d57aa89b3ca4 --- /dev/null +++ b/.changeset/giant-rocks-carry-14.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for SegmentedControl from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-15.md b/.changeset/giant-rocks-carry-15.md new file mode 100644 index 000000000000..0dd8caaf9432 --- /dev/null +++ b/.changeset/giant-rocks-carry-15.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for SelectPanel from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-16.md b/.changeset/giant-rocks-carry-16.md new file mode 100644 index 000000000000..95efabda75ff --- /dev/null +++ b/.changeset/giant-rocks-carry-16.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for SideNav from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-17.md b/.changeset/giant-rocks-carry-17.md new file mode 100644 index 000000000000..6a063f94de61 --- /dev/null +++ b/.changeset/giant-rocks-carry-17.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for SubNav from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-18.md b/.changeset/giant-rocks-carry-18.md new file mode 100644 index 000000000000..d1858298a61d --- /dev/null +++ b/.changeset/giant-rocks-carry-18.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for Token from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-19.md b/.changeset/giant-rocks-carry-19.md new file mode 100644 index 000000000000..8c3565f5b247 --- /dev/null +++ b/.changeset/giant-rocks-carry-19.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for TooltipV2 from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-2.md b/.changeset/giant-rocks-carry-2.md new file mode 100644 index 000000000000..9db7b9b6f99d --- /dev/null +++ b/.changeset/giant-rocks-carry-2.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for AvatarStack from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-20.md b/.changeset/giant-rocks-carry-20.md new file mode 100644 index 000000000000..a8e64bec1bd4 --- /dev/null +++ b/.changeset/giant-rocks-carry-20.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for UnderlinePanels from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-21.md b/.changeset/giant-rocks-carry-21.md new file mode 100644 index 000000000000..c28387ce49af --- /dev/null +++ b/.changeset/giant-rocks-carry-21.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for UnderlineTabbedInterface from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-3.md b/.changeset/giant-rocks-carry-3.md new file mode 100644 index 000000000000..aef264079b05 --- /dev/null +++ b/.changeset/giant-rocks-carry-3.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for BaseStyles from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-4.md b/.changeset/giant-rocks-carry-4.md new file mode 100644 index 000000000000..d120a4b4b5a6 --- /dev/null +++ b/.changeset/giant-rocks-carry-4.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for ConfirmationDialog from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-5.md b/.changeset/giant-rocks-carry-5.md new file mode 100644 index 000000000000..3a29e801acd2 --- /dev/null +++ b/.changeset/giant-rocks-carry-5.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for DataTable from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-6.md b/.changeset/giant-rocks-carry-6.md new file mode 100644 index 000000000000..94a1eacd2bd2 --- /dev/null +++ b/.changeset/giant-rocks-carry-6.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for Hidden from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-7.md b/.changeset/giant-rocks-carry-7.md new file mode 100644 index 000000000000..176bda1e56ae --- /dev/null +++ b/.changeset/giant-rocks-carry-7.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for InlineMessage from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-8.md b/.changeset/giant-rocks-carry-8.md new file mode 100644 index 000000000000..10ce8f4facab --- /dev/null +++ b/.changeset/giant-rocks-carry-8.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for KeybindingHint from `team` to `staff` diff --git a/.changeset/giant-rocks-carry-9.md b/.changeset/giant-rocks-carry-9.md new file mode 100644 index 000000000000..21d12b0904df --- /dev/null +++ b/.changeset/giant-rocks-carry-9.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Moving CSS component feature flag for NavList from `team` to `staff` diff --git a/packages/react/src/Autocomplete/AutocompleteMenu.tsx b/packages/react/src/Autocomplete/AutocompleteMenu.tsx index dc348b14345f..3aa77cf53010 100644 --- a/packages/react/src/Autocomplete/AutocompleteMenu.tsx +++ b/packages/react/src/Autocomplete/AutocompleteMenu.tsx @@ -120,7 +120,7 @@ export type AutocompleteMenuInternalProps = { ['aria-labelledby']: string } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' function AutocompleteMenu(props: AutocompleteMenuInternalProps) { const autocompleteContext = useContext(AutocompleteContext) diff --git a/packages/react/src/Autocomplete/AutocompleteOverlay.tsx b/packages/react/src/Autocomplete/AutocompleteOverlay.tsx index aadfca3468f6..2547cf72951f 100644 --- a/packages/react/src/Autocomplete/AutocompleteOverlay.tsx +++ b/packages/react/src/Autocomplete/AutocompleteOverlay.tsx @@ -50,7 +50,7 @@ function AutocompleteOverlay({ setShowMenu(false) }, [setShowMenu]) - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') if (typeof window === 'undefined') { return null diff --git a/packages/react/src/AvatarStack/AvatarStack.tsx b/packages/react/src/AvatarStack/AvatarStack.tsx index b306c4a25fc0..8ce999b34ca3 100644 --- a/packages/react/src/AvatarStack/AvatarStack.tsx +++ b/packages/react/src/AvatarStack/AvatarStack.tsx @@ -22,7 +22,7 @@ type StyledAvatarStackWrapperProps = { count?: number } & SxProp -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const AvatarStackWrapper = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG, diff --git a/packages/react/src/BaseStyles.tsx b/packages/react/src/BaseStyles.tsx index f44cc58564c3..e97f5cf1f901 100644 --- a/packages/react/src/BaseStyles.tsx +++ b/packages/react/src/BaseStyles.tsx @@ -14,7 +14,7 @@ import classes from './BaseStyles.module.css' // load polyfill for :focus-visible import 'focus-visible' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const GlobalStyle = createGlobalStyle<{colorScheme?: 'light' | 'dark'}>` * { box-sizing: border-box; } diff --git a/packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx b/packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx index 95fe993d6201..4c49200cc47d 100644 --- a/packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx +++ b/packages/react/src/ConfirmationDialog/ConfirmationDialog.tsx @@ -46,7 +46,7 @@ export interface ConfirmationDialogProps { confirmButtonType?: 'normal' | 'primary' | 'danger' } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const StyledConfirmationHeader = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG, diff --git a/packages/react/src/DataTable/Table.tsx b/packages/react/src/DataTable/Table.tsx index 67b78e33648e..eeeedf5ac724 100644 --- a/packages/react/src/DataTable/Table.tsx +++ b/packages/react/src/DataTable/Table.tsx @@ -18,7 +18,7 @@ import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent' import {Button} from '../internal/components/ButtonReset' import classes from './Table.module.css' -const cssModulesFlag = 'primer_react_css_modules_team' +const cssModulesFlag = 'primer_react_css_modules_staff' // ---------------------------------------------------------------------------- // Table diff --git a/packages/react/src/Hidden/Hidden.tsx b/packages/react/src/Hidden/Hidden.tsx index 3a432650df73..82b8b4ac1f97 100644 --- a/packages/react/src/Hidden/Hidden.tsx +++ b/packages/react/src/Hidden/Hidden.tsx @@ -6,7 +6,7 @@ import Box from '../Box' import {useFeatureFlag} from '../FeatureFlags' import classes from './Hidden.module.css' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' type Viewport = 'narrow' | 'regular' | 'wide' diff --git a/packages/react/src/InlineMessage/InlineMessage.tsx b/packages/react/src/InlineMessage/InlineMessage.tsx index 173c9502f1b8..8312b199cda3 100644 --- a/packages/react/src/InlineMessage/InlineMessage.tsx +++ b/packages/react/src/InlineMessage/InlineMessage.tsx @@ -9,7 +9,7 @@ import classes from './InlineMessage.module.css' import type {SxProp} from '../sx' type MessageVariant = 'critical' | 'success' | 'unavailable' | 'warning' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & SxProp & { diff --git a/packages/react/src/KeybindingHint/KeybindingHint.tsx b/packages/react/src/KeybindingHint/KeybindingHint.tsx index 4b7a820aada0..dcdd603a0f7c 100644 --- a/packages/react/src/KeybindingHint/KeybindingHint.tsx +++ b/packages/react/src/KeybindingHint/KeybindingHint.tsx @@ -10,7 +10,7 @@ import {clsx} from 'clsx' /** `kbd` element with style resets. */ const Kbd = ({children, className}: {children: ReactNode; className?: string}) => { - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') return ( -const NavBox = toggleStyledComponent('primer_react_css_modules_team', 'nav', styled.nav(sx)) +const NavBox = toggleStyledComponent('primer_react_css_modules_staff', 'nav', styled.nav(sx)) const Root = React.forwardRef(({children, ...props}, ref) => { return ( @@ -70,7 +70,7 @@ export type NavListItemProps = { const Item = React.forwardRef( ({'aria-current': ariaCurrent, children, defaultOpen, sx: sxProp = defaultSxProp, ...props}, ref) => { - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') const {depth} = React.useContext(SubNavContext) // Get SubNav from children @@ -161,7 +161,7 @@ function ItemWithSubNav({ } }, [subNav, buttonId]) - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') if (enabled) { if (sxProp !== defaultSxProp) { return ( @@ -255,7 +255,7 @@ const SubNavContext = React.createContext<{depth: number}>({depth: 0}) const SubNav = React.forwardRef(({children, sx: sxProp = defaultSxProp}: NavListSubNavProps, forwardedRef) => { const {buttonId, subNavId, isOpen} = React.useContext(ItemWithSubNavContext) const {depth} = React.useContext(SubNavContext) - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') if (!buttonId || !subNavId) { // eslint-disable-next-line no-console console.error('NavList.SubNav must be a child of a NavList.Item') @@ -362,7 +362,7 @@ export type NavListGroupProps = { const defaultSx = {} const Group: React.FC = ({title, children, sx: sxProp = defaultSx, ...props}) => { - const enabled = useFeatureFlag('primer_react_css_modules_team') + const enabled = useFeatureFlag('primer_react_css_modules_staff') if (enabled) { if (sxProp !== defaultSx) { diff --git a/packages/react/src/Overlay/Overlay.tsx b/packages/react/src/Overlay/Overlay.tsx index 9fe4a255ef43..6d111c5a8aa3 100644 --- a/packages/react/src/Overlay/Overlay.tsx +++ b/packages/react/src/Overlay/Overlay.tsx @@ -18,7 +18,7 @@ import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent' import classes from './Overlay.module.css' import {clsx} from 'clsx' -const CSS_MODULES_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FLAG = 'primer_react_css_modules_staff' type StyledOverlayProps = { width?: keyof typeof widthMap diff --git a/packages/react/src/PageHeader/PageHeader.tsx b/packages/react/src/PageHeader/PageHeader.tsx index bd45ecf9d252..a67e22b236c6 100644 --- a/packages/react/src/PageHeader/PageHeader.tsx +++ b/packages/react/src/PageHeader/PageHeader.tsx @@ -66,7 +66,7 @@ const hiddenOnNarrow = { wide: false, } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' // Root // ----------------------------------------------------------------------------- diff --git a/packages/react/src/PageLayout/PageLayout.tsx b/packages/react/src/PageLayout/PageLayout.tsx index f1240338f66c..1ccbeb237547 100644 --- a/packages/react/src/PageLayout/PageLayout.tsx +++ b/packages/react/src/PageLayout/PageLayout.tsx @@ -65,7 +65,7 @@ export type PageLayoutProps = { style?: React.CSSProperties } & SxProp -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const containerWidths = { full: '100%', diff --git a/packages/react/src/Pagination/Pagination.tsx b/packages/react/src/Pagination/Pagination.tsx index f28d9f053100..17656a142ebc 100644 --- a/packages/react/src/Pagination/Pagination.tsx +++ b/packages/react/src/Pagination/Pagination.tsx @@ -12,7 +12,7 @@ import {useFeatureFlag} from '../FeatureFlags' import {clsx} from 'clsx' import classes from './Pagination.module.css' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const getViewportRangesToHidePages = (showPages: PaginationProps['showPages']) => { if (showPages && typeof showPages !== 'boolean') { diff --git a/packages/react/src/SegmentedControl/getSegmentedControlStyles.ts b/packages/react/src/SegmentedControl/getSegmentedControlStyles.ts index 274305b23811..df546d1a6c6d 100644 --- a/packages/react/src/SegmentedControl/getSegmentedControlStyles.ts +++ b/packages/react/src/SegmentedControl/getSegmentedControlStyles.ts @@ -1,7 +1,7 @@ import {get} from '../constants' import type {SegmentedControlButtonProps} from './SegmentedControlButton' -export const SEGMENTED_CONTROL_CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +export const SEGMENTED_CONTROL_CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' export const directChildLayoutAdjustments = { ':first-child': { diff --git a/packages/react/src/SelectPanel/SelectPanel.tsx b/packages/react/src/SelectPanel/SelectPanel.tsx index facc121e5326..15df67a77dea 100644 --- a/packages/react/src/SelectPanel/SelectPanel.tsx +++ b/packages/react/src/SelectPanel/SelectPanel.tsx @@ -116,7 +116,7 @@ export function SelectPanel({ [externalOnFilterChange, setInternalFilterValue], ) - const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' + const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) const anchorRef = useProvidedRefOrCreate(externalAnchorRef) diff --git a/packages/react/src/SideNav.tsx b/packages/react/src/SideNav.tsx index cdd1fe047a09..748f352f88e3 100644 --- a/packages/react/src/SideNav.tsx +++ b/packages/react/src/SideNav.tsx @@ -12,7 +12,7 @@ import {toggleStyledComponent} from './internal/utils/toggleStyledComponent' import classes from './SideNav.module.css' import {useFeatureFlag} from './FeatureFlags' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' type SideNavBaseProps = { as?: React.ElementType diff --git a/packages/react/src/SubNav/SubNav.tsx b/packages/react/src/SubNav/SubNav.tsx index 7ab40ad702db..76af9d360612 100644 --- a/packages/react/src/SubNav/SubNav.tsx +++ b/packages/react/src/SubNav/SubNav.tsx @@ -11,7 +11,7 @@ import {useFeatureFlag} from '../FeatureFlags' import styles from './SubNav.module.css' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' type StyledSubNavProps = React.ComponentProps<'nav'> & { actions?: React.ReactNode diff --git a/packages/react/src/Token/AvatarToken.tsx b/packages/react/src/Token/AvatarToken.tsx index b658fb7df309..a43cd19060e8 100644 --- a/packages/react/src/Token/AvatarToken.tsx +++ b/packages/react/src/Token/AvatarToken.tsx @@ -16,7 +16,7 @@ export interface AvatarTokenProps extends TokenBaseProps { avatarSrc: string } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const AvatarContainer = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG, diff --git a/packages/react/src/Token/IssueLabelToken.tsx b/packages/react/src/Token/IssueLabelToken.tsx index 830eb0f0e125..6191fc14a2bd 100644 --- a/packages/react/src/Token/IssueLabelToken.tsx +++ b/packages/react/src/Token/IssueLabelToken.tsx @@ -19,7 +19,7 @@ export interface IssueLabelTokenProps extends TokenBaseProps { fillColor?: string } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const tokenBorderWidthPx = 1 const lightModeStyles = { diff --git a/packages/react/src/Token/Token.tsx b/packages/react/src/Token/Token.tsx index 49a6183f52ac..2c7807732d06 100644 --- a/packages/react/src/Token/Token.tsx +++ b/packages/react/src/Token/Token.tsx @@ -23,7 +23,7 @@ export interface TokenProps extends TokenBaseProps, SxProp { leadingVisual?: React.ElementType } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const tokenBorderWidthPx = 1 diff --git a/packages/react/src/Token/TokenBase.tsx b/packages/react/src/Token/TokenBase.tsx index 74bee51336c7..1c263941d418 100644 --- a/packages/react/src/Token/TokenBase.tsx +++ b/packages/react/src/Token/TokenBase.tsx @@ -116,7 +116,7 @@ const variants = variant< }, }) -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const StyledTokenBase = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG, diff --git a/packages/react/src/Token/_RemoveTokenButton.tsx b/packages/react/src/Token/_RemoveTokenButton.tsx index 92bf161941e0..e701676e32c6 100644 --- a/packages/react/src/Token/_RemoveTokenButton.tsx +++ b/packages/react/src/Token/_RemoveTokenButton.tsx @@ -18,7 +18,7 @@ interface TokenButtonProps extends SxProp { isParentInteractive?: boolean } -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const variants = variant<{height: string; width: string}, TokenSizeKeys>({ prop: 'size', diff --git a/packages/react/src/Token/_TokenTextContainer.tsx b/packages/react/src/Token/_TokenTextContainer.tsx index 9dd624357e64..234fb66302b5 100644 --- a/packages/react/src/Token/_TokenTextContainer.tsx +++ b/packages/react/src/Token/_TokenTextContainer.tsx @@ -6,7 +6,7 @@ import classes from './_TokenTextContainer.module.css' import {useFeatureFlag} from '../FeatureFlags' import {clsx} from 'clsx' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const StyledTokenTextContainer = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG, diff --git a/packages/react/src/TooltipV2/Tooltip.tsx b/packages/react/src/TooltipV2/Tooltip.tsx index 09e9ac7c35a3..2949dc434d5a 100644 --- a/packages/react/src/TooltipV2/Tooltip.tsx +++ b/packages/react/src/TooltipV2/Tooltip.tsx @@ -17,7 +17,7 @@ import {KeybindingHint, type KeybindingHintProps} from '../KeybindingHint' import VisuallyHidden from '../_VisuallyHidden' import useSafeTimeout from '../hooks/useSafeTimeout' -const CSS_MODULE_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULE_FEATURE_FLAG = 'primer_react_css_modules_staff' const animationStyles = ` animation-name: tooltip-appear; diff --git a/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx b/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx index 5d5bd0a2cf86..13fbb20c41e0 100644 --- a/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx +++ b/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx @@ -28,7 +28,7 @@ import {useFeatureFlag} from '../../FeatureFlags' import classes from './UnderlinePanels.module.css' import {toggleStyledComponent} from '../../internal/utils/toggleStyledComponent' -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' export type UnderlinePanelsProps = { /** diff --git a/packages/react/src/internal/components/UnderlineTabbedInterface.tsx b/packages/react/src/internal/components/UnderlineTabbedInterface.tsx index 25af0d0954df..e1f6f546cc7d 100644 --- a/packages/react/src/internal/components/UnderlineTabbedInterface.tsx +++ b/packages/react/src/internal/components/UnderlineTabbedInterface.tsx @@ -18,7 +18,7 @@ import {clsx} from 'clsx' // The gap between the list items. It is a constant because the gap is used to calculate the possible number of items that can fit in the container. export const GAP = 8 -const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_staff' const StyledComponentUnderlineWrapper = toggleStyledComponent( CSS_MODULES_FEATURE_FLAG,