Merge branch 'main' into carbon-tutorial-web-components

.github/workflows/issue-triage.yml

@@ -21,15 +21,14 @@ jobs:
       APP_ID: ${{ secrets.APP_ID }}
       APP_PRIVATE_KEY: ${{ secrets.APP_PRIVATE_KEY }}
   set-area-per-repo:
-    needs: setup-variables
     runs-on: ubuntu-latest
     if: ${{ github.event_name == 'issues' && github.event.action == 'opened' }}
     steps:
       - uses: actions/create-github-app-token@v1
         id: app-token
         with:
           app-id: ${{ secrets.APP_ID }}
-          private-key: ${{ secrets.PRIVATE_KEY }}
+          private-key: ${{ secrets.APP_PRIVATE_KEY }}
       - name: Get issue ID
         id: get_issue_id
         run: |

src/pages/all-about-carbon/who-uses-carbon.mdx

@@ -201,8 +201,8 @@ Here are some ways marketers can begin engaging with Carbon:
   drive IBM's portfolio of products and experiences.
 
 - The majority of marketing experiences use Carbon web components. Visit
-  [Carbon for IBM.com](https://www.ibm.com/standards/web/carbon-for-ibm-dotcom/)
-  to ensure that these experiences are adhering to Carbon guidance.
+  [Carbon for IBM.com](https://www.ibm.com/standards/carbon/) to ensure that
+  these experiences are adhering to Carbon guidance.
 
 - Familiarize yourself with
   [IBM.com web standards](https://www.ibm.com/standards/web/) to assess the

src/pages/components/dropdown/style.mdx

@@ -70,9 +70,7 @@ structure, and size and AI presence.
 </Column>
 </Row>
 
-<Caption>
-  Dropdown variant examples: default, inline, multiselect, combo box.
-</Caption>
+<Caption>Color states of dropdown, combo box, and multiselect.</Caption>
 
 ### Interactive states
 
@@ -125,13 +123,37 @@ structure, and size and AI presence.
 
 <Tab label="Default">
 
-![Default dropdown and combo box states](images/dropdown-combobox-style-default-states.png)
+![Default dropdown interactive states](images/dropdown-style-default-states.png)
+
+</Tab>
+
+<Tab label="Fluid">
+
+![Fluid dropdown interactive states](images/dropdown-style-fluid-states.png)
+
+</Tab>
+
+</Tabs>
+
+</Column>
+</Row>
+
+<Caption>Dropdown interactive states</Caption>
+
+<Row>
+<Column colLg={12}>
+
+<Tabs>
+
+<Tab label="Default">
+
+![Default combo box interactive states](images/combobox-style-default-states.png)
 
 </Tab>
 
 <Tab label="Fluid">
 
-![Fluid dropdown and combo box states](images/dropdown-combobox-style-fluid-states.png)
+![Fluid combo box interactive states](images/combobox-style-fluid-states.png)
 
 </Tab>
 
@@ -140,7 +162,7 @@ structure, and size and AI presence.
 </Column>
 </Row>
 
-<Caption>Dropdown and combo box states</Caption>
+<Caption>Combo box interactive states</Caption>
 
 <Row>
 <Column colLg={12}>
@@ -149,13 +171,13 @@ structure, and size and AI presence.
 
 <Tab label="Default">
 
-![Default multiselect dropdown states](images/dropdown-multiselect-style-default-states.png)
+![Default multiselect interactive states](images/multiselect-style-default-states.png)
 
 </Tab>
 
 <Tab label="Fluid">
 
-![Fluid multiselect dropdown states](images/dropdown-multiselect-style-fluid-states.png)
+![Fluid multiselect interactive states](images/multiselect-style-fluid-states.png)
 
 </Tab>
 
@@ -164,7 +186,7 @@ structure, and size and AI presence.
 </Column>
 </Row>
 
-<Caption>Multiselect dropdown states</Caption>
+<Caption>Multiselect interactive states</Caption>
 
 ### Inline dropdown
 
@@ -406,7 +428,7 @@ For more information on the AI style elements, see the
 
 <Tab label="Fluid">
 
-![Fluid dropdown AI example](images/dropdown-style-ai-presence-ai-revert-default.png)
+![Fluid dropdown AI example](images/dropdown-style-ai-presence-ai-revert-fluid.png)
 
 </Tab>