Merge branch 'main' into userAvatarWC

carbon-design-system · Jan 31, 2025 · a66f5e3 · a66f5e3
2 parents 093768a + 9add0eb
commit a66f5e3
Show file tree

Hide file tree

Showing 276 changed files with 2,969 additions and 3,269 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -3,9 +3,3 @@
 # be requested for review when someone opens a pull request.
 
 * @carbon-design-system/carbon-for-ibm-products-reviewers
-
-# Security package
-/packages/security/ @jlongshore @paul-balchin-ibm
-
-# Admins and team should be notified of changes to CI/CD workflows
-/.github/workflows @elycheea @matthewgallo @kennylam @carbon-design-system/carbon-for-ibm-products-development
diff --git a/.github/workflows/triage-labeled-issues.yml b/.github/workflows/triage-labeled-issues.yml
@@ -5,30 +5,48 @@ on:
     types: [ labeled ]
 
 jobs:
+  gen-token:
+    runs-on: ubuntu-latest
+    outputs:
+      token: ${{ steps.generate_token.outputs.token }}
+    steps:
+      - name: Generate token
+        uses: tibdex/github-app-token@3beb63f4bd073e61482598c45c71c1019b59b73a #v2.1.0
+        id: generate_token
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.APP_PRIVATE_KEY }}
+      - name: Save token
+        run: |
+          echo "token=${{ steps.generate_token.outputs.token }}" >> $GITHUB_OUTPUT
+
   move-ts-issues:
+    needs: gen-token
     if: ${{contains(github.event.label.name, format('area{0} typescript', ':'))}}
     uses: carbon-design-system/.github/.github/workflows/move-issue-to-project-and-set-fields.yml@main
     with:
       field: 'Area'
       field_option: '🟦 Typescript'
       project_number: '65'
     secrets:
-      token: ${{ secrets.ADD_TO_PROJECT_SET_FIELD }}
+      token: ${{ needs.gen-token.outputs.token }}
   move-migration-issues:
+    needs: gen-token
     if: ${{contains(github.event.label.name, format('area{0} migration ➡️', ':'))}}
     uses: carbon-design-system/.github/.github/workflows/move-issue-to-project-and-set-fields.yml@main
     with:
       field: 'Area'
       field_option: '🗺 Migration'
       project_number: '65'
     secrets:
-      token: ${{ secrets.ADD_TO_PROJECT_SET_FIELD }}
+      token: ${{ needs.gen-token.outputs.token }}
   move-a11y-issues:
+    needs: gen-token
     if: ${{contains(github.event.label.name, format('type{0} a11y ♿', ':'))}}
     uses: carbon-design-system/.github/.github/workflows/move-issue-to-project-and-set-fields.yml@main
     with:
       field: 'Area'
       field_option: '♿️ Accessibility'
       project_number: '65'
     secrets:
-      token: ${{ secrets.ADD_TO_PROJECT_SET_FIELD }}
+      token: ${{ needs.gen-token.outputs.token }}
diff --git a/.github/workflows/update-example-gallery.yml b/.github/workflows/update-example-gallery.yml
@@ -28,6 +28,13 @@ jobs:
       - name: Install
         run: yarn
 
+      - name: Generate token
+        uses: tibdex/github-app-token@3beb63f4bd073e61482598c45c71c1019b59b73a #v2.1.0
+        id: generate_token
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.APP_PRIVATE_KEY }}
+
       - name: Check gallery
         id: up_to_date
         run: |
@@ -47,7 +54,7 @@ jobs:
         id: create-pr
         uses: peter-evans/create-pull-request@v4
         with:
-          token: ${{ secrets.CREATE_PR_ACCESS_TOKEN }}
+          token: ${{ secrets.generate_token.outputs.token }}
           commit-message: 'chore: update example gallery'
           committer: GitHub <[email protected]>
           author:

diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -1,6 +1,6 @@
 module.exports = {
   extends: ['stylelint-config-carbon'],
-  plugins: ['stylelint-plugin-carbon-tokens'],
+  plugins: ['stylelint-plugin-carbon-tokens', 'stylelint-use-logical'],
   rules: {
     'max-nesting-depth': null,
     'scss/no-global-function-names': null,
@@ -14,5 +14,8 @@ module.exports = {
     'carbon/motion-easing-use': true,
     'carbon/theme-use': true,
     'carbon/type-use': true,
+
+    // CSS Logical properties
+    'csstools/use-logical': 'ignore',
   },
 };
diff --git a/config/babel-preset-ibm-cloud-cognitive/CHANGELOG.md b/config/babel-preset-ibm-cloud-cognitive/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.17.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/babel-preset-ibm-cloud-cognitive@[email protected]) (2025-01-27)
+
+**Note:** Version bump only for package babel-preset-ibm-cloud-cognitive
+
+
+
+
+
+# [0.16.0](https://github.com/carbon-design-system/ibm-products/compare/babel-preset-ibm-cloud-cognitive@[email protected]) (2025-01-22)
+
+**Note:** Version bump only for package babel-preset-ibm-cloud-cognitive
+
+
+
+
+
 # [0.16.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/babel-preset-ibm-cloud-cognitive@[email protected]) (2025-01-13)
 
 **Note:** Version bump only for package babel-preset-ibm-cloud-cognitive

diff --git a/config/babel-preset-ibm-cloud-cognitive/package.json b/config/babel-preset-ibm-cloud-cognitive/package.json
@@ -1,7 +1,7 @@
 {
   "name": "babel-preset-ibm-cloud-cognitive",
   "private": true,
-  "version": "0.16.0-rc.0",
+  "version": "0.17.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {

diff --git a/config/jest-config-ibm-cloud-cognitive/CHANGELOG.md b/config/jest-config-ibm-cloud-cognitive/CHANGELOG.md
@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.18.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/jest-config-ibm-cloud-cognitive@[email protected]) (2025-01-27)
+
+
+### Bug Fixes
+
+* update accessibility-checker version ([#6525](https://github.com/carbon-design-system/ibm-products/issues/6525)) ([d8c7051](https://github.com/carbon-design-system/ibm-products/commit/d8c70518087e7e41fdf1aa45cbbf692389058d56))
+
+
+
+
+
+# [1.17.0](https://github.com/carbon-design-system/ibm-products/compare/jest-config-ibm-cloud-cognitive@[email protected]) (2025-01-22)
+
+**Note:** Version bump only for package jest-config-ibm-cloud-cognitive
+
+
+
+
+
 # [1.17.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/jest-config-ibm-cloud-cognitive@[email protected]) (2025-01-13)
 
 

diff --git a/config/jest-config-ibm-cloud-cognitive/package.json b/config/jest-config-ibm-cloud-cognitive/package.json
@@ -1,7 +1,7 @@
 {
   "name": "jest-config-ibm-cloud-cognitive",
   "private": true,
-  "version": "1.17.0-rc.0",
+  "version": "1.18.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -39,7 +39,7 @@
     "accessibility-checker": "^3.1.78",
     "axe-core": "^4.8.3",
     "babel-jest": "^29.7.0",
-    "babel-preset-ibm-cloud-cognitive": "^0.16.0-rc.0",
+    "babel-preset-ibm-cloud-cognitive": "^0.17.0-rc.0",
     "chalk": "^4.1.2",
     "identity-obj-proxy": "^3.0.0",
     "jest-circus": "^29.7.0",

diff --git a/config/storybook-addon-carbon-theme/CHANGELOG.md b/config/storybook-addon-carbon-theme/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.8.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/[email protected]...@carbon/[email protected]) (2025-01-27)
+
+**Note:** Version bump only for package @carbon/storybook-addon-theme
+
+
+
+
+
+# [2.7.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/[email protected]...@carbon/[email protected]) (2025-01-22)
+
+**Note:** Version bump only for package @carbon/storybook-addon-theme
+
+
+
+
+
 # [2.7.0-rc.0](https://github.com/carbon-design-system/ibm-products/compare/@carbon/[email protected]...@carbon/[email protected]) (2025-01-13)
 
 **Note:** Version bump only for package @carbon/storybook-addon-theme

diff --git a/config/storybook-addon-carbon-theme/package.json b/config/storybook-addon-carbon-theme/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/storybook-addon-theme",
   "description": "Carbon theme switcher for Storybook",
-  "version": "2.7.0-rc.0",
+  "version": "2.8.0-rc.0",
   "license": "Apache-2.0",
   "main": "dist/react.js",
   "repository": {

diff --git a/e2e/components/NotificationsPanel/NotificationsPanel-test.avt.e2e.js b/e2e/components/NotificationsPanel/NotificationsPanel-test.avt.e2e.js
@@ -15,7 +15,7 @@ test.describe('NotificationsPanel @avt', () => {
   test('@avt-default-state', async ({ page }) => {
     await visitStory(page, {
       component: 'NotificationsPanel',
-      id: 'ibm-products-patterns-notifications-notificationspanel--default',
+      id: 'ibm-products-components-notifications-panel-notificationspanel--default',
       globals: {
         carbonTheme: 'white',
       },
@@ -28,7 +28,7 @@ test.describe('NotificationsPanel @avt', () => {
   test('@avt-notification-panel-focus-trap', async ({ page }) => {
     await visitStory(page, {
       component: 'NotificationsPanel',
-      id: 'ibm-products-patterns-notifications-notificationspanel--default',
+      id: 'ibm-products-components-notifications-panel-notificationspanel--default',
       globals: {
         carbonTheme: 'white',
       },

diff --git a/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/APIKeyModal/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/AboutModal/src/Example/_example.scss b/examples/carbon-for-ibm-products/AboutModal/src/Example/_example.scss
@@ -1,8 +1,8 @@
 @use '@carbon/react/scss/spacing' as *;
 
 .about-modal__tech-logo {
-  width: 2.25rem;
-  height: 2.25rem;
+  inline-size: 2.25rem;
+  block-size: 2.25rem;
   margin-right: $spacing-05;
   object-fit: contain;
 }
diff --git a/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/AboutModal/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/BigNumbers/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/Cascade/src/Example/_example.scss b/examples/carbon-for-ibm-products/Cascade/src/Example/_example.scss
@@ -2,8 +2,8 @@
 
 .box {
   display: inline-block;
-  width: 150px;
-  height: 150px;
+  inline-size: 150px;
+  block-size: 150px;
   // stylelint-disable-next-line carbon/layout-use
   margin: 1rem;
   // stylelint-disable-next-line carbon/theme-use

diff --git a/examples/carbon-for-ibm-products/Cascade/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/Cascade/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/Coachmark/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/Coachmark/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CoachmarkBeacon/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CoachmarkBeacon/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CoachmarkButton/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CoachmarkButton/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CoachmarkFixed/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CoachmarkFixed/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/...es/carbon-for-ibm-products/CoachmarkOverlayElement/src/ThemeSelector/_theme-dropdown.scss b/...es/carbon-for-ibm-products/CoachmarkOverlayElement/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/...s/carbon-for-ibm-products/CoachmarkOverlayElements/src/ThemeSelector/_theme-dropdown.scss b/...s/carbon-for-ibm-products/CoachmarkOverlayElements/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CoachmarkStack/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CoachmarkStack/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/ConditionBuilder/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/ConditionBuilder/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CreateFullPage/src/Example/_example.scss b/examples/carbon-for-ibm-products/CreateFullPage/src/Example/_example.scss
@@ -15,8 +15,8 @@ $preview-block-class: #{full-page-example}--create-full-page-sandbox;
   legend {
   position: absolute;
   overflow: hidden;
-  width: 1px;
-  height: 1px;
+  inline-size: 1px;
+  block-size: 1px;
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   white-space: nowrap;

diff --git a/examples/carbon-for-ibm-products/CreateFullPage/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CreateFullPage/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CreateModal/src/ThemeSelector/_theme-dropdown.scss b/examples/carbon-for-ibm-products/CreateModal/src/ThemeSelector/_theme-dropdown.scss
@@ -60,7 +60,7 @@
   position: fixed;
   bottom: 1rem; // stylelint-disable-line carbon/layout-use
   left: 1rem; // stylelint-disable-line carbon/layout-use
-  min-width: 11.5rem;
+  min-inline-size: 11.5rem;
 }
 
 .carbon-theme-dropdown .#{config.$prefix}--label {

diff --git a/examples/carbon-for-ibm-products/CreateSidePanel/src/Example/_example.scss b/examples/carbon-for-ibm-products/CreateSidePanel/src/Example/_example.scss
@@ -6,7 +6,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100vh;
+  block-size: 100vh;
 }
 
 $block-class: #{config.$pkg-prefix}--create-side-panel;