Merge branch 'main' into fix/HeaderMenuItem

.all-contributorsrc

@@ -1257,10 +1257,9 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/60013060?v=4",
       "profile": "https://med-aziz-chebbi.web.app/",
       "contributions": [
-        "code",
-        "doc"
+        "code"
       ]
-    }
+    },
   ],
   "commitConvention": "none"
 }

README.md

@@ -253,6 +253,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <td align="center"><a href="https://github.com/haocheng6"><img src="https://avatars.githubusercontent.com/u/7645930?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Hao Cheng</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=haocheng6" title="Code">💻</a></td>
     <td align="center"><a href="https://med-aziz-chebbi.web.app/"><img src="https://avatars.githubusercontent.com/u/60013060?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aziz Chebbi</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=azizChebbi" title="Code">💻</a> <a href="https://github.com/carbon-design-system/carbon/commits?author=azizChebbi" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/cordesmj"><img src="https://avatars.githubusercontent.com/u/7409239?v=4?s=100" width="100px;" alt=""/><br /><sub><b>cordesmj</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=cordesmj" title="Code">💻</a></td>
+    <td align="center"><a href="https://med-aziz-chebbi.web.app/"><img src="https://avatars.githubusercontent.com/u/60013060?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aziz Chebbi</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=azizChebbi" title="Code">💻</a></td>
   </tr>
 </table>
 

config/eslint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "3.9.0",
+  "version": "3.10.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/stylelint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stylelint-config-carbon",
   "description": "Stylelint configuration for Carbon",
-  "version": "1.14.0",
+  "version": "1.15.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -31,7 +31,7 @@
     "stylelint-config-idiomatic-order": "^8.1.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^24.0.0",
-    "stylelint-config-standard-scss": "^3.0.0",
+    "stylelint-config-standard-scss": "^11.0.0",
     "stylelint-no-unsupported-browser-features": "^5.0.2",
     "stylelint-order": "^5.0.0",
     "stylelint-prettier": "^2.0.0",

e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js

@@ -91,4 +91,86 @@ test.describe('CodeSnippet @avt', () => {
     });
     await expect(page).toHaveNoACViolations('CodeSnippet skeleton');
   });
+
+  test('accessibility-checker CodeSnippet inline keyboard nav', async ({
+    page,
+  }) => {
+    await visitStory(page, {
+      component: 'CodeSnippet',
+      id: 'components-codesnippet--inline',
+      globals: {
+        theme: 'white',
+      },
+    });
+
+    // Checking the code button
+    await expect(page.getByRole('button')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await expect(page.getByRole('button')).toBeFocused();
+
+    // Checking the copy button
+    await page.keyboard.press('Enter');
+    await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+  });
+
+  test('accessibility-checker CodeSnippet multiline keyboard nav', async ({
+    page,
+  }) => {
+    await visitStory(page, {
+      component: 'CodeSnippet',
+      id: 'components-codesnippet--multiline',
+      globals: {
+        theme: 'white',
+      },
+    });
+
+    // Checking the code button
+    await expect(page.getByRole('textbox')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await expect(page.getByRole('textbox')).toBeFocused();
+
+    // Checking the copy button
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+
+    // Checking show more toggle
+    await expect(page.getByText('Show more')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await expect(page.getByText('Show less')).toBeVisible();
+    await expect(page.getByText('Show more')).not.toBeVisible();
+  });
+
+  test('accessibility-checker CodeSnippet singleline keyboard nav', async ({
+    page,
+  }) => {
+    await visitStory(page, {
+      component: 'CodeSnippet',
+      id: 'components-codesnippet--singleline',
+      globals: {
+        theme: 'white',
+      },
+    });
+    // Checking the code button
+    await expect(page.getByRole('textbox')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await expect(page.getByRole('textbox')).toBeFocused();
+
+    // Checking the copy button
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
+
+    // Checking the Arrow navigation
+    await page.keyboard.press('Shift+Tab');
+
+    await expect(
+      page.locator('div.cds--snippet__overflow-indicator--right')
+    ).toBeVisible();
+    await page.keyboard.press('ArrowRight');
+    await expect(
+      page.locator('div.cds--snippet__overflow-indicator--left')
+    ).toBeVisible();
+  });
 });

examples/class-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "class-prefix",
   "private": true,
-  "version": "0.34.0",
+  "version": "0.35.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/codesandbox-styles/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codesandbox-styles",
   "private": true,
-  "version": "0.40.0",
+  "version": "0.41.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite"
@@ -11,6 +11,6 @@
     "vite": "^4.3.8"
   },
   "dependencies": {
-    "@carbon/styles": "^1.37.0"
+    "@carbon/styles": "^1.38.0-rc.0"
   }
 }

examples/codesandbox-with-sass-compilation/package.json

@@ -1,9 +1,9 @@
 {
   "name": "codesandbox-with-sass-compilation",
-  "version": "0.38.0",
+  "version": "0.39.0-rc.0",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/codesandbox/package.json

@@ -1,9 +1,9 @@
 {
   "name": "codesandbox",
-  "version": "0.38.0",
+  "version": "0.39.0-rc.0",
   "private": true,
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/custom-theme/package.json

@@ -1,15 +1,15 @@
 {
   "name": "custom-theme",
   "private": true,
-  "version": "0.35.0",
+  "version": "0.36.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/id-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "id-prefix",
   "private": true,
-  "version": "0.34.0",
+  "version": "0.35.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/incremental-migration-vite/package.json

@@ -1,7 +1,7 @@
 {
   "name": "incremental-migration-vite",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.3.0-rc.0",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@carbon/icons-react": "^10.49.0",
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "carbon-components": "^10.57.0",
     "carbon-components-react": "^7.57.0",
     "carbon-icons": "^7.0.7",

examples/incremental-migration/package.json

@@ -1,7 +1,7 @@
 {
   "name": "incremental-migration",
   "private": true,
-  "version": "0.37.0",
+  "version": "0.38.0-rc.0",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@carbon/icons-react": "^10.49.0",
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "carbon-components": "^10.57.0",
     "carbon-components-react": "^7.57.0",
     "carbon-icons": "^7.0.7",

examples/light-dark-mode/package.json

@@ -1,15 +1,15 @@
 {
   "name": "examples-light-dark",
   "private": true,
-  "version": "0.35.0",
+  "version": "0.36.0-rc.0",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "next": "12.1.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"

examples/nextjs/package.json

@@ -1,15 +1,15 @@
 {
   "name": "examples-nextjs",
   "private": true,
-  "version": "0.37.0",
+  "version": "0.38.0-rc.0",
   "scripts": {
     "build": "next build",
     "dev": "next dev",
     "lint": "next lint",
     "start": "next start"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "next": "13.4.7",
     "react": "18.2.0",
     "react-dom": "18.2.0"

examples/v10-token-compat-in-v11/package.json

@@ -1,15 +1,15 @@
 {
   "name": "v10-token-compat-in-v11",
   "private": true,
-  "version": "0.35.0",
+  "version": "0.36.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/vite/package.json

@@ -1,15 +1,15 @@
 {
   "name": "vite",
   "private": true,
-  "version": "0.35.0",
+  "version": "0.36.0-rc.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

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.37.0",
+  "version": "8.38.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -41,8 +41,8 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/react": "^1.37.0",
-    "@carbon/styles": "^1.37.0",
+    "@carbon/react": "^1.38.0-rc.0",
+    "@carbon/styles": "^1.38.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "chalk": "1.1.3"
   },

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.37.0",
+  "version": "11.38.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "sass": "^1.33.0"
   },
   "dependencies": {
-    "@carbon/styles": "^1.37.0",
+    "@carbon/styles": "^1.38.0-rc.0",
     "@carbon/telemetry": "0.1.0",
     "chalk": "1.1.3"
   },