Merge branch 'main' into ai-skeleton-update

carbon-design-system · Mar 6, 2024 · 8da1b0a · 8da1b0a
2 parents dff88bc + a25947d
commit 8da1b0a
Show file tree

Hide file tree

Showing 181 changed files with 1,363 additions and 387 deletions.
diff --git a/.github/workflows/add-to-project.yml b/.github/workflows/add-to-project.yml
@@ -19,7 +19,7 @@ jobs:
     name: Add issue with enhancement label to the Proposals project
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/add-to-project@31b3f3ccdc584546fc445612dec3f38ff5edb41c #v0.5.0
+      - uses: actions/add-to-project@0609a2702eefb44781da00f8e04901d6e5cd2b92 #v0.6.0
         with:
           labeled: ${{ env.LABEL_ENHANCEMENT }}
           project-url: ${{ env.PROPOSALS_PROJECT_URL }}
@@ -29,7 +29,7 @@ jobs:
     name: Add issue with typescript label to the TypeScript Adoption project
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/add-to-project@31b3f3ccdc584546fc445612dec3f38ff5edb41c #v0.5.0
+      - uses: actions/add-to-project@0609a2702eefb44781da00f8e04901d6e5cd2b92 #v0.6.0
         with:
           labeled: ${{ env.LABEL_TYPESCRIPT }}
           project-url: ${{ env.TYPESCRIPT_PROJECT_URL }}
@@ -39,7 +39,7 @@ jobs:
     name: Add issue to the Design System project
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/add-to-project@31b3f3ccdc584546fc445612dec3f38ff5edb41c #v0.5.0
+      - uses: actions/add-to-project@0609a2702eefb44781da00f8e04901d6e5cd2b92 #v0.6.0
         with:
           labeled: ${{ env.LABEL_ENHANCEMENT }}, ${{ env.LABEL_TYPESCRIPT }}
           label-operator: NOT

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -98,7 +98,7 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock', 'packages/**/yarn.lock') }}
       - name: Install dependencies
         run: yarn install --immutable --immutable-cache
-      - uses: dorny/paths-filter@0bc4621a3135347011ad047f9ecf449bf72ce2bd #v3.0.0
+      - uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
         id: filter
         with:
           filters: |

diff --git a/.github/workflows/codeql-analysis.yml b/.github/workflows/codeql-analysis.yml
@@ -24,9 +24,9 @@ jobs:
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@e2e140ad1441662206e8f97754b166877dfa1c73 #v3.24.4
+        uses: github/codeql-action/init@8a470fddafa5cbb6266ee11b37ef4d8aae19c571 #v3.24.6
         with:
           languages: javascript
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@e2e140ad1441662206e8f97754b166877dfa1c73 #v3.24.4
+        uses: github/codeql-action/analyze@8a470fddafa5cbb6266ee11b37ef4d8aae19c571 #v3.24.6
diff --git a/.github/workflows/v10-ci.yml b/.github/workflows/v10-ci.yml
@@ -101,7 +101,7 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
       - name: Install dependencies
         run: yarn install --immutable --immutable-cache
-      - uses: dorny/paths-filter@0bc4621a3135347011ad047f9ecf449bf72ce2bd #v3.0.0
+      - uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
         id: filter
         with:
           filters: |

diff --git a/.yarn/cache/downshift-npm-8.3.1-efe2b8001c-b616da9578.zip b/.yarn/cache/downshift-npm-8.3.1-efe2b8001c-b616da9578.zip
diff --git a/.yarn/cache/downshift-npm-8.3.2-f41c779be3-69066920bb.zip b/.yarn/cache/downshift-npm-8.3.2-f41c779be3-69066920bb.zip
diff --git a/docs/migration/v11.md b/docs/migration/v11.md
@@ -978,12 +978,13 @@ spacing.
 
 - This component has been updated from a class component to a functional
   component
-- The `className` prop is now applied to the outermost element of `NumberInput`
+- The `className` prop is now applied to the outermost element of
+  `RadioButtonGroup`
 
 ### RadioTile
 
 - The deprecated prop `iconDescription` is no longer needed and has been removed
-- The `className` prop is now applied to the outermost element of `NumberInput`
+- The `className` prop is now applied to the outermost element of `RadioTile`
 
 ### Search
 

diff --git a/docs/release.md b/docs/release.md
@@ -68,7 +68,7 @@ checkpoints:
 
 ### Prerelease
 
-The prerelease occurs on the first Tuesday of a sprint. During this stage, the
+The prerelease occurs on the last Monday of a sprint. During this stage, the
 release team will need to do the following:
 
 - [ ] Run the
@@ -121,10 +121,9 @@ To do so, follow the above steps for [Prerelease](#prerelease) but specify
 
 ### Stable release
 
-A stable release occurs on the first Thursday of a sprint and finishes on the
-morning of the first Friday of a sprint. This should occur after the prerelease
-has been tested and validated. During this stage, the release team will do the
-following:
+A stable release occurs on the last Wednesday and finishes later in the day.
+This should occur after the prerelease has been tested and validated. During
+this stage, the release team will do the following:
 
 - [ ] Run the
       [Version Workflow](https://github.com/carbon-design-system/carbon/actions/workflows/version.yml)
@@ -162,8 +161,6 @@ git push upstream v11.2.0
 - [ ] Verify that this triggers a run of the
       [Release Workflow](https://github.com/carbon-design-system/carbon/actions/workflows/release.yml)
 
-**Friday**
-
 The packages that have been published will be switched to latest on the first
 Friday of a sprint. To make the switch, you will need to:
 

diff --git a/e2e/components/AspectRatio/AspectRatio-test.avt.e2e.js b/e2e/components/AspectRatio/AspectRatio-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('AspectRatio @avt', () => {
+test.describe('@avt AspectRatio', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'AspectRatio',

diff --git a/e2e/components/Breadcrumb/Breadcrumb-test.avt.e2e.js b/e2e/components/Breadcrumb/Breadcrumb-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('breadcrumb @avt', () => {
+test.describe('@avt Breadcrumb', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Breadcrumb',

diff --git a/e2e/components/Button/Button-test.avt.e2e.js b/e2e/components/Button/Button-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('Button @avt', () => {
+test.describe('@avt Button', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Button',

diff --git a/e2e/components/ChatButton/ChatButton-test.avt.e2e.js b/e2e/components/ChatButton/ChatButton-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('ChatButton @avt', () => {
+test.describe('@avt ChatButton', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Button',

diff --git a/e2e/components/Checkbox/Checkbox-test.avt.e2e.js b/e2e/components/Checkbox/Checkbox-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('Checkbox @avt', () => {
+test.describe('@avt Checkbox', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'Checkbox',

diff --git a/e2e/components/ClassPrefix/ClassPrefix-test.avt.e2e.js b/e2e/components/ClassPrefix/ClassPrefix-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('ClassPrefix @avt', () => {
+test.describe('@avt ClassPrefix', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ClassPrefix',

diff --git a/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js b/e2e/components/CodeSnippet/CodeSnippet-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('CodeSnippet @avt', () => {
+test.describe('@avt CodeSnippet', () => {
   test('@avt-default-state inline', async ({ page }) => {
     await visitStory(page, {
       component: 'CodeSnippet',
@@ -84,7 +84,7 @@ test.describe('CodeSnippet @avt', () => {
     await expect(page).toHaveNoACViolations('CodeSnippet skeleton');
   });
 
-  test('inline @avt-keyboard-nav', async ({ page }) => {
+  test('@avt-keyboard-nav inline', async ({ page }) => {
     await visitStory(page, {
       component: 'CodeSnippet',
       id: 'components-codesnippet--inline',
@@ -103,7 +103,7 @@ test.describe('CodeSnippet @avt', () => {
     await expect(page.getByRole('tooltip')).toHaveText('Copied to clipboard');
   });
 
-  test('multiline @avt-keyboard-nav', async ({ page }) => {
+  test('@avt-keyboard-nav multiline', async ({ page }) => {
     await visitStory(page, {
       component: 'CodeSnippet',
       id: 'components-codesnippet--multiline',
@@ -130,7 +130,7 @@ test.describe('CodeSnippet @avt', () => {
     await expect(page.getByText('Show more')).not.toBeVisible();
   });
 
-  test('singleline @avt-keyboard-nav', async ({ page }) => {
+  test('@avt-keyboard-nav singleline', async ({ page }) => {
     await visitStory(page, {
       component: 'CodeSnippet',
       id: 'components-codesnippet--singleline',

diff --git a/e2e/components/ComboBox/ComboBox-test.avt.e2e.js b/e2e/components/ComboBox/ComboBox-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('ComboBox @avt', () => {
+test.describe('@avt ComboBox', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ComboBox',

diff --git a/e2e/components/ComboButton/ComboButton-test.avt.e2e.js b/e2e/components/ComboButton/ComboButton-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('ComboButton @avt', () => {
+test.describe('@avt ComboButton', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ComboButton',

diff --git a/e2e/components/ComposedModal/ComposedModal-test.avt.e2e.js b/e2e/components/ComposedModal/ComposedModal-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('ComposedModal @avt', () => {
+test.describe('@avt ComposedModal', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ComposedModal',

diff --git a/e2e/components/ContainedList/ContainedList-test.avt.e2e.js b/e2e/components/ContainedList/ContainedList-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('ContainedList @avt', () => {
+test.describe('@avt ContainedList', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'ContainedList',

diff --git a/e2e/components/ContentSwitcher/ContentSwitcher-test.avt.e2e.js b/e2e/components/ContentSwitcher/ContentSwitcher-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('ContentSwitcher @avt', () => {
+test.describe('@avt ContentSwitcher', () => {
   test('@avt-default-state ContentSwitcher', async ({ page }) => {
     await visitStory(page, {
       component: 'ContentSwitcher',

diff --git a/e2e/components/CopyButton/CopyButton-test.avt.e2e.js b/e2e/components/CopyButton/CopyButton-test.avt.e2e.js
@@ -10,7 +10,7 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
-test.describe('CopyButton @avt', () => {
+test.describe('@avt CopyButton', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'CopyButton',

diff --git a/e2e/components/DataTable/DataTable-test.avt.e2e.js b/e2e/components/DataTable/DataTable-test.avt.e2e.js
@@ -10,8 +10,8 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('DataTable @avt', () => {
-  test.describe('basic', () => {
+test.describe('@avt DataTable', () => {
+  test.describe('@avt basic', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -38,7 +38,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('batch actions', () => {
+  test.describe('@avt batch actions', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -53,7 +53,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('dynamic', () => {
+  test.describe('@avt dynamic', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -175,7 +175,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('expansion', () => {
+  test.describe('@avt expansion', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -202,7 +202,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('filtering', () => {
+  test.describe('@avt filtering', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -217,7 +217,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('selection', () => {
+  test.describe('@avt selection', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -258,7 +258,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('skeleton', () => {
+  test.describe('@avt skeleton', () => {
     test('@avt-default-state skeleton', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -273,7 +273,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('sorting', () => {
+  test.describe('@avt sorting', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',
@@ -288,7 +288,7 @@ test.describe('DataTable @avt', () => {
     });
   });
 
-  test.describe('toolbar', () => {
+  test.describe('@avt toolbar', () => {
     test('@avt-default-state', async ({ page }) => {
       await visitStory(page, {
         component: 'DataTable',

diff --git a/e2e/components/DatePicker/DatePicker-test.avt.e2e.js b/e2e/components/DatePicker/DatePicker-test.avt.e2e.js
@@ -10,7 +10,7 @@
 const { expect, test } = require('@playwright/test');
 const { visitStory } = require('../../test-utils/storybook');
 
-test.describe('DatePicker @avt', () => {
+test.describe('@avt DatePicker', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
@@ -22,7 +22,7 @@ test.describe('DatePicker @avt', () => {
     await expect(page).toHaveNoACViolations('DatePicker');
   });
 
-  test('range @avt-advanced-states', async ({ page }) => {
+  test('@avt-advanced-states range', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--range',
@@ -33,7 +33,7 @@ test.describe('DatePicker @avt', () => {
     await expect(page).toHaveNoACViolations('DatePicker-Range');
   });
 
-  test('disabled @avt-advanced-states', async ({ page }) => {
+  test('@avt-advanced-states disabled', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--playground',
@@ -50,7 +50,7 @@ test.describe('DatePicker @avt', () => {
   });
 
   // skipping for now due to accessibility violation
-  test('skeleton @avt-advanced-states', async ({ page }) => {
+  test('@avt-advanced-states skeleton', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--skeleton',
@@ -63,7 +63,7 @@ test.describe('DatePicker @avt', () => {
   });
 
   // skipping for now due to accessibility violation
-  test('open @avt-advanced-states', async ({ page }) => {
+  test('@avt-advanced-states open', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--playground',
@@ -78,7 +78,7 @@ test.describe('DatePicker @avt', () => {
     await expect(page).toHaveNoACViolations('DatePicker-Open');
   });
 
-  test('simple state @avt-keyboard-nav', async ({ page }) => {
+  test('@avt-keyboard-nav simple state', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--single-with-calendar',
@@ -104,7 +104,7 @@ test.describe('DatePicker @avt', () => {
     );
   });
 
-  test('range state @avt-keyboard-nav', async ({ page }) => {
+  test('@avt-keyboard-nav range state', async ({ page }) => {
     await visitStory(page, {
       component: 'DatePicker',
       id: 'components-datepicker--range-with-calendar',