Merge branch 'main' into readonlyTimePicker

carbon-design-system · Nov 7, 2022 · cf1eebe · cf1eebe
2 parents 79ed298 + 01475a0
commit cf1eebe
Show file tree

Hide file tree

Showing 87 changed files with 1,140 additions and 422 deletions.
diff --git a/.yarn/cache/@next-swc-linux-arm64-gnu-npm-12.1.4-5ce5b29d4d-8.zip b/.yarn/cache/@next-swc-linux-arm64-gnu-npm-12.1.4-5ce5b29d4d-8.zip
diff --git a/.yarn/cache/@rollup-plugin-typescript-npm-8.5.0-1107006ede-2f100a73cd.zip b/.yarn/cache/@rollup-plugin-typescript-npm-8.5.0-1107006ede-2f100a73cd.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.3-084e0015c6-41831d53c4.zip b/.yarn/cache/@types-prop-types-npm-15.7.3-084e0015c6-41831d53c4.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.4-592896a9fe-ef6e1899e5.zip b/.yarn/cache/@types-prop-types-npm-15.7.4-592896a9fe-ef6e1899e5.zip
diff --git a/.yarn/cache/@types-react-npm-17.0.50-14eafba020-b5629dff7c.zip b/.yarn/cache/@types-react-npm-17.0.50-14eafba020-b5629dff7c.zip
diff --git a/.yarn/cache/@types-react-npm-18.0.6-dfd79650e5-368b40176f.zip b/.yarn/cache/@types-react-npm-18.0.6-dfd79650e5-368b40176f.zip
diff --git a/.yarn/cache/@typescript-eslint-eslint-plugin-npm-5.18.0-113aeb2d78-e8f0e7cfa0.zip b/.yarn/cache/@typescript-eslint-eslint-plugin-npm-5.18.0-113aeb2d78-e8f0e7cfa0.zip
diff --git a/.yarn/cache/@typescript-eslint-eslint-plugin-npm-5.38.1-a0d314dce5-a889558802.zip b/.yarn/cache/@typescript-eslint-eslint-plugin-npm-5.38.1-a0d314dce5-a889558802.zip
diff --git a/.yarn/cache/@typescript-eslint-parser-npm-5.18.0-bcccf7640a-8e007a4980.zip b/.yarn/cache/@typescript-eslint-parser-npm-5.18.0-bcccf7640a-8e007a4980.zip
diff --git a/.yarn/cache/@typescript-eslint-parser-npm-5.38.1-e2beb34fbe-3f84b33d59.zip b/.yarn/cache/@typescript-eslint-parser-npm-5.38.1-e2beb34fbe-3f84b33d59.zip
diff --git a/.yarn/cache/@typescript-eslint-scope-manager-npm-5.38.1-24ac315081-c3b38ca007.zip b/.yarn/cache/@typescript-eslint-scope-manager-npm-5.38.1-24ac315081-c3b38ca007.zip
diff --git a/...tils-npm-5.18.0-6faa08ca9b-a9722e1863.zip → ...tils-npm-5.38.1-c212f64f32-1e5fbb5cd2.zip b/...tils-npm-5.18.0-6faa08ca9b-a9722e1863.zip → ...tils-npm-5.38.1-c212f64f32-1e5fbb5cd2.zip
diff --git a/.yarn/cache/@typescript-eslint-types-npm-5.38.1-25ef03dead-384f7fe9a1.zip b/.yarn/cache/@typescript-eslint-types-npm-5.38.1-25ef03dead-384f7fe9a1.zip
diff --git a/.yarn/cache/@typescript-eslint-typescript-estree-npm-5.38.1-139af46521-ec73496f73.zip b/.yarn/cache/@typescript-eslint-typescript-estree-npm-5.38.1-139af46521-ec73496f73.zip
diff --git a/.yarn/cache/@typescript-eslint-utils-npm-5.38.1-f0191b30c9-06646ddeb6.zip b/.yarn/cache/@typescript-eslint-utils-npm-5.38.1-f0191b30c9-06646ddeb6.zip
diff --git a/.yarn/cache/@typescript-eslint-visitor-keys-npm-5.38.1-94aa1a9778-01c83a4290.zip b/.yarn/cache/@typescript-eslint-visitor-keys-npm-5.38.1-94aa1a9778-01c83a4290.zip
diff --git a/.yarn/cache/esbuild-darwin-arm64-npm-0.14.38-b37de966bb-8.zip b/.yarn/cache/esbuild-darwin-arm64-npm-0.14.38-b37de966bb-8.zip
diff --git a/.yarn/cache/esbuild-darwin-arm64-npm-0.15.3-3640e6bc55-8.zip b/.yarn/cache/esbuild-darwin-arm64-npm-0.15.3-3640e6bc55-8.zip
diff --git a/.yarn/cache/esbuild-linux-arm64-npm-0.14.38-cef31fba53-8.zip b/.yarn/cache/esbuild-linux-arm64-npm-0.14.38-cef31fba53-8.zip
diff --git a/.yarn/cache/esbuild-linux-arm64-npm-0.15.3-5ce6ddd928-8.zip b/.yarn/cache/esbuild-linux-arm64-npm-0.15.3-5ce6ddd928-8.zip
diff --git a/.yarn/cache/esbuild-windows-arm64-npm-0.14.38-9693d16298-8.zip b/.yarn/cache/esbuild-windows-arm64-npm-0.14.38-9693d16298-8.zip
diff --git a/.yarn/cache/esbuild-windows-arm64-npm-0.15.3-6777f0a5aa-8.zip b/.yarn/cache/esbuild-windows-arm64-npm-0.15.3-6777f0a5aa-8.zip
diff --git a/.yarn/cache/typescript-npm-4.7.2-82fa810e5c-5163585e6b.zip b/.yarn/cache/typescript-npm-4.7.2-82fa810e5c-5163585e6b.zip
diff --git a/...-darwin-arm64-npm-12.1.4-8bc9a59090-8.zip → ...cript-npm-4.8.4-9c0a335511-3e4f061658.zip b/...-darwin-arm64-npm-12.1.4-8bc9a59090-8.zip → ...cript-npm-4.8.4-9c0a335511-3e4f061658.zip
diff --git a/.yarn/cache/typescript-patch-3de8d08a53-7e2b9a9f4a.zip b/.yarn/cache/typescript-patch-3de8d08a53-7e2b9a9f4a.zip
diff --git a/...32-arm64-msvc-npm-12.1.4-b5b707823d-8.zip → ...ypescript-patch-80bfdb5552-301459fc3e.zip b/...32-arm64-msvc-npm-12.1.4-b5b707823d-8.zip → ...ypescript-patch-80bfdb5552-301459fc3e.zip
diff --git a/config/eslint-config-carbon/package.json b/config/eslint-config-carbon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "2.17.0",
+  "version": "2.18.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

diff --git a/config/eslint-config-carbon/plugins/react.js b/config/eslint-config-carbon/plugins/react.js
@@ -44,6 +44,25 @@ module.exports = {
     ],
   },
   overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      plugins: ['@typescript-eslint'],
+      extends: ['plugin:@typescript-eslint/recommended'],
+      parser: '@typescript-eslint/parser',
+      rules: {
+        'no-unused-vars': 'off', // Disabled in favor of @typescript-eslint/no-unused-vars
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          {
+            args: 'after-used',
+            argsIgnorePattern: '^_',
+            varsIgnorePattern: '^_',
+          },
+        ],
+        '@typescript-eslint/no-empty-function': 'off', // Disabled to support default empty functions used in PropTypes
+        '@typescript-eslint/no-explicit-any': 'off', // TODO: Enable once stricter typings of internal utilities are supported
+      },
+    },
     // Sometimes we'll want to define a quick component in a story to use as a
     // wrapper for a component we're documenting. For example:
     //

diff --git a/config/jest-config-carbon/index.js b/config/jest-config-carbon/index.js
@@ -8,7 +8,7 @@
 'use strict';
 
 module.exports = {
-  moduleFileExtensions: ['js', 'json', 'node'],
+  moduleFileExtensions: ['tsx', 'ts', 'js', 'json', 'node'],
   moduleNameMapper: {
     // This mapping is the result of updating to Jest 28. We currently require
     // this as the version of uuid that gets resolved is ESM but we would like
@@ -27,9 +27,11 @@ module.exports = {
     '<rootDir>/**/*-(spec|test).js?(x)',
   ],
   transform: {
-    '^.+\\.(mjs|cjs|js|jsx)$': require.resolve('./transform/jsTransform.js'),
+    '^.+\\.(mjs|cjs|js|jsx|ts|tsx)$': require.resolve(
+      './transform/jsTransform.js'
+    ),
     '^.+\\.s?css$': require.resolve('./transform/cssTransform.js'),
-    '^(?!.*\\.(js|jsx|css|json)$)': require.resolve(
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': require.resolve(
       './transform/fileTransform.js'
     ),
   },

diff --git a/config/jest-config-carbon/package.json b/config/jest-config-carbon/package.json
@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "1.4.0",
+  "version": "1.5.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

diff --git a/config/jest-config-carbon/transform/jsTransform.js b/config/jest-config-carbon/transform/jsTransform.js
@@ -21,6 +21,7 @@ const babelOptions = {
       },
     ],
     '@babel/preset-react',
+    '@babel/preset-typescript',
   ],
   plugins: [
     '@babel/plugin-proposal-class-properties',

diff --git a/e2e/components/ComposedModal/ComposedModal-test.e2e.js b/e2e/components/ComposedModal/ComposedModal-test.e2e.js
@@ -37,6 +37,13 @@ test.describe('ComposedModal', () => {
           theme,
         });
       });
+      test('full width modal @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ComposedModal',
+          id: 'components-composedmodal--full-width',
+          theme,
+        });
+      });
     });
   });
 

diff --git a/e2e/components/ContainedList/ContainedList-test.e2e.js b/e2e/components/ContainedList/ContainedList-test.e2e.js
@@ -0,0 +1,101 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { expect, test } = require('@playwright/test');
+const { themes } = require('../../test-utils/env');
+const { snapshotStory, visitStory } = require('../../test-utils/storybook');
+
+test.describe('ContainedList', () => {
+  themes.forEach((theme) => {
+    test.describe(theme, () => {
+      test('default @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--default',
+          theme,
+        });
+      });
+
+      test('disclosed @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--disclosed',
+          theme,
+        });
+      });
+
+      test('with-actions @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-actions',
+          theme,
+        });
+      });
+
+      test('with-icons @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-icons',
+          theme,
+        });
+      });
+
+      test('with-interactive-items @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-interactive-items',
+          theme,
+        });
+      });
+
+      test('with-interactive-items-and-actions @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-interactive-items-and-actions',
+          theme,
+        });
+      });
+
+      test('with-layer @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-layer',
+          theme,
+        });
+      });
+
+      test('with-list-title-decorators @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--with-list-title-decorators',
+          theme,
+        });
+      });
+
+      test('playground @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'ContainedList',
+          id: 'components-containedlist--playground',
+          theme,
+        });
+      });
+    });
+  });
+
+  test('accessibility-checker @avt', async ({ page }) => {
+    await visitStory(page, {
+      component: 'ContainedList',
+      id: 'components-containedlist--default',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('ContainedList');
+  });
+});
diff --git a/e2e/components/Modal/Modal-test.e2e.js b/e2e/components/Modal/Modal-test.e2e.js
@@ -29,6 +29,14 @@ test.describe('Modal', () => {
           theme,
         });
       });
+
+      test('full width modal @vrt', async ({ page }) => {
+        await snapshotStory(page, {
+          component: 'Modal',
+          id: 'components-modal--full-width',
+          theme,
+        });
+      });
     });
   });
 

diff --git a/examples/codesandbox-styles/package.json b/examples/codesandbox-styles/package.json
@@ -1,15 +1,15 @@
 {
   "name": "codesandbox-styles",
   "private": true,
-  "version": "0.19.0",
+  "version": "0.20.0-rc.1",
   "scripts": {
     "develop": "vite"
   },
   "devDependencies": {
     "vite": "^2.8.0"
   },
   "dependencies": {
-    "@carbon/styles": "^1.16.0",
+    "@carbon/styles": "^1.17.0-rc.1",
     "sass": "^1.51.0"
   }
 }
diff --git a/examples/codesandbox-with-sass-compilation/package.json b/examples/codesandbox-with-sass-compilation/package.json
@@ -1,9 +1,9 @@
 {
   "name": "codesandbox-with-sass-compilation",
-  "version": "0.17.0",
+  "version": "0.18.0-rc.1",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

diff --git a/examples/codesandbox/package.json b/examples/codesandbox/package.json
@@ -1,9 +1,9 @@
 {
   "name": "codesandbox",
-  "version": "0.17.0",
+  "version": "0.18.0-rc.1",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

diff --git a/examples/custom-theme/package.json b/examples/custom-theme/package.json
@@ -1,14 +1,14 @@
 {
   "name": "custom-theme",
   "private": true,
-  "version": "0.14.0",
+  "version": "0.15.0-rc.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

diff --git a/examples/incremental-migration/package.json b/examples/incremental-migration/package.json
@@ -1,7 +1,7 @@
 {
   "name": "incremental-migration",
   "private": true,
-  "version": "0.16.0",
+  "version": "0.17.0-rc.1",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@carbon/icons-react": "^10.49.0",
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "carbon-components": "^10.57.0",
     "carbon-components-react": "^7.57.0",
     "carbon-icons": "^7.0.7",

diff --git a/examples/light-dark-mode/package.json b/examples/light-dark-mode/package.json
@@ -1,15 +1,15 @@
 {
   "name": "examples-light-dark",
   "private": true,
-  "version": "0.14.0",
+  "version": "0.15.0-rc.1",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "next": "12.1.4",
     "react": "18.0.0",
     "react-dom": "18.0.0"

diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -1,15 +1,15 @@
 {
   "name": "examples-nextjs",
   "private": true,
-  "version": "0.16.0",
+  "version": "0.17.0-rc.1",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "next": "12.1.4",
     "react": "18.0.0",
     "react-dom": "18.0.0"

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -1,14 +1,14 @@
 {
   "name": "vite",
   "private": true,
-  "version": "0.14.0",
+  "version": "0.15.0-rc.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

diff --git a/package.json b/package.json
@@ -29,6 +29,8 @@
     "postinstall": "husky install"
   },
   "resolutions": {
+    "@types/react": "~17.0.2",
+    "@types/prop-types": "15.7.4",
     "ast-types": "^0.14.0",
     "node-sass": "^6.0.0",
     "react": "~17.0.2",

diff --git a/packages/carbon-components-react/package.json b/packages/carbon-components-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components-react",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "8.16.0",
+  "version": "8.17.0-rc.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -39,8 +39,8 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/react": "^1.16.0",
-    "@carbon/styles": "^1.16.0",
+    "@carbon/react": "^1.17.0-rc.1",
+    "@carbon/styles": "^1.17.0-rc.1",
     "@carbon/telemetry": "0.1.0"
   },
   "devDependencies": {

diff --git a/packages/carbon-components/package.json b/packages/carbon-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "11.16.0",
+  "version": "11.17.0-rc.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/styles": "^1.16.0",
+    "@carbon/styles": "^1.17.0-rc.1",
     "@carbon/telemetry": "0.1.0"
   },
   "devDependencies": {

diff --git a/packages/colors/package.json b/packages/colors/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "11.7.0",
+  "version": "11.7.1-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

diff --git a/packages/colors/tasks/build.js b/packages/colors/tasks/build.js
@@ -117,7 +117,6 @@ async function build() {
         properties: Object.keys(colors).map((key) => {
           const swatch = paramCase(key);
           return t.SassMapProperty({
-            quoted: true,
             key: t.Identifier(swatch),
             value: t.SassMap({
               properties: Object.keys(colors[key]).map((grade) => {