@shopify/polaris v11.0.0 major release (#7597)

## @shopify/polaris v11.0.0

### Dependencies

- [x] #8200

### NodeJS

- [x] #8201

### TypeScript

- [x] #8203

### Components

- [x] #7349
- [x] #7397
- [x] #7962
- [x] #8187
- [x] #8184
- [x] #8206
- [x] #7990
- [x] #8468
- [x] #8577
- [x] #8631
- [x] #8962

## @shopify/polaris-tokens v7.0.0

### Tokens
- [x] #6920
- [x] #8245
- [x] #4826
- [x] #8405

## @shopify/stylelint-polaris v7.0.0
- [x] #7622
- [x] #8419

# Post @shopify/polaris v11 shipping
- [ ] #8420

## Low priority or not ready breaking changes
- [x] Remove deprecated layout components
- [x] Release Layout primitive components

---------

Co-authored-by: Tim Layton <[email protected]>
Co-authored-by: Ryan Musgrave <[email protected]>
Co-authored-by: Ryan Musgrave <[email protected]>
Co-authored-by: aveline <[email protected]>
Co-authored-by: Kyle Durand <[email protected]>
Co-authored-by: Matt Gregg <[email protected]>
Co-authored-by: Alex Page <[email protected]>
Co-authored-by: Lo Kim <[email protected]>
Co-authored-by: Ben Scott <[email protected]>
Co-authored-by: Aaron Casanova <[email protected]>
Co-authored-by: Sam Rose <[email protected]>
Co-authored-by: Sam Rose <[email protected]>
Co-authored-by: Marc Thomas <[email protected]>
Co-authored-by: Alex Page <[email protected]>
Co-authored-by: Chloe Rice <[email protected]>
Co-authored-by: Chloe Rice <[email protected]>
Co-authored-by: Joe Thomas <[email protected]>
Co-authored-by: Yuraima Estevez <[email protected]>
Co-authored-by: shopify-github-actions-access[bot] <109624739+shopify-github-actions-access[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/afraid-scissors-work.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+---
+
+Changed `breadcrumbs` from an array to a single `backAction` since only one is supported.
+Removed deprecated `breadcrumbs` prop from `Page` and `Breadcrumbs`.

.changeset/cool-starfishes-cry.md

@@ -0,0 +1,7 @@
+---
+'@shopify/polaris-cli': major
+'@shopify/polaris': major
+'polaris.shopify.com': major
+---
+
+Removed support for multiple versions of TypeScript with `downlevel-dts`

.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/four-tables-hide.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed support for React version 16 and 17 in favor of version 18 as the minimum supported version

.changeset/great-cameras-matter.md

@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Replaced `Tabs` with `AlphaTabs` and replaced `Filters` with `AlphaFilters` component code

.changeset/light-mails-type.md

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

.changeset/light-steaks-promise.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed `Polaris.VERSION` from the global window object

.changeset/metal-spies-serve.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed deprecated `breadcrumbs` prop from `SkeletonPage`

.changeset/nasty-suns-hang.md

@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Updated `Text` component status from beta to stable

.changeset/quiet-toes-play.md

@@ -0,0 +1,12 @@
+---
+'@shopify/polaris-cli': major
+'polaris-for-vscode': major
+'@shopify/polaris-icons': major
+'@shopify/polaris-migrator': major
+'@shopify/polaris': major
+'@shopify/polaris-tokens': major
+'polaris.shopify.com': major
+'@shopify/stylelint-polaris': major
+---
+
+Removed support for NodeJS version 14 and set version 16 as minimum supported version

.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/rude-teachers-doubt.md

@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': minor
+---
+
+Added "What's new" color page and updated design/colors for the new color tokens

.changeset/six-jokes-drum.md

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

.changeset/slimy-countries-learn.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed `KonamiCode` component

.changeset/stupid-vans-kick.md

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

.eslintrc.js

@@ -150,12 +150,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'},
-        ],
       },
     },
     {

.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,16 +1,58 @@
 /**
  * @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-codemods',
-    './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', {development, useBuiltIns: true}],
+    ],
+    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-codemods',
+      './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.