Merge branch 'main' into combobox7998

.github/workflows/ci.yml

@@ -17,7 +17,7 @@ jobs:
   dedupe:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -28,7 +28,7 @@ jobs:
   format:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -41,7 +41,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -56,7 +56,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -82,7 +82,7 @@ jobs:
     name: 'test:e2e'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -121,7 +121,7 @@ jobs:
         shard: [1, 2, 3, 4]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:
@@ -180,7 +180,7 @@ jobs:
   avt:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:

.github/workflows/codeql-analysis.yml

@@ -20,7 +20,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL

.github/workflows/deploy-packages.yml

@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 15
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           repository: carbon-design-system/design-language-website
           ref: master
@@ -58,7 +58,7 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 15
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           repository: carbon-design-system/gatsby-theme-carbon
           ref: main

.github/workflows/release.yml

@@ -18,7 +18,7 @@ jobs:
       id-token: write
       contents: write
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
 
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3

.github/workflows/sync-generated-files.yml

@@ -7,7 +7,7 @@ jobs:
   release:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
         with:

.github/workflows/v10-ci.yml

@@ -13,7 +13,7 @@ jobs:
   dedupe:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
 
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3
@@ -25,7 +25,7 @@ jobs:
   format:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           ref: v10
       - name: Use Node.js 20.x
@@ -40,7 +40,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           ref: v10
       - name: Use Node.js 20.x
@@ -57,7 +57,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           ref: v10
       - name: Use Node.js 20.x
@@ -85,7 +85,7 @@ jobs:
     name: 'test:e2e'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           ref: v10
       - name: Use Node.js 20.x

.github/workflows/v10-deploy-react-storybook.yml

@@ -16,7 +16,7 @@ jobs:
   build-ibmcloud:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
 
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3

.github/workflows/v10-release.yml

@@ -16,7 +16,7 @@ jobs:
       id-token: write
       contents: write
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
 
       - name: Use Node.js 20.x
         uses: actions/setup-node@v3

.github/workflows/version.yml

@@ -28,7 +28,7 @@ jobs:
     if: github.repository == 'carbon-design-system/carbon'
     timeout-minutes: 60
     steps:
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 #v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 #v4.1.1
         with:
           fetch-depth: '0'
       - name: Use Node.js 20.x

actions/add-review-labels/package.json

@@ -19,6 +19,6 @@
   ],
   "dependencies": {
     "@actions/core": "^1.2.3",
-    "@actions/github": "^2.1.1"
+    "@actions/github": "^6.0.0"
   }
 }

actions/issues/package.json

@@ -18,6 +18,6 @@
   ],
   "dependencies": {
     "@actions/core": "^1.2.3",
-    "@actions/github": "^2.1.1"
+    "@actions/github": "^6.0.0"
   }
 }

actions/release-notifications/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "dependencies": {
     "@actions/core": "^1.10.0",
-    "@actions/github": "^5.1.1",
+    "@actions/github": "^6.0.0",
     "@octokit/auth-action": "^2.0.1",
     "@octokit/request": "^6.2.1"
   }

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

@@ -54,10 +54,7 @@ test.describe('CodeSnippet @avt', () => {
     await expect(page).toHaveNoACViolations('CodeSnippet inline focused');
   });
 
-  // Skipping due to a11y violation issue #14237
-  test.skip('accessibility-checker CodeSnippet multiline @avt', async ({
-    page,
-  }) => {
+  test('accessibility-checker CodeSnippet multiline @avt', async ({ page }) => {
     await visitStory(page, {
       component: 'CodeSnippet',
       id: 'components-codesnippet--multiline',

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

@@ -33,6 +33,7 @@ test.describe('ComposedModal @avt', () => {
     await expect(page).toHaveNoACViolations('ComposedModal-full-width');
   });
 
+  // Skipping now due to AVT violation, possible false positive
   test.skip('@avt-advanced-states ComposedModal Passive Modal', async ({
     page,
   }) => {

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

@@ -0,0 +1,72 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { visitStory } = require('../../test-utils/storybook');
+
+test.describe('FormLabel @avt', () => {
+  test('@avt-default-state FormLabel', async ({ page }) => {
+    await visitStory(page, {
+      component: 'FormLabel',
+      id: 'components-formlabel--default',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('FormLabel');
+  });
+
+  test('@avt-advanced-states FormLabel with tooltip', async ({ page }) => {
+    await visitStory(page, {
+      component: 'FormLabel',
+      id: 'components-formlabel--with-tooltip',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('FormLabel-with-tooltip');
+  });
+
+  test('@avt-keyboard-nav FormLabel with tooltip', async ({ page }) => {
+    await visitStory(page, {
+      component: 'FormLabel',
+      id: 'components-formlabel--with-tooltip',
+      globals: {
+        theme: 'white',
+      },
+    });
+
+    await expect(page.getByText('Form label with Tooltip')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await expect(
+      page
+        .getByText(
+          'This can be used to provide more information about a field.'
+        )
+        .first()
+    ).toBeVisible();
+    await page.keyboard.press('Tab');
+    await page.keyboard.press('Enter');
+    await expect(
+      page
+        .getByText(
+          'This can be used to provide more information about a field.'
+        )
+        .last()
+    ).toBeVisible();
+    await page.keyboard.press('Escape');
+    await expect(
+      page
+        .getByText(
+          'This can be used to provide more information about a field.'
+        )
+        .last()
+    ).not.toBeVisible();
+  });
+});

e2e/components/FormLabel/FormLabel-test.e2e.js

@@ -7,9 +7,9 @@
 
 'use strict';
 
-const { expect, test } = require('@playwright/test');
+const { test } = require('@playwright/test');
 const { themes } = require('../../test-utils/env');
-const { snapshotStory, visitStory } = require('../../test-utils/storybook');
+const { snapshotStory } = require('../../test-utils/storybook');
 
 test.describe('FormLabel', () => {
   themes.forEach((theme) => {
@@ -31,15 +31,4 @@ test.describe('FormLabel', () => {
       });
     });
   });
-
-  test('accessibility-checker @avt', async ({ page }) => {
-    await visitStory(page, {
-      component: 'FormLabel',
-      id: 'components-formlabel--default',
-      globals: {
-        theme: 'white',
-      },
-    });
-    await expect(page).toHaveNoACViolations('FormLabel');
-  });
 });

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

@@ -0,0 +1,54 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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';
+
+import { expect, test } from '@playwright/test';
+import { visitStory } from '../../test-utils/storybook';
+
+test.describe('Tag @avt', () => {
+  test('@avt-default-state Tag', async ({ page }) => {
+    await visitStory(page, {
+      component: 'Tag',
+      id: 'components-tag--default',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('Tag');
+  });
+
+  test('@avt-advanced-states Tag skeleton', async ({ page }) => {
+    await visitStory(page, {
+      component: 'Tag',
+      id: 'components-tag--skeleton',
+      globals: {
+        theme: 'white',
+      },
+    });
+    await expect(page).toHaveNoACViolations('Tag-skeleton');
+  });
+
+  test('@avt-keyboard-nav Tag', async ({ page }) => {
+    await visitStory(page, {
+      component: 'Tag',
+      id: 'components-tag--playground',
+      globals: {
+        theme: 'white',
+      },
+      args: {
+        filter: true,
+      },
+    });
+
+    await expect(page.getByText('Tag content')).toBeVisible();
+    await page.keyboard.press('Tab');
+    await expect(
+      page.getByRole('button', { name: 'Clear filter' })
+    ).toBeFocused();
+  });
+});