Runtime auto

.changeset/afraid-scissors-work.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Change breadcrumbs from an array to a single backAction since only one is supported.

.changeset/few-forks-change.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+No longer transpile optional chaining, nullish coalescing or numeric separators, as our target browser environments all have native support for these syntaxes. This removes support for apps using webpack4, which unable to parse these syntaxes.

.changeset/light-mails-type.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': minor
+'polaris.shopify.com': minor
+---
+
+Replaced `Stack` with `AlphaStack`

.changeset/nasty-suns-hang.md

@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Removed beta status from `Text`

.changeset/real-lemons-sniff.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Removed deprecated `DisplayText`, `Heading`, `Subheading`, `Caption`, `TextStyle`, and `VisuallyHidden` components

.changeset/six-jokes-drum.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Replaced `Card` with `AlphaCard`

.changeset/stupid-vans-kick.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed deprecated preventMeasuringOnChildUpdate prop on Collapsible

.eslintrc.js

@@ -55,6 +55,11 @@ module.exports = {
     'react/button-has-type': 'off',
     'react/no-array-index-key': 'off',
     'react/no-unsafe': ['error', {checkAliases: true}],
+
+    // These can be removed when eslint-plugin-react is updated
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+
     '@shopify/jsx-no-complex-expressions': 'off',
     '@shopify/jsx-prefer-fragment-wrappers': 'off',
     '@shopify/no-ancestor-directory-import': 'error',
@@ -129,12 +134,6 @@ module.exports = {
         'import/extensions': 'off',
         'import/no-default-export': 'off',
         'import/no-anonymous-default-export': 'off',
-        // We could omit this if we set `engines` fields properly
-        // As we don't set them then eslint thinks we're using node 8
-        'node/no-unsupported-features/node-builtins': [
-          'error',
-          {version: '>=16.0.0'},
-        ],
       },
     },
     {
@@ -171,7 +170,6 @@ module.exports = {
       files: ['polaris.shopify.com/**/*'],
       extends: 'plugin:@next/eslint-plugin-next/recommended',
       rules: {
-        'react/react-in-jsx-scope': 'off',
         '@shopify/jsx-no-hardcoded-content': 'off',
         'import/no-default-export': 'off',
       },

.github/CONTRIBUTING.md

@@ -137,7 +137,7 @@ Each contributor is required to [sign a CLA](https://cla.shopify.com/). This pro
 
 ### Contribution prerequisites
 
-- You have Node installed at v16.13.0+ and Yarn at v1.22.18+
+- You have Node installed at v18.12.0+ and Yarn at v1.22.18+
 
 ### Best practices
 

.github/workflows/changelog.yml

@@ -21,10 +21,10 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
 
       - name: Check for Changeset
         run: npx @changesets/cli status --since="origin/main"

.github/workflows/ci-a11y-vrt.yml

@@ -32,10 +32,10 @@ jobs:
           sudo rm -rf "/usr/local/share/boost"
           sudo rm -rf "$AGENT_TOOLSDIRECTORY"
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
           cache: yarn
 
       - name: Restore cache
@@ -72,10 +72,10 @@ jobs:
         with:
           fetch-depth: 0 # Chromatic git history to track changes
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
           cache: yarn
 
       - name: Restore cache

.github/workflows/ci.yml

@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['14.17.0', '16.13.0']
+        node-version: ['16.17.0', '18.12.0']
     steps:
       - name: Checkout branch
         uses: actions/checkout@v3

.gitignore

@@ -17,3 +17,4 @@ Session.vim
 /polaris.shopify.com/public/sitemap.xml
 /polaris.shopify.com/public/og-images
 /polaris.shopify.com/public/playroom
+storybook-static

.nvmrc

@@ -1 +1 @@
-v16.13.0
+v18.12.0

babel.config.js

@@ -1,15 +1,64 @@
 /**
  * @type {import('@babel/core').TransformOptions}
  */
-module.exports = {
-  presets: [['@shopify/babel-preset', {typescript: true, react: true}]],
-  babelrcRoots: [
-    '.',
-    // Note: The following projects use rootMode: 'upward' to inherit
-    // and merge with this root level config.
-    './polaris-migrator',
-    './polaris-tokens',
-    './polaris-icons',
-    './polaris-react',
-  ],
+module.exports = function (api) {
+  const envName = api.env();
+  const development = envName === 'development' || envName === 'test';
+
+  return {
+    presets: [
+      [
+        '@babel/preset-env',
+        {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true},
+      ],
+      ['@babel/preset-typescript'],
+      [
+        '@babel/preset-react',
+        {
+          runtime: 'automatic',
+          development,
+        },
+      ],
+    ],
+    assumptions: {
+      setPublicClassFields: true,
+      privateFieldsAsProperties: true,
+      // nothing accesses `document.all`:
+      noDocumentAll: true,
+      // nothing relies on class constructors invoked without `new` throwing:
+      noClassCalls: true,
+      // nothing should be relying on tagged template strings being frozen:
+      mutableTemplateObject: true,
+      // nothing is relying on Function.prototype.length:
+      ignoreFunctionLength: true,
+      // nothing is relying on mutable re-exported bindings:
+      constantReexports: true,
+      // don't bother marking Module records non-enumerable:
+      enumerableModuleMeta: true,
+      // nothing uses [[Symbol.toPrimitive]]:
+      // (see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive)
+      ignoreToPrimitiveHint: true,
+      // nothing relies on spread copying Symbol keys:  ({...{ [Symbol()]: 1 }})
+      objectRestNoSymbols: true,
+      // nothing relies on `new (() => {})` throwing:
+      noNewArrows: true,
+      // transpile object spread to assignment instead of defineProperty():
+      setSpreadProperties: true,
+      // nothing should be using custom iterator protocol:
+      skipForOfIteratorClosing: true,
+      // nothing inherits from a constructor function with explicit return value:
+      superIsCallableConstructor: true,
+      // nothing relies on CJS-transpiled namespace imports having all properties prior to module execution completing:
+      noIncompleteNsImportDetection: true,
+    },
+    babelrcRoots: [
+      '.',
+      // Note: The following projects use rootMode: 'upward' to inherit
+      // and merge with this root level config.
+      './polaris-migrator',
+      './polaris-tokens',
+      './polaris-icons',
+      './polaris-react',
+    ],
+  };
 };

dev.yml

@@ -2,7 +2,7 @@ name: polaris
 up:
   - node:
       yarn: v1.22.18
-      version: v16.13.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml
+      version: v18.12.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml
   - custom:
       name: Build monorepo
       met?: yarn build --output-logs=none

documentation/Nodejs support.md

@@ -16,38 +16,40 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and
 
 ```json
 "engines": {
-  "node": "^14.17.0 || ^16.13.0"
+  "node": "^16.17.0 || >=18.12.0"
 },
 ```
 
 The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions.
 
 ```yml
-node-version: ['14.17.0', '16.13.0']
+node-version: ['16.17.0', '18.12.0']
 ```
 
 The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file.
 
 ```yml
-version: v16.13.0
+version: v18.12.0
 ```
 
 The `.nvmrc` file for local development. This should match the `dev.yml` file.
 
 ```
-v16.13.0
+v18.12.0
 ```
 
 The `shipit.yml` files. This should point towards the GitHub Actions the packages require to pass before publishing.
 
 ```yml
 ci:
   require:
-    - 'Validate with Node v14.17.0'
-    - 'Validate with Node v16.13.0'
+    - 'Validate with Node v16.17.0'
+    - 'Validate with Node v18.12.0'
 
 merge:
   require:
-    - 'Validate with Node v14.17.0'
-    - 'Validate with Node v16.13.0'
+    - 'Validate with Node v16.17.0'
+    - 'Validate with Node v18.12.0'
 ```
+
+The `rollup.config.mjs` for some monorepo packages. This should match the minimum supported version.

documentation/guides/migrating-from-v10-to-v11.md

@@ -0,0 +1,45 @@
+# Migrating from v10 to v11
+
+Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/releases/tag/v11.0.0)) features...
+
+## Table of Contents
+
+- [Node support](#node-support)
+- [Components](#components)
+  - [Removed deprecated Collapsible argument](#removed-deprecated-collapsible-argument)
+  - [Removed KonamiCode component](#removed-konamicode-component)
+- [Tokens](#tokens)
+
+## Node support
+
+NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the minimum supported version.
+
+## React support
+
+React version 16 and 17 is no longer supported. React 18 is the minimum supported version.
+
+## Webpack support
+
+Webpack version 4 is no longer supported. Webpack 5 is the minimum supported version.
+
+## TypeScript
+
+Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`.
+
+**Legacy TypeScript Support**
+
+Polaris no longer supports multiple versions of TypeScript with downlevel-dts. Polaris only builds one set of types based on the current version of TypeScript in the project.
+
+## Components
+
+### Removed deprecated Collapsible argument
+
+We've removed the following deprecated prop from the Collapsible component:
+
+`- preventMeasuringOnChildrenUpdate?: boolean;`
+
+### Removed KonamiCode component
+
+We are removing low usage components from Polaris. We love fun but we also want to ensure we are shipping exactly what our users need. If you want to use this in your project feel free to copy the [component sourcecode](https://github.com/Shopify/polaris/blob/%40shopify/polaris%4010.24.0/polaris-react/src/components/KonamiCode/KonamiCode.tsx).
+
+## Tokens

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "engines": {
-    "node": "^14.17.0 || ^16.13.0"
+    "node": "^16.17.0 || >=18.12.0"
   },
   "workspaces": {
     "packages": [
@@ -44,29 +44,32 @@
     "postinstall": "patch-package"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/node": "^7.14.9",
+    "@babel/core": "^7.20.12",
+    "@babel/node": "^7.20.7",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.18.6",
     "@changesets/changelog-github": "^0.4.4",
     "@changesets/cli": "^2.23.0",
     "@changesets/get-release-plan": "^3.0.14",
     "@next/eslint-plugin-next": "^12.1.4",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-image": "^2.0.5",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-replace": "^2.3.3",
-    "@rollup/plugin-virtual": "^2.0.3",
-    "@rollup/pluginutils": "^4.1.0",
-    "@shopify/babel-preset": "^24.1.2",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-virtual": "^3.0.1",
+    "@rollup/pluginutils": "^5.0.2",
     "@shopify/cli": "^3.10.1",
     "@shopify/eslint-plugin": "^42.0.1",
     "@shopify/prettier-config": "^1.1.2",
     "@shopify/stylelint-plugin": "^11.0.0",
     "@shopify/typescript-configs": "^5.1.0",
     "@size-limit/preset-small-lib": "^5.0.3",
     "@types/jest": "^27.5.1",
-    "downlevel-dts": "^0.6.0",
+    "@types/node": "^18.11.18",
+    "babel-loader": "^9.1.2",
     "eslint": "^8.3.0",
     "execa": "^5.0.0",
     "jest": "^27.5.1",
@@ -76,13 +79,13 @@
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.5.0",
-    "rollup": "^2.70.2",
-    "rollup-plugin-node-externals": "^4.0.0",
+    "rollup": "^3.12.0",
+    "rollup-plugin-node-externals": "^5.1.0",
     "size-limit": "^5.0.3",
     "stylelint": "^14.15.0",
     "ts-node": "^10.7.0",
     "turbo": "^1.2.8",
-    "typescript": "^4.6.3"
+    "typescript": "^4.9.3"
   },
   "prettier": "@shopify/prettier-config",
   "size-limit": [