Merge branch 'main' into fix_bug_the_icon_inside_IconButton_not_align…

…ed_to_center_16841

.github/codecov.yml

@@ -0,0 +1,62 @@
+coverage:
+  status:
+    project:
+      default:
+        informational: true
+    patch:
+      default:
+        informational: true
+
+component_management:
+  default_rules: # default rules that will be inherited by all components
+    statuses:
+      - type: project # in this case every component that doens't have a status defined will have a project type one
+        target: auto
+        threshold: 1%
+        branches:
+          - '!main'
+  individual_components:
+    - component_id: colors
+      name: colors
+      paths:
+        - ../packages/colors/**
+    - component_id: feature-flags
+      name: feature-flags
+      paths:
+        - ../packages/feature-flags/**
+    - component_id: icon-build-helpers
+      name: icon-build-helpers
+      paths:
+        - ../packages/icon-build-helpers/**
+    - component_id: layout
+      name: layout
+      paths:
+        - ../packages/layout/**
+    - component_id: motion
+      name: motion
+      paths:
+        - ../packages/motion/**
+    - component_id: react # this is an identifier that should not be changed
+      name: react # this is a display name, and can be changed freely
+      paths:
+        - ../packages/react/**
+    - component_id: scss-generator
+      name: scss-generator
+      paths:
+        - ../packages/scss-generator/**
+    - component_id: test-utils
+      name: test-utils
+      paths:
+        - ../packages/test-utils/**
+    - component_id: themes
+      name: themes
+      paths:
+        - ../packages/themes/**
+    - component_id: type
+      name: type
+      paths:
+        - ../packages/type/**
+    - component_id: upgrade
+      name: upgrade
+      paths:
+        - ../packages/upgrade/**

.github/dependabot.yml

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

.github/workflows/ci.yml

@@ -79,8 +79,11 @@ jobs:
         run: |
           yarn carbon-cli check --ignore '**/@(node_modules|examples|components|react|fixtures|compat)/**' 'packages/**/*.scss'
       - name: Run tests
-        run: yarn test --ci
-
+        run: yarn test --ci --collectCoverage
+      - name: Upload coverage reports to Codecov with GitHub Action
+        uses: codecov/codecov-action@e28ff129e5465c2c0dcc6f003fc735cb6ae0c673 # v4.5.0
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
   e2e:
     name: 'test:e2e'
     runs-on: ubuntu-latest

.github/workflows/codeql-analysis.yml

@@ -24,9 +24,9 @@ jobs:
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@4dd16135b69a43b6c8efb853346f8437d92d3c93 # v3.26.6
+        uses: github/codeql-action/init@8214744c546c1e5c8f03dde8fab3a7353211988d # v3.26.7
         with:
           languages: javascript
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@4dd16135b69a43b6c8efb853346f8437d92d3c93 # v3.26.6
+        uses: github/codeql-action/analyze@8214744c546c1e5c8f03dde8fab3a7353211988d # v3.26.7

.github/workflows/deploy-packages.yml

@@ -39,7 +39,7 @@ jobs:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.APP_PRIVATE_KEY }}
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@8867c4aba1b742c39f8d0ba35429c2dfa4b6cb20 # v7.0.1
+        uses: peter-evans/create-pull-request@6cd32fd93684475c31847837f87bb135d40a2b79 # v7.0.3
         with:
           branch: 'release/update-carbon-deps'
           commit-message: 'chore(release): update carbon deps'
@@ -82,7 +82,7 @@ jobs:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.APP_PRIVATE_KEY }}
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@8867c4aba1b742c39f8d0ba35429c2dfa4b6cb20 # v7.0.1
+        uses: peter-evans/create-pull-request@6cd32fd93684475c31847837f87bb135d40a2b79 # v7.0.3
         with:
           branch: 'release/update-carbon-deps'
           commit-message: 'chore(release): update carbon deps'

.github/workflows/slack-office-hours-design.yml

@@ -70,7 +70,7 @@ jobs:
                       "emoji": true
                     },
                     "value": "click_me_123",
-                    "url": "https://ec.yourlearning.ibm.com/w3/event/10408782",
+                    "url": "https://ec.yourlearning.ibm.com/w3/event/10463103",
                     "action_id": "button-action"
                   }
                 },

.github/workflows/slack-office-hours-dev.yml

@@ -161,7 +161,100 @@ jobs:
                       "emoji": true
                     },
                     "value": "click_me_123",
-                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10322733",
+                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10408799",
+                    "action_id": "button-action"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":memo:  *Sign up to get help in a future session*     :ibm-arrow-right::ibm-arrow-right::ibm-arrow-right:"
+                  },
+                  "accessory": {
+                    "type": "button",
+                    "text": {
+                      "type": "plain_text",
+                      "text": "View the agenda",
+                      "emoji": true
+                    },
+                    "value": "click_me_123",
+                    "url": "https://ibm.biz/carbon-dev-office-hours",
+                    "action_id": "button-action"
+                  }
+                },
+                {
+                  "type": "divider"
+                }
+              ]
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+
+  post-reminder-to-carbon-ibmproducts-pal-dev:
+    name: Post dev reminder to ibmproducts-pal-dev
+    runs-on: ubuntu-latest
+    steps:
+      - name: Send custom JSON data to Slack workflow
+        id: slack
+        uses: slackapi/slack-github-action@37ebaef184d7626c5f204ab8d3baff4262dd30f0 # v1.27.0
+        with:
+          payload: |
+            {
+              "username": "Carbon Design System",
+              "icon_url": "https://user-images.githubusercontent.com/3360588/192045905-5d9705af-92e2-4432-805e-15db98571e8b.png",
+              "channel": "#ibmproducts-pal-dev",
+              "text": "Join us for Carbon Developer Office Hours!",
+              "blocks": [
+                {
+                  "type": "header",
+                  "text": {
+                    "type": "plain_text",
+                    "text": "Join us for Carbon Developer Office Hours!",
+                    "emoji": true
+                  }
+                },
+                {
+                  "type": "divider"
+                },
+                {
+                  "type": "image",
+                  "image_url": "https://github.com/user-attachments/assets/e12fb5b9-9657-4e7b-b1a1-e1149cca8956",
+                  "alt_text": "A terminal prompt symbol"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":thinking_face:   _Are you running into a weird bug you can’t resolve?_  \n\n_:question:  Do you have questions about using Carbon?_  \n\n :rocket:  _Would you like to discuss migrating from v10 to v11?_"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "*Carbon developer office hours* are a bi-weekly opportunity to discuss topics like these and get help from the team. Developers from the Carbon team will be available to help and answer questions. While it's very informal, please be prepared to screen share and show your issue!"
+                  }
+                },
+                {
+                  "type": "divider"
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":yourlearning:  *Subscribe and add to your calendar*     :ibm-arrow-right::ibm-arrow-right::ibm-arrow-right:"
+                  },
+                  "accessory": {
+                    "type": "button",
+                    "text": {
+                      "type": "plain_text",
+                      "text": "Subscribe",
+                      "emoji": true
+                    },
+                    "value": "click_me_123",
+                    "url": "https://ec.yourlearning.ibm.com/w3/enrollment/event/10408799",
                     "action_id": "button-action"
                   }
                 },

.github/workflows/version.yml

@@ -64,7 +64,7 @@ jobs:
           app_id: ${{ secrets.APP_ID }}
           private_key: ${{ secrets.APP_PRIVATE_KEY }}
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@8867c4aba1b742c39f8d0ba35429c2dfa4b6cb20 # v7.0.1
+        uses: peter-evans/create-pull-request@6cd32fd93684475c31847837f87bb135d40a2b79 # v7.0.3
         with:
           branch: 'release/${{ github.event.inputs.tag }}'
           commit-message: 'chore(release): ${{ github.event.inputs.tag }}'

.prettierignore

@@ -58,6 +58,7 @@ packages/**/examples/**
 
 # Upgrade
 packages/upgrade/cli.js
+packages/upgrade/**/*.output.js
 
 # Accessibility Verification Testing
 **/.avt/**

config/eslint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "3.15.0",
+  "version": "3.16.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/jest-config-carbon/package.json

@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

config/stylelint-config-carbon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stylelint-config-carbon",
   "description": "Stylelint configuration for Carbon",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

e2e/components/AILabel/Slug-test.avt.e2e.js

@@ -22,7 +22,7 @@ test.describe('@avt AILabel', () => {
     await expect(page).toHaveNoACViolations('AILabel');
   });
 
-  test.slow('@avt-advanced-states open state', async ({ page }) => {
+  test('@avt-advanced-states open state', async ({ page }) => {
     await visitStory(page, {
       component: 'AILabel',
       id: 'components-ailabel--default',
@@ -37,7 +37,7 @@ test.describe('@avt AILabel', () => {
     await expect(page).toHaveNoACViolations('AILabel-open');
   });
 
-  test.slow('@avt-advanced-states ai form', async ({ page }) => {
+  test('@avt-advanced-states ai form', async ({ page }) => {
     await visitStory(page, {
       component: 'AILabel',
       id: 'components-form--with-ai-label',

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

@@ -53,12 +53,30 @@ test.describe('@avt InteractiveTag', () => {
         theme: 'white',
       },
     });
+    await expect(
+      page.getByText('Tag content with a long text description').first()
+    ).toBeVisible();
+
     const tooltip = page.getByRole('tooltip');
-    const button = page.getByRole('button').first();
+    const button = page.getByRole('button').nth(1);
     await expect(button).toBeVisible();
     await page.keyboard.press('Tab');
+    await page.keyboard.press('Tab');
     await expect(button).toBeFocused();
     await expect(tooltip).toHaveAttribute('aria-hidden', 'false');
+
+    // Test dismissible functionality
+    await page.keyboard.press('Enter');
+    await expect(
+      page.getByText('Tag content with a long text description')
+    ).not.toBeVisible();
+
+    // Reset button click
+    await page.keyboard.press('Shift+Tab');
+    await page.keyboard.press('Enter');
+    await expect(
+      page.getByText('Tag content with a long text description').first()
+    ).toBeVisible();
   });
 
   test('@avt-keyboard-nav OperationalTag', async ({ page }) => {

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

@@ -22,7 +22,7 @@ test.describe('@avt Menu', () => {
     await expect(page).toHaveNoACViolations('Menu @avt-default-state');
   });
 
-  test('@avt-keyboard-nav Menu', async ({ page }) => {
+  test.fixme('@avt-keyboard-nav Menu', async ({ page }) => {
     await visitStory(page, {
       component: 'Menu',
       id: 'components-menu--playground',

examples/class-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "class-prefix",
   "private": true,
-  "version": "0.62.0",
+  "version": "0.63.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.65.0",
+    "@carbon/react": "^1.66.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/codesandbox-styles/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codesandbox-styles",
   "private": true,
-  "version": "0.67.0",
+  "version": "0.68.0",
   "type": "module",
   "scripts": {
     "dev": "vite"
@@ -11,6 +11,6 @@
     "vite": "^4.3.8"
   },
   "dependencies": {
-    "@carbon/styles": "^1.64.0"
+    "@carbon/styles": "^1.65.0"
   }
 }

examples/custom-theme/package.json

@@ -1,15 +1,15 @@
 {
   "name": "custom-theme",
   "private": true,
-  "version": "0.63.0",
+  "version": "0.64.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.65.0",
+    "@carbon/react": "^1.66.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

examples/id-prefix/package.json

@@ -1,15 +1,15 @@
 {
   "name": "id-prefix",
   "private": true,
-  "version": "0.62.0",
+  "version": "0.63.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@carbon/react": "^1.65.0",
+    "@carbon/react": "^1.66.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },