Merge branch 'main' into refactor-text-stories

Author: radglob

.changeset/chilled-crabs-bow.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Modules under an internal export pattern are not able to be imported from outside @primer/react

.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-colorblind-linux.png

@@ -5,25 +5,25 @@
 | Stage    | Status |
 | -------- | ------ |
 | Approved | ✅     |
-| Adopted  | 🚧     |
+| Adopted  | ✅     |
 
 ## Context
 
 Currently all files live under the `src` directory. In the `npm` package for `@primer/react`, we specify the following export pattern:
 
 ```json5
 {
-  "exports": {
+  exports: {
     // ...
-    "./lib-esm/*": {
-      "import": [
+    './lib-esm/*': {
+      import: [
         // ...
       ],
-      "require": [
+      require: [
         // ...
-      ]
-    }
-  }
+      ],
+    },
+  },
 }
 ```
 
@@ -37,10 +37,10 @@ In the `"exports"` field of our `npm` package, we can then add the following pat
 
 ```json5
 {
-  "exports": {
+  exports: {
     // ...
-    "./lib-esm/internal/*": null
-  }
+    './lib-esm/internal/*': null,
+  },
 }
 ```
 
@@ -57,7 +57,6 @@ This pattern would remove any files and folders within `src/internal` from the p
 }
 ```
 
-
 ### Impact
 
 - Update the `"exports"` field in `package.json` to exclude `./lib-esm/internal` from usage

.playwright/snapshots/components/IconButton.test.ts-snapshots/IconButton-Invisible-dark-tritanopia-linux.png

@@ -26,7 +26,8 @@
         "./lib/*.js",
         "./lib/*/index.js"
       ]
-    }
+    },
+    "./lib-esm/internal/*": null
   },
   "typings": "lib/index.d.ts",
   "sideEffects": false,