Merge branch 'main' into css_modules_banner_remove_flag

primer · Nov 14, 2024 · fc2735c · fc2735c
2 parents a2a9b53 + c1ee2a4
commit fc2735c
Show file tree

Hide file tree

Showing 46 changed files with 9,926 additions and 2,158 deletions.
diff --git a/.changeset/calm-meals-impress.md b/.changeset/calm-meals-impress.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move CounterLabel CSS module feature flag from staff to ga 
diff --git a/.changeset/curly-bikes-burn.md b/.changeset/curly-bikes-burn.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move Radio component from team to staff flag
diff --git a/.changeset/fast-hats-drum.md b/.changeset/fast-hats-drum.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move Pagehead component from team to staff flag
diff --git a/.changeset/gentle-yaks-shake.md b/.changeset/gentle-yaks-shake.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Update `TreeView` component to use CSS Modules
diff --git a/.changeset/honest-plums-approve.md b/.changeset/honest-plums-approve.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move Header component from team to staff flag
diff --git a/.changeset/odd-seas-study.md b/.changeset/odd-seas-study.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move BranchName component from team to staff flag
diff --git a/.changeset/old-weeks-matter.md b/.changeset/old-weeks-matter.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Move Skeleton component from team to staff flag
diff --git a/.changeset/polite-ligers-exercise.md b/.changeset/polite-ligers-exercise.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+chore(ButtonGroup): Move ButtonGroup CSS module feature flag from staff to ga 
diff --git a/.changeset/real-fans-tap.md b/.changeset/real-fans-tap.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Convert TextInput to use data attributes
diff --git a/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png b/...onents/TreeView.test.ts-snapshots/TreeView-Default-dark-high-contrast-linux.png
diff --git a/...eView.test.ts-snapshots/TreeView-Empty-Directories-dark-high-contrast-linux.png b/...eView.test.ts-snapshots/TreeView-Empty-Directories-dark-high-contrast-linux.png
diff --git a/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png b/.../TreeView.test.ts-snapshots/TreeView-Files-Changed-dark-high-contrast-linux.png
diff --git a/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png b/...mponents/TreeView.test.ts-snapshots/TreeView-Files-dark-high-contrast-linux.png
diff --git a/contributor-docs/migrating-to-css-modules.md b/contributor-docs/migrating-to-css-modules.md
@@ -53,7 +53,7 @@ This guide outlines the steps to follow when refactoring Primer React components
    - Add a feature flag to toggle the `sx` prop for controlled rollout (staff shipping). How it's used will be based on the implementation of the component. For most you'll be able to `useFeatureFlag` and toggle between components. For more complex styled components, you can use the utility `toggleStyledComponent` which will render based on the feature flag string provided.
 
      ```jsx
-     /* When there is an exisiting styled component, use the `toggleStyledComponent` utility. */
+     /* When there is an existing styled component, use the `toggleStyledComponent` utility. */
      const StyledDiv = toggleStyledComponent(
        'primer_react_css_modules_team',
        'div',

diff --git a/examples/codesandbox/package.json b/examples/codesandbox/package.json
@@ -19,7 +19,7 @@
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.3.1",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "@primer/react": "37.5.0",
     "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",