ref(core): consolidate segmentedControl files and remove chonk naming

[JonasBa]

Summary

Consolidates segmentedControl.chonk.tsx into segmentedControl.tsx and removes chonk naming prefixes.

Changes

• Moved all content from segmentedControl.chonk.tsx to segmentedControl.tsx
• Renamed styled components:
  • ChonkStyledGroupWrap → GroupWrap
  • ChonkStyledSegmentWrap → SegmentWrap
  • ChonkStyledLabelWrap → LabelWrap
  • ChonkStyledVisibleLabel → VisibleLabel
• Removed export keyword from Priority type (internal-only)
• Updated import to use button/styles instead of button/styles.chonk
• Deleted segmentedControl.chonk.tsx

Test plan

• ✅ Linting passes
• ✅ Knip passes (no unused exports)
• ✅ No remaining chonk references (except external dependencies and intentional DO_NOT_USE naming)

[JonasBa]

@cursoragent rename DO_NOT_USE_getChonkButtonStyles to DO_NOT_USE_getButtonStyles and fix the module export error

[cursor]

View PR

Perfect! I've successfully completed the requested changes. Here's what I did:

Changes Made

1. Renamed the function in /workspace/static/app/components/core/button/styles.chonk.tsx:

   • DO_NOT_USE_getChonkButtonStyles → DO_NOT_USE_getButtonStyles

2. Fixed the module export error by adding a re-export in /workspace/static/app/components/core/button/styles.tsx:

   • Added export {DO_NOT_USE_getButtonStyles} from './styles.chonk';
   • This allows the function to be imported from 'sentry/components/core/button/styles'

3. Updated all imports:

   • segmentedControl.tsx: Changed import and usage to use DO_NOT_USE_getButtonStyles
   • button.tsx: Updated the import alias to use the new name
   • linkButton.tsx: Updated the import alias to use the new name

Verification

✅ No TypeScript errors related to the module export
✅ No remaining references to DO_NOT_USE_getChonkButtonStyles
✅ All linter checks pass
✅ Function is now properly exported from styles.tsx and can be imported correctly

The module export error is resolved and the function has been renamed as requested, removing the "chonk" naming convention.

---

 

_{Learn more about Cursor Agents}