Merge branch 'main' into fix/date-picker-closing-when-clearing

.all-contributorsrc

@@ -1624,6 +1624,15 @@
         "code",
         "doc"
       ]
+    },
+    {
+      "login": "divya-281",
+      "name": "Divya G",
+      "avatar_url": "https://avatars.githubusercontent.com/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/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,9 +28,9 @@ 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
@@ -43,9 +43,9 @@ jobs:
   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
@@ -60,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
@@ -94,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
@@ -140,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
@@ -209,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
@@ -274,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

.github/workflows/codeql-analysis.yml

@@ -20,13 +20,13 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+        uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@294a9d92911152fe08befb9ec03e240add280cb3 # v3.26.8
+        uses: github/codeql-action/init@461ef6c76dfe95d5c364de2f431ddbd31a417628 # v3.26.9
         with:
           languages: javascript
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@294a9d92911152fe08befb9ec03e240add280cb3 # v3.26.8
+        uses: github/codeql-action/analyze@461ef6c76dfe95d5c364de2f431ddbd31a417628 # v3.26.9

.github/workflows/dco.yml

@@ -16,7 +16,7 @@ jobs:
           (github.event.comment.body == 'recheck' || github.event.comment.body
           == 'I have read the DCO document and I hereby sign the DCO.') ||
           github.event_name == 'pull_request_target'
-        uses: cla-assistant/github-action@b1522fa982419e79591a92e1267de463a281cdb7 # v2.6.0
+        uses: cla-assistant/github-action@ca4a40a7d1004f18d9960b404b97e5f30a505a08 # v2.6.1
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           PERSONAL_ACCESS_TOKEN: ${{ secrets.PERSONAL_ACCESS_TOKEN }}

.github/workflows/deploy-packages.yml

@@ -16,12 +16,12 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 15
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
         with:
           repository: carbon-design-system/design-language-website
           ref: master
       - 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'
           registry-url: 'https://registry.npmjs.org'
@@ -58,12 +58,12 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 15
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # v4.2.0
         with:
           repository: carbon-design-system/gatsby-theme-carbon
           ref: main
       - 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'
           registry-url: 'https://registry.npmjs.org'

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

@@ -28,9 +28,9 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # 4.1.7
+      - uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938 # 4.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

.github/workflows/deploy-web-components-storybook.yml

@@ -21,10 +21,10 @@ jobs:
   build-and-deploy:
     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
@@ -37,6 +37,7 @@ jobs:
           yarn storybook:build
       - name: Create CNAME
         run: |
+          touch packages/web-components/storybook-static/.nojekyll
           touch packages/web-components/storybook-static/CNAME
           echo "web-components.carbondesignsystem.com" > packages/web-components/storybook-static/CNAME
       - name: Push to Web Components repo