feat(web-components): migrate web components to the monorepo #17349

@query

* chore(search): update search stories to sb v7 * chore(select): update select stories to sb v7 * chore(select): trim back select imports * fix(select): use optional chaining on a @query property inside getter * chore(select): fix case on readOnly --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* fix(loading): update story to v7 * fix(modal): update to v7 * fix(checkbox): update to v7 * fix(list): update to v7 * fix(inline-loading): updated to v7 * fix(data-table): update to v7 * chore(prettier): ran formatter * fix(list): remove double mdxs * fix(markdown): replaced description * Update packages/carbon-web-components/src/components/list/ordered-list.stories.ts * Update packages/carbon-web-components/src/components/list/ordered-list.stories.ts --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* feat(layer): updated to v7 * feat(dropdown): update story * feat(combo-box): update to v7 * fix(stories): addressed feedback * fix(markdown): replaced description --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(notification): rename story files for sb v7 * chore(notification): update notification stories to sb v7 * chore(storybook): update spacing on CDN JS markdown docs --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(multi-select): rename story files for sb v7 * chore(multi-select): update file-uploader to sb v7 * chore(multi-select): include sb layer components, remove unused import * fix(multi-select): controls for disabled, readOnly and invalid --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(content-switcher): update content-switcher to sb v7 * fix(content-switcher): add imports for content-switcher dependencies * fix(content-switcher): fix css selector for icon only styles * fix(content-switcher): restore the size options * chore(content-switcher): include storybook layers components --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(accordion): first pass at updating accordion for sb v7 * chore(accordion): finish updating accordion to sb v7 * chore(accordion): tidy up excess import --------- Co-authored-by: Ignacio Becerra <i1becerr@ucsd.edu>

* chore(date-picker): rename for sb v7 * chore(date-picker): convert from knobs to controls * chore(date-picker): remove storyDocs parameter, causing local failures * chore(date-picker): add date picker descriptions from React storybook * chore(date-picker): include storybook layers components * chore(date-picker): add back actions in sb v7 format --------- Co-authored-by: Ignacio Becerra <i1becerr@ucsd.edu>

* chore(code-snippet): update code-snippet to sb v7 * chore(code-snippet): include storybook layers components * chore(code-snippet): include storybook layers components --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com> Co-authored-by: Ignacio Becerra <i1becerr@ucsd.edu>

* chore(number-input): update number-input stories to sb v7 * chore(number-input): fix case on readOnly --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* fix(tooltip): tooltip persists issue * chore(prettier): format code --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(icon-button): update icon-button stories to sb v7 * fix(icon-button): missing default label Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com> --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

### Related Ticket(s) Closes #none ### Description fixes old `on` import and changes it local import

…ate-picker-mixin-import

Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>

* chore(slug): update slug stories to sb v7 * chore(slug): update slug example stories to sb v7 * chore(slug): update slug data table stories to sb v7 * chore(slug): update slug form stories to sb v7

chore(merge): merge `release-cwc/v2.1.2` into `main`

* feat(toggle/toggletip): cwc controls * fix(toggletip): open prop * fix(toggletip): body text font --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* feat(structured-list): update to v7 * feat(tabs): update to v7 * feat(ui-shell): update to v7 * feat(text-input): update to v7 * feat(textarea): update to v7 * fix(prettier): ran prettier --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* chore(pagination): update pagination stories to sb v7 * fix(pagination): fix backward-text control * fix(pagination): specify page-input-disabled property as boolean --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

…11402) ### Related Ticket(s) Closes #11390 ### Description Fixed incorrect controls styles for readonly number input ### Changelog **New** - added some styles

### Related Ticket(s) Closes carbon-design-system/carbon-for-ibm-dotcom#10052 [Jira ticket](https://jsw.ibm.com/browse/ADCMS-4083) ### Description Fix for Labeles not appearing on Safari / IOS ### Changelog **Changed** - How labels on the select component are handled --- Opened to replace carbon-design-system/carbon-for-ibm-dotcom#11080

### Description Removes `openssl-legacy-provider` flag from `package.json` commands. Since `yarn.lock` has been cleaned this is no longer necessary. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - `openssl-legacy-provider` flag from `package.json` commands

### Description This updates `@babel/traverse` to resolve a critical vulnerability: https://github.com/carbon-design-system/carbon-for-ibm-dotcom/security/dependabot/224. ### Changelog **Changed** - update `@babel/traverse` to latest version

- @carbon/web-components@2.2.0-rc.0 - @carbon/ibmdotcom-services@2.2.0-rc.0 - @carbon/ibmdotcom-styles@2.2.0-rc.0 - @carbon/ibmdotcom-utilities@2.2.0-rc.0 - @carbon/ibmdotcom-web-components@2.2.0-rc.0

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.69.5` -> `~1.70.0`](https://renovatebot.com/diffs/npm/sass/1.69.5/1.70.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.70.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.70.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.69.5/1.70.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.69.5/1.70.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.70.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1700) [Compare Source](https://github.com/sass/dart-sass/compare/1.69.7...1.70.0) ##### JavaScript API - Add a `sass.initCompiler()` function that returns a `sass.Compiler` object which supports `compile()` and `compileString()` methods with the same API as the global Sass object. On the Node.js embedded host, each `sass.Compiler` object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient. - Add a `sass.initAsyncCompiler()` function that returns a `sass.AsyncCompiler` object which supports `compileAsync()` and `compileStringAsync()` methods with the same API as the global Sass object. On the Node.js embedded host, each `sass.AsynCompiler` object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient. ##### Embedded Sass - Support the `CompileRequest.silent` field. This allows compilations with no logging to avoid unnecessary request/response cycles. - The Dart Sass embedded compiler now reports its name as "dart-sass" rather than "Dart Sass", to match the JS API's `info` field. ### [`v1.69.7`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1697) [Compare Source](https://github.com/sass/dart-sass/compare/1.69.6...1.69.7) ##### Embedded Sass - In the JS Embedded Host, properly install the x64 Dart Sass executable on ARM64 Windows. ### [`v1.69.6`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1696) [Compare Source](https://github.com/sass/dart-sass/compare/1.69.5...1.69.6) - Produce better output for numbers with complex units in `meta.inspect()` and debugging messages. - Escape U+007F DELETE when serializing strings. - When generating CSS error messages to display in-browser, escape all code points that aren't in the US-ASCII region. Previously only code points U+0100 LATIN CAPITAL LETTER A WITH MACRON were escaped. - Provide official releases for musl LibC and for Android. - Don't crash when running `meta.apply()` in asynchronous mode. ##### JS API - Fix a bug where certain exceptions could produce `SourceSpan`s that didn't follow the documented `SourceSpan` API. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

…en there is white space before closing tag (#11430) …ite space before closing ### Related Ticket(s) Closes #11167 ### Description The label text of the web component does not show when there are spaces or line breaks before the closing tag. There is an unnamed slot in the component, which replaces the `<p>` tag with the white space inside the component. ### Changelog **Changed** - Named the slot the to `label-text`.

) ### Description The `build-storybook` is running twice since it is included in the `visual-snapshot` command. This removes the extra build command. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - remove `build-storybook` from `visual-snapshot`

### Related Ticket(s) Closes #11380 ### Description Adds new skeleton icon component ### Changelog **New** - skeleton icon readme, story, codesandbox examples

…#11423) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@carbon/pictograms-react](https://github.com/carbon-design-system/carbon) ([source](https://github.com/carbon-design-system/carbon/tree/HEAD/packages/pictograms-react)) | [`11.55.0` -> `11.56.0`](https://renovatebot.com/diffs/npm/@carbon%2fpictograms-react/11.55.0/11.56.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@carbon%2fpictograms-react/11.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@carbon%2fpictograms-react/11.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@carbon%2fpictograms-react/11.55.0/11.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@carbon%2fpictograms-react/11.55.0/11.56.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>carbon-design-system/carbon (@carbon/pictograms-react)</summary> ### [`v11.56.0`](https://github.com/carbon-design-system/carbon/compare/5dfe589ff6ce498c8f8040a55f05a15624e84df5...6d133d4f920b7c01f6ea2221938a339c14a85b42) [Compare Source](https://github.com/carbon-design-system/carbon/compare/5dfe589ff6ce498c8f8040a55f05a15624e84df5...6d133d4f920b7c01f6ea2221938a339c14a85b42) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

* feat(tile): update to storybook v7 * fix(tile): addressed comments * Update packages/carbon-web-components/src/components/tile/tile.stories.ts * Update packages/carbon-web-components/src/components/tile/tile.stories.ts --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

…0.0 (#11460) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [read-pkg-up](https://github.com/sindresorhus/read-pkg-up) | devDependencies | replacement | [`^7.0.0` -> `^11.0.0`](https://renovatebot.com/diffs/npm/read-pkg-up/7.0.1/) | This is a special PR that replaces `read-pkg-up` with the community suggested minimal stable replacement version. --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description {{Add a human-readable description / detail summary of what the PR is changing and any details around how and why}} {{If applicable, include a screenshot indicating an example or examples of what the PR is changing in the application}} ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}}

* feat(popover): convert to storybook 7: rename files * feat(popover): convert to storybook 7 * feat(popover): Change Storybook main file * feat(popover): Small code adjustments * feat(popover): Small code adjustment --------- Co-authored-by: Ignacio Becerra <i1becerr@ucsd.edu>

### Related Ticket(s) Closes #11349 ### Description To use Selection on DataTable, the documentation states that just need to add the `is-selectable` property in the cds-table tag and setting the prop will automatically set a numerical `selection-name` attribute to every row. This does not happen. ### Changelog **Changed** - Updated the selection functionality to check if `is-selectable` property set to the DataTable, and if so to add `selection-name` property to the rows.

### Related Ticket(s) ### Description Updates the masthead component's ~~CodeSandbox~~ Stackblitz examples with up-to-date demonstrations for v2. ### Changelog **Changed** - Updates masthead Stackblitz examples for v2.

* feat(skeleton-icon): new cwc component (#11434) ### Related Ticket(s) Closes #11380 ### Description Adds new skeleton icon component ### Changelog **New** - skeleton icon readme, story, codesandbox examples         * feat(skeleton-icon): storybook v7 --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

### Related Ticket(s) Closes #11179 ### Description For expansion table, filtering doesn't include the content in the expanded row. ### Changelog **Changed** - Updated the filter function to check the expanded row.

### Related Ticket(s) Closes #9827 ### Description the `refBottom` needs to be compared to the `containerTop`, so that the menu sticks to the bottom of button Example (using local `yarn pack`: https://codesandbox.io/p/devbox/test-overflowmenu-t4slfp?file=%2F.codesandbox%2Ftasks.json%3A1%2C241 live demo: https://t4slfp-9000.csb.app/ ### Changelog **New** - {{new thing}} **Changed** - changed `refBottom` to a let and then equal `refBottom = refBottom - containerTop;` - ^ wondering if this can be cleaned up code wise, but testing locally with overflow-menu it seems successful **Removed** - {{removed thing}}

### Related Ticket(s) Closes #11451 ### Description Setting default sort column for data table using `sort-direction` property doesn't work. ### Changelog **New** - Added a condition to check if during initial load `sort-direction` is set for any of the table header cells, and if so sort that column by default. **Changed** - Moved sorting into separate function so that it can be called during initial load as well as on click event on sort icons.

### Related Ticket(s) Closes #11147 ### Description The current tab is not correctly highlighted, the border-bottom color doesn't have the correct color: The Storybook is correctly showing the color but I cannot reproduce it in my project. I created a reproduction of the bug in stackblitz. Storybook: ![image](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/assets/24749324/114df562-bd03-416d-ad09-d060db4dbd41) Stackblitz ![image](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/assets/24749324/f6f11445-9b38-46fb-b394-8c95e5da90b5) Looking at the code in [this line](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/91e50fa5cfcd5a5b4950ad09bc76cc89b1dc09e0/packages/carbon-web-components/src/components/tabs/tabs.scss#L104) of the scss, the [selected] is appended to the tabs so the built selector is: :host(cds-tabs)[selected]. This is not a valid selector and it should be: :host(cds-tabs[selected]). I confirmed the compilation with the compiled source in the navigator. ### Changelog **New** - Set the style when the tab is selected with the correct selector. **Changed** **Removed** - Deleted the scss code that used the wrong selector.

### Description This updates the URLs for CDN artifacts in Storybook component documentation. ### Changelog **New** - {{new thing}} **Changed** - CDN URLs - update docs **Removed** - {{removed thing}}

### Description Upgrade Yarn to v4.1.0 ### Changelog **New** - {{new thing}} **Changed** - upgrade Yarn to v4.1.0 **Removed** - {{removed thing}}

### Related Ticket(s) #11271 Closes #11271 ### Description Just querying first element of dropdown and removing its `border-block-start-width` ### Changelog **Changed** - updated `dropdown.scss` with 5 new lines

### Related Ticket(s) #11350 ### Description Our current docs lack some of the events our components dispatch, this includes them in the JSDoc description using `@fires`. ### Changelog **New** - added missing events from component docs in CWC

Contributes to: carbon-design-system/carbon-labs#16 ### Description Very much a draft version of the SidePanel. It is currently based on the branch `clean_main`. It has a number of missing features Questions: - Button set does not re-order when stacked. I am uncertain if the behavior is possible with Web components - Story knobs not working as expected even when changing stories. Not found a declaration form that is either succinct or correctly updates even between stories. Ideally it should be possible to declare many stories with a single template and different default knobs. Review: - Feedback on the component produced so far would be useful, as it is the fist Web Component I have produced. For feature parity with the React SidePanel the following are required - [ ] button set to re-order when stacked - [ ] Selector-initial-focus not functional - [ ] Add 2nd step story - [ ] Fix action bar refresh bug - this is a circular resize/scroll issue in reality the HTML needs a refactor to correctly use sticky but that involves changing the IBM Products code carbon-design-system/ibm-products#4065 NOTES: - Storybooks feels a bit unwieldy for WebComponents, but that may just be use of V6 storybook.

### Related Ticket(s) Closes #11178 #11481 ### Description Sorting and Expansion option works individually, but sorting is not working when used along with expansion option in Data Table. Checking for `is-sortable` attribute during initial load seems to fix this issue. Selection option is enabled for Data table by default without adding the is-selectable attribute to the table element. ### Changelog **New** - A function to handle the sorting action is added. **Changed** - `is-sortable` attribute was being checked only for changeAttribute cases, this is updated to check on initial load too. - Added a condition to check if is-selectable attribute is added to the Data table component

### Related Ticket(s) Follows: #15596 & #15591 ### Description Updates Tile with carbon gradient ### Changelog **Changed** - new carbon upgrade (using RC atm -> will need to update to full release) - updated tile slug styles like core - the new core styles fix an error with number-input slug revert styles

- @carbon/web-components@2.3.0-rc.0 - @carbon/ibmdotcom-services@2.3.0-rc.0 - @carbon/ibmdotcom-styles@2.3.0-rc.0 - @carbon/ibmdotcom-utilities@2.3.0-rc.0 - @carbon/ibmdotcom-web-components@2.3.0-rc.0

### Related Ticket(s) Closes #11473 ### Description For data table, `cds-table-toolbar` and `cds-table-header-title` doesn't work together in firefox browser. Toolbar doesn't show. ### Changelog **Changed** - Updated the toolbar slot position. - Updated the style for toolbar and the container.

…#11493) ### Related Ticket(s) Closes #11483 ### Description Search is not working as expected with uppercase characters in query string. ### Changelog **Changed** - Updated the search logic to convert the query string as well as the main string to lowercase and then compare.

### Description Now that CSS logical properties are used throughout the project, there is no need for `rtl` artifacts to be built. This PR removes those builds. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - remove `rtl` builds and artifacts - remove Storybook `rtl` documentation

### Related Ticket(s) #15634 ### Description Removes Stackblitz iframes from Carbon web components Storybook to remove unapproved cookies. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - Stackblitz iframes from cwc Storybook

### Related Ticket(s) Closes #11475 ### Description copy button is getting hidden in code-snippet multi. ### Changelog **Changed** - added z-index: 10 to follow react styles

* feat(stack): update to v7 * chore(main): adjust configs and added story-source * docs(vite): replace webpack mentions to vite * docs(storybook): using non-deprecated import path * fix(skeleton-icon): moved to stackblitz folder * fix(docs): using markdown & remove doc parameter * fix(storybook): hide unattached mdx * fix(docs): remove variable * chore(prettier): format code --------- Co-authored-by: Kenny Lam <909118+kennylam@users.noreply.github.com>

- @carbon/web-components@2.3.0-rc.1 - @carbon/ibmdotcom-services@2.3.0-rc.1 - @carbon/ibmdotcom-styles@2.3.0-rc.1 - @carbon/ibmdotcom-utilities@2.3.0-rc.1 - @carbon/ibmdotcom-web-components@2.3.0-rc.1

### Related Ticket(s) Closes #11498 ### Description create cwc chat button ### Changelog **New** - chat button, chat button skeleton, examples, stories, readme

- @carbon/web-components@2.3.0 - @carbon/ibmdotcom-services@2.3.0 - @carbon/ibmdotcom-styles@2.3.0 - @carbon/ibmdotcom-utilities@2.3.0 - @carbon/ibmdotcom-web-components@2.3.0

### Related Ticket(s) Closes #11499 ### Description Update data table to new gradient updates with AI slug ### Changelog **New** - updated styles to align with gradient updates **Changed** - now `table.ts` checks if the headers have a slug and if so applies appropriate attributes to the cells in that column **Removed** - there was a border that seemed unnessary causing visual differences from wc and react

* chore(react): remove react wrapper * chore(deps): remove uneeded deps * fix(react): remove more react stuff

### Related Ticket(s) carbon-design-system/ibm-products#4141 ### Description Updates structure of SidePanel following restructure of @carbon/ibm-products SidePanel. This simplifies the HTML structure and title scroll animation. ### Changelog **Changed** - packages/carbon-web-components/src/components/side-panel/side-panel.scss - packages/carbon-web-components/src/components/side-panel/side-panel.ts

### Related Ticket(s) Closes #11505 ### Description new AI skeleton for text, popover, and icon ### Changelog **New** - added `optionalClasses` property so I could use the regular skeleton classes and add the AI ones as well - create new stories, readme, and examples - skeleton-text with paragraph option wasn't working in main, so reworked the code to get it working again **Changed** - updated carbon to 1.51 **Removed** - {{removed thing}}

### Related Ticket(s) Closes #11500 ### Description updates modal to latest AI gradient updates ### Changelog **New** - modal now checks if footer slotted for styles **Changed** - modal-footer reverted code back to only checking if there are three buttons - updated styles **Removed** - {{removed thing}}

Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>

Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>

- @carbon/web-components@2.4.0-rc.0 - @carbon/ibmdotcom-services@2.4.0-rc.0 - @carbon/ibmdotcom-styles@2.4.0-rc.0 - @carbon/ibmdotcom-utilities@2.4.0-rc.0 - @carbon/ibmdotcom-web-components@2.4.0-rc.0

* chore(storybook): add dotcom footer * fix(footer): md bkpt micro ibm logo not visible disable-locale-button --------- Co-authored-by: ariellalgilmore <ariellalgilmore@gmail.com>

* fix(tabs): container size wrong * fix(tabs-extended-media): spacing --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

* feat(popover): bring floating-ui in popover * feat(toggletip): toggletip with floating-ui * chore(toggletip): update toggletip story and add CSB * feat(tooltip): autoalign functionality with tooltip * feat(autoalign): slug styles * docs(autoalign): update storybook docs * docs(codesandbox): add CSB for autoalign * chore(docs): adjust spacing * feat(slug): optimize slug styles * feat(toggletip): adjust styles * feat(slug): separate the styles out * feat(slug): add after psuedo elem back * feat(slug): break out from parent selector * feat(slug): separate from parent selector * feat(slug): slug caret styles --------- Co-authored-by: Carbon for IBM.com Bot <53266321+ibmdotcom-bot@users.noreply.github.com>

- @carbon/web-components@2.4.0-rc.1 - @carbon/ibmdotcom-services@2.4.0-rc.1 - @carbon/ibmdotcom-styles@2.4.0-rc.1 - @carbon/ibmdotcom-utilities@2.4.0-rc.1 - @carbon/ibmdotcom-web-components@2.4.0-rc.1

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.70.0` -> `~1.71.0`](https://renovatebot.com/diffs/npm/sass/1.70.0/1.71.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.71.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.71.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.70.0/1.71.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.70.0/1.71.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.71.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1710) [Compare Source](https://github.com/sass/dart-sass/compare/1.70.0...1.71.0) For more information about `pkg:` importers, see [the announcement][pkg-importers] on the Sass blog. [pkg-importers]: https://sass-lang.com/blog/announcing-pkg-importers ##### Command-Line Interface - Add a `--pkg-importer` flag to enable built-in `pkg:` importers. Currently this only supports the Node.js package resolution algorithm, via `--pkg-importer=node`. For example, `@use "pkg:bootstrap"` will load `node_modules/bootstrap/scss/bootstrap.scss`. ##### JavaScript API - Add a `NodePackageImporter` importer that can be passed to the `importers` option. This loads files using the `pkg:` URL scheme according to the Node.js package resolution algorithm. For example, `@use "pkg:bootstrap"` will load `node_modules/bootstrap/scss/bootstrap.scss`. The constructor takes a single optional argument, which indicates the base directory to use when locating `node_modules` directories. It defaults to `path.dirname(require.main.filename)`. ##### Dart API - Add a `NodePackageImporter` importer that can be passed to the `importers` option. This loads files using the `pkg:` URL scheme according to the Node.js package resolution algorithm. For example, `@use "pkg:bootstrap"` will load `node_modules/bootstrap/scss/bootstrap.scss`. The constructor takes a single argument, which indicates the base directory to use when locating `node_modules` directories. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

### Description Adds config file and dependency necessary to start tracking telemetry data via [IBM Telemetry](https://github.com/ibm-telemetry/telemetry-js) for `@carbon/web-components` ### Changelog **New** - Adds @ibm/telemetry-js dependency - Adds [telemetry.yml](packages/carbon-web-components/telemetry.yml) config file - Please note telemetry config file has been configured to collect basic jsx and npm scope metrics. This means telemetry data will be collected for npm depedencies and component name (only) usage. Additional JSX configurations (`allowedAttributeNames `, `allowedAttributeStringValues`) are required to get prop name/value usage, for more information please see [telemetry config schema](https://github.com/ibm-telemetry/telemetry-config-schema?tab=readme-ov-file#jsx-scope). - Adds readme telemetry disclosure - Adds postinstall script to use IBM telemetry command **Changed** - Include `telemetry.yml` in package.json files config ### Review Please look through package.json config file and ensure all necessary modifications have been made so that the "telemetry.yml" config file is included in the release version of this package. **PLEASE NOTE:** In order for IBM Telemetry to start collecting data for these projects, a new build must be published including these changes.

* feat(autoalign): add autoUpdate functionality * feat(autoalign): setting autoUpdate in toggletip * chore(toggletip): add desc of controller instance * feat(autoalign): update to controller * chore(toggletip): remove the unnecessary async * feat(slug): add rotate for caret back * feat(slug): slug hollow caret styles adjust

- @carbon/web-components@2.4.0-rc.2 - @carbon/ibmdotcom-services@2.4.0-rc.2 - @carbon/ibmdotcom-styles@2.4.0-rc.2 - @carbon/ibmdotcom-utilities@2.4.0-rc.2 - @carbon/ibmdotcom-web-components@2.4.0-rc.2

- @carbon/web-components@2.4.0-rc.3 - @carbon/ibmdotcom-services@2.4.0-rc.3 - @carbon/ibmdotcom-styles@2.4.0-rc.3 - @carbon/ibmdotcom-utilities@2.4.0-rc.3 - @carbon/ibmdotcom-web-components@2.4.0-rc.3

Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>

- @carbon/web-components@2.4.0-rc.4 - @carbon/ibmdotcom-services@2.4.0-rc.4 - @carbon/ibmdotcom-styles@2.4.0-rc.4 - @carbon/ibmdotcom-utilities@2.4.0-rc.4 - @carbon/ibmdotcom-web-components@2.4.0-rc.4

- @carbon/web-components@2.4.0 - @carbon/ibmdotcom-services@2.4.0 - @carbon/ibmdotcom-styles@2.4.0 - @carbon/ibmdotcom-utilities@2.4.0 - @carbon/ibmdotcom-web-components@2.4.0

* chore: tearsheet wip * feat: add navigation * feat: add influencer * feat: update to ai v2 styling * fix: header actions location * Merge branch 'main' into cwc-tearsheet * Update packages/carbon-web-components/src/components/side-panel/side-panel.ts Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> * Update packages/carbon-web-components/src/components/tearsheet/tearsheet.scss Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> * fix: review updates * fix: cds usage in tearsheet styles --------- Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com>

* Fixing display of invalid-text and warn-text * chore(prettier): format code --------- Co-authored-by: Kenny Lam <909118+kennylam@users.noreply.github.com>

### Related Ticket(s) Closes #11490 ### Description In Date picker element, dev tool console shows error `Uncaught TypeError: fp.getDateStr is not a function`. ### Changelog **Removed** - Removed custom event handling function.

* feat(storybook): upgrade dotcom-wc to sb7 --------- Co-authored-by: IgnacioBecerra <i1becerr@ucsd.edu>

### Related Ticket(s) Closes #11268 [Jira ticket](https://jsw.ibm.com/browse/ADCMS-4401) ### Description Fixes accessibility issues with Combo-box, and by extension Dropdown. Used both React package (which uses [Downshift](https://www.downshift-js.com/)), and [ARIA APG](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) as references. Tested with VoiceOver on Mac OS. ### Testing * Use both dropdown and combo-box components. Ensure there are no regressions for sighted users * Using a screenreader, test both dropdown and combo-box components. Should work well. See [Select-Only Combobox Example](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/) and [Editable Combobox With List Autocomplete Example](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/) are great reference examples. * Regression test the Multi select component (it extends the Dropdown component) ### Changelog **Changed** - Improved dropdown and combo-box accessibility.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: side panel story slug * fix: remove slug slot in story * fix: remove slug-container classname --------- Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore: tearsheet wip * feat: add navigation * feat: add influencer * feat: update to ai v2 styling * fix: header actions location * Merge branch 'main' into cwc-tearsheet * Update packages/carbon-web-components/src/components/side-panel/side-panel.ts Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> * Update packages/carbon-web-components/src/components/tearsheet/tearsheet.scss Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> * fix: review updates * fix: cds usage in tearsheet styles * feat: add stacking ability to tearsheet * chore: review remove slot="slug" * fix: lock file * fix: remove slug-container classname --------- Co-authored-by: Ariella Gilmore <ariellalgilmore@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

### Changelog **Changed** - update README for `@carbon/web-components`

### Description This removes unneeded `rtl` documentation and dependencies. ### Changelog **New** **Removed** - `rtl` deps and docs

#11602) ### Related Ticket(s) Closes #10963 ### Description This PR updates the content switcher to fetch the current content switcher item even when an icon within the item is clicked ### Changelog **New** - `_getCurrentItem` method **Changed** - content-switcher click handler

This updates the repository to Carbon v1.52.0.

- @carbon/web-components@2.5.0-rc.0 - @carbon/ibmdotcom-services@2.5.0-rc.0 - @carbon/ibmdotcom-styles@2.5.0-rc.0 - @carbon/ibmdotcom-utilities@2.5.0-rc.0 - @carbon/ibmdotcom-web-components@2.5.0-rc.0

Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com>

- @carbon/web-components@2.5.0-rc.1 - @carbon/ibmdotcom-web-components@2.5.0-rc.1

- @carbon/web-components@2.5.0 - @carbon/ibmdotcom-services@2.5.0 - @carbon/ibmdotcom-styles@2.5.0 - @carbon/ibmdotcom-utilities@2.5.0 - @carbon/ibmdotcom-web-components@2.5.0

…1626) * fix(cdn): emit the CSS grid classes in a new artifact cssgrid.css * fix(grid-cdn): add path to root node_modules --------- Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com> Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com>

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.71.0` -> `~1.72.0`](https://renovatebot.com/diffs/npm/sass/1.71.0/1.72.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.72.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.72.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.71.0/1.72.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.71.0/1.72.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.72.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1720) [Compare Source](https://github.com/sass/dart-sass/compare/1.71.1...1.72.0) - Support adjacent `/`s without whitespace in between when parsing plain CSS expressions. - Allow the Node.js `pkg:` importer to load Sass stylesheets for `package.json` `exports` field entries without extensions. - When printing suggestions for variables, use underscores in variable names when the original usage used underscores. ##### JavaScript API - Properly resolve `pkg:` imports with the Node.js package importer when arguments are passed to the JavaScript process. ### [`v1.71.1`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1711) [Compare Source](https://github.com/sass/dart-sass/compare/1.71.0...1.71.1) ##### Command-Line Interface - Ship the musl Linux release with the proper Dart executable. ##### JavaScript API - Export the `NodePackageImporter` class in ESM mode. - Allow `NodePackageImporter` to locate a default directory even when the entrypoint is an ESM module. ##### Dart API - Make passing a null argument to `NodePackageImporter()` a static error rather than just a runtime error. ##### Embedded Sass - In the JS Embedded Host, properly install the musl Linux embedded compiler when running on musl Linux. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

### Related Ticket(s) Closes #11635 ### Description Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers. ### Changelog **Changed** - Adds the file extension to the import path for `lit/directives/if-defined.js` to fix issues with some bundlers.

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@carbon/icons](https://github.com/carbon-design-system/carbon) ([source](https://github.com/carbon-design-system/carbon/tree/HEAD/packages/icons)) | [`10.48.3` -> `10.48.4`](https://renovatebot.com/diffs/npm/@carbon%2ficons/10.48.3/10.48.4) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@carbon%2ficons/10.48.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@carbon%2ficons/10.48.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@carbon%2ficons/10.48.3/10.48.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@carbon%2ficons/10.48.3/10.48.4?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>carbon-design-system/carbon (@carbon/icons)</summary> ### [`v10.48.4`](https://github.com/carbon-design-system/carbon/compare/3b6545bc316a6bd2a0fd1d8182e6d0d3afe7e7ba...4e41819f51f1294d467e12995c217ed83f695249) [Compare Source](https://github.com/carbon-design-system/carbon/compare/3b6545bc316a6bd2a0fd1d8182e6d0d3afe7e7ba...4e41819f51f1294d467e12995c217ed83f695249) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

…gin-terser ^0.1.0 (#11641) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [rollup-plugin-terser](https://github.com/TrySound/rollup-plugin-terser) | devDependencies | replacement | [`^7.0.2` -> `^0.1.0`](https://renovatebot.com/diffs/npm/rollup-plugin-terser/7.0.2/) | This is a special PR that replaces `rollup-plugin-terser` with the community suggested minimal stable replacement version. --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

- @carbon/web-components@2.6.0-rc.0 - @carbon/ibmdotcom-services@2.6.0-rc.0 - @carbon/ibmdotcom-styles@2.6.0-rc.0 - @carbon/ibmdotcom-utilities@2.6.0-rc.0 - @carbon/ibmdotcom-web-components@2.6.0-rc.0

…11675) ### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description Resolving merge conflicts from the `release/v2.6.0` branch

- @carbon/web-components@2.7.0-rc.0 - @carbon/ibmdotcom-services@2.7.0-rc.0 - @carbon/ibmdotcom-styles@2.7.0-rc.0 - @carbon/ibmdotcom-utilities@2.7.0-rc.0 - @carbon/ibmdotcom-web-components@2.7.0-rc.0

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.72.0` -> `~1.74.0`](https://renovatebot.com/diffs/npm/sass/1.72.0/1.74.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.74.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.74.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.72.0/1.74.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.72.0/1.74.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.74.1`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1741) [Compare Source](https://github.com/sass/dart-sass/compare/1.72.0...1.74.1) - No user-visible changes. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

- @carbon/web-components@2.7.0 - @carbon/ibmdotcom-services@2.7.0 - @carbon/ibmdotcom-styles@2.7.0 - @carbon/ibmdotcom-utilities@2.7.0 - @carbon/ibmdotcom-web-components@2.7.0

…-dotcom into feat/dotcom-wc-sb8

chore(cwc): sb8 upgrade and main merge

### Related Ticket(s) Closes #[11674](carbon-design-system/carbon-for-ibm-dotcom#11674) ### Description Following changes from Carbon core (#15943) to update the AI slug. This sets the `hollow` variation to default. <img width="716" alt="Screenshot 2024-04-11 at 4 24 29 PM" src="https://github.com/carbon-design-system/carbon-for-ibm-dotcom/assets/54281166/11b971cf-70dd-406e-87f2-8bc824c92d28"> ### Changelog **Changed** - set `hollow` variation styles to be the default slug styles - adjust box-shadow values to match changes from Carbon **Removed** - remove references to the `hollow` slug variation - removed the dot-type property from slug

### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description The `dot-type` prop was removed with the slug updates, so removing from storybook as well ### Changelog **Removed** - `dot-type` prop references in storybook

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.74.0` -> `~1.75.0`](https://renovatebot.com/diffs/npm/sass/1.74.1/1.75.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.75.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.75.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.74.1/1.75.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.74.1/1.75.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.75.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1750) [Compare Source](https://github.com/sass/dart-sass/compare/1.74.1...1.75.0) - Fix a bug in which stylesheet canonicalization could be cached incorrectly when custom importers or the Node.js package importer made decisions based on the URL of the containing stylesheet. ##### JS API - Allow `importer` to be passed without `url` in `StringOptionsWithImporter`. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description Making sure we're consistent with using the `carbon-element` decorator for all our components in CWC ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}}

- @carbon/web-components@2.8.0-rc.0 - @carbon/ibmdotcom-services@2.8.0-rc.0 - @carbon/ibmdotcom-styles@2.8.0-rc.0 - @carbon/ibmdotcom-utilities@2.8.0-rc.0 - @carbon/ibmdotcom-web-components@2.8.0-rc.0

- @carbon/web-components@2.8.0 - @carbon/ibmdotcom-services@2.8.0 - @carbon/ibmdotcom-styles@2.8.0 - @carbon/ibmdotcom-utilities@2.8.0 - @carbon/ibmdotcom-web-components@2.8.0

### Related Ticket(s) N/A ### Description Updates `@ibm/telemetry-js` dependency to latest version in all instrumented packages and adds [JS Scope](https://github.com/ibm-telemetry/telemetry-config-schema?tab=readme-ov-file#js-scope) config to applicable packages. ### Changelog **Changed** ***@carbon/web-components*** - Update `@ibm/telemetry-js` version to 1.5.0 ***@carbon/ibmdotcom-services*** - Update `@ibm/telemetry-js` version to 1.5.0 - Add [JS Scope](https://github.com/ibm-telemetry/telemetry-config-schema?tab=readme-ov-file#js-scope) - functions only - config to `telemetry.yml` ***@carbon/ibmdotcom-styles*** - Update `@ibm/telemetry-js` version to 1.5.0 ***@carbon/ibmdotcom-utilities*** - Update `@ibm/telemetry-js` version to 1.5.0 - Add [JS Scope](https://github.com/ibm-telemetry/telemetry-config-schema?tab=readme-ov-file#js-scope) - functions only - config to `telemetry.yml` ***@carbon/ibmdotcom-web-components*** - Update `@ibm/telemetry-js` version to 1.5.0 - Add [JS Scope](https://github.com/ibm-telemetry/telemetry-config-schema?tab=readme-ov-file#js-scope) - tokens only - config to `telemetry.yml`

### Related Ticket(s) Closes #11742 ### Description This PR center aligns data table checkboxes within their flexbox divs in order to avoid reliance on inconsistent `vertical-align` implementations across various browsers ### Changelog **New** - data table checkbox flexbox alignment rule

This updates the repository to Carbon v1.56.0.

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.75.0` -> `~1.76.0`](https://renovatebot.com/diffs/npm/sass/1.75.0/1.76.0) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.76.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.76.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.75.0/1.76.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.75.0/1.76.0?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.76.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1760) [Compare Source](https://github.com/sass/dart-sass/compare/1.75.0...1.76.0) - Throw errors for misplaced statements in keyframe blocks. - Mixins and functions whose names begin with `--` are now deprecated for forwards-compatibility with the in-progress CSS functions and mixins spec. This deprecation is named `css-function-mixin`. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

- @carbon/web-components@2.9.0-rc.0 - @carbon/ibmdotcom-services@2.9.0-rc.0 - @carbon/ibmdotcom-styles@2.9.0-rc.0 - @carbon/ibmdotcom-utilities@2.9.0-rc.0 - @carbon/ibmdotcom-web-components@2.9.0-rc.0

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@carbon/icons](https://github.com/carbon-design-system/carbon) ([source](https://github.com/carbon-design-system/carbon/tree/HEAD/packages/icons)) | [`10.48.4` -> `10.48.5`](https://renovatebot.com/diffs/npm/@carbon%2ficons/10.48.4/10.48.5) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@carbon%2ficons/10.48.5?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@carbon%2ficons/10.48.5?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@carbon%2ficons/10.48.4/10.48.5?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@carbon%2ficons/10.48.4/10.48.5?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>carbon-design-system/carbon (@carbon/icons)</summary> ### [`v10.48.5`](https://github.com/carbon-design-system/carbon/compare/4e41819f51f1294d467e12995c217ed83f695249...37eae9c2cd0cf3522e56f8456e99901245ebda85) [Compare Source](https://github.com/carbon-design-system/carbon/compare/4e41819f51f1294d467e12995c217ed83f695249...37eae9c2cd0cf3522e56f8456e99901245ebda85) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

This updates the repository to Carbon v1.57.0.

### Description Upgrade `@percy/cli` to v1.28.5 which supports the [shadowrootmode](https://developer.chrome.com/blog/chrome-119-beta#remove_non-standard_shadowroot_attribute_for_declarative_shadow_dom) attribute. ### Changelog **Changed** - upgrade `@percy/cli` to v1.28.5

* fix(tearsheet): import modal and separate nested selectors * fix(tearsheet): codesandbox example * Update packages/carbon-web-components/examples/codesandbox/basic/components/tearsheet/index.html

[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [sass](https://github.com/sass/dart-sass) | [`~1.76.0` -> `~1.77.0`](https://renovatebot.com/diffs/npm/sass/1.76.0/1.77.2) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.77.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.77.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.76.0/1.77.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.76.0/1.77.2?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>sass/dart-sass (sass)</summary> ### [`v1.77.2`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1772) [Compare Source](https://github.com/sass/dart-sass/compare/1.77.1...1.77.2) - Don't emit deprecation warnings for functions and mixins beginning with `__`. - Allow user-defined functions whose names begin with `_` and otherwise look like vendor-prefixed functions with special CSS syntax. ##### Command-Line Interface - Properly handle the `--silence-deprecation` flag. - Handle the `--fatal-deprecation` and `--future-deprecation` flags for `--interactive` mode. ### [`v1.77.1`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1771) [Compare Source](https://github.com/sass/dart-sass/compare/1.77.0...1.77.1) - Fix a crash that could come up with importers in certain contexts. ### [`v1.77.0`](https://github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1770) [Compare Source](https://github.com/sass/dart-sass/compare/1.76.0...1.77.0) - *Don't* throw errors for at-rules in keyframe blocks. </details> --- ### Configuration 📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied. ♻ **Rebasing**: Never, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).

…-dotcom into feat/cwc-sb8-merge-main

chore(merge): merge latest `main` into feature branch

…#11821) ### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description Adds missing icon-button import to side-panel Also improves the codesandbox example ### Changelog **Changed** - working codesandbox example - added icon-button import to side-panel

- @carbon/web-components@2.10.0-rc.0 - @carbon/ibmdotcom-services@2.10.0-rc.0 - @carbon/ibmdotcom-styles@2.10.0-rc.0 - @carbon/ibmdotcom-utilities@2.10.0-rc.0 - @carbon/ibmdotcom-web-components@2.10.0-rc.0

This updates the repository to Carbon v1.58.0.

https://jsw.ibm.com/browse/ADCMS-5191 Fixes the focus trapping on the left-nav component **Changed** - Fixes the focus trapping on the left-nav component - Open the masthead story - Reduce viewport width to get the mobile version of the nav - Open the left-nav with the keyboard - Ensure focus moves to the first item in the left-nav on open - Ensure focus is trapped in the left-nav, cycling between the close button & last link/button element in both directions.

- @carbon/web-components@2.11.0-rc.0 - @carbon/ibmdotcom-services@2.11.0-rc.0 - @carbon/ibmdotcom-styles@2.11.0-rc.0 - @carbon/ibmdotcom-utilities@2.11.0-rc.0 - @carbon/ibmdotcom-web-components@2.11.0-rc.0

)

- @carbon/web-components@2.11.0 - @carbon/ibmdotcom-services@2.11.0 - @carbon/ibmdotcom-styles@2.11.0 - @carbon/ibmdotcom-utilities@2.11.0 - @carbon/ibmdotcom-web-components@2.11.0

…#11989) ### Related Ticket(s) Closes # {{Provide issue number link(s) to the related ticket(s) that this pull request addresses}} ### Description Adopter running into issues with accordion component when using the accordion in multiple libraries as the `accordion-skeleton` component is not using the `carbonElement` decorator. This PR also fixes a couple smaller issues with missing the `select` import in the `pagination/index.js` file and missing stylesheet import for the `dropdown` stackblitz example ### Changelog **Changed** - `accordion-skeleton` to use custom `carbonElement` decorator - add `select` import in the `pagination/index.js` file - include stylesheet import in the `dropdown` example

…on into feat/carbon-web-components

…at/carbon-web-components

…-system/carbon into feat/carbon-web-components

…at/carbon-web-components

Commits on Apr 4, 2024

chore(merge): merge main into branch

annawen1 committed Apr 4, 2024

Configuration menu

View commit details

Copy full SHA for b3b9b34

Browse repository at this point

Copy the full SHA

b3b9b34 View commit details

Browse the repository at this point in the history

Commits on Apr 10, 2024

chore(merge): resolve merge conflicts

annawen1 committed Apr 10, 2024

Configuration menu

View commit details

Copy full SHA for 3e4548d

Browse repository at this point

Copy the full SHA

3e4548d View commit details

Browse the repository at this point in the history

Commits on Apr 16, 2024

chore(merge): resolve merge conflicts

annawen1 committed Apr 16, 2024

Configuration menu

View commit details

Copy full SHA for 0c92a09

Browse repository at this point

Copy the full SHA

0c92a09 View commit details

Browse the repository at this point in the history

Commits on Apr 18, 2024

chore(merge): resolve merge conflicts

annawen1 committed Apr 18, 2024

Configuration menu

View commit details

Copy full SHA for 715e48c

Browse repository at this point

Copy the full SHA

715e48c View commit details

Browse the repository at this point in the history

Commits on Apr 24, 2024

chore(merge): resolve merge conflicts

annawen1 committed Apr 24, 2024

Configuration menu

View commit details

Copy full SHA for 59e8903

Browse repository at this point

Copy the full SHA

59e8903 View commit details

Browse the repository at this point in the history

Commits on Jun 12, 2024

chore(deps): remove unused deps

kennylam committed Jun 12, 2024

Configuration menu

View commit details

Copy full SHA for e3588b7

Browse repository at this point

Copy the full SHA

e3588b7 View commit details

Browse the repository at this point in the history

Commits on Jun 18, 2024

chore(build): clean up build file

kennylam committed Jun 18, 2024

Configuration menu

View commit details

Copy full SHA for 4ab2fac

Browse repository at this point

Copy the full SHA

4ab2fac View commit details

Browse the repository at this point in the history

Commits on Jul 1, 2024

chore(rollup): rollup config

annawen1 committed Jul 1, 2024

Configuration menu

View commit details

Copy full SHA for 6ba4437

Browse repository at this point

Copy the full SHA

6ba4437 View commit details

Browse the repository at this point in the history

Commits on Jul 5, 2024

chore(build): set external dependencies

annawen1 committed Jul 5, 2024

Configuration menu

View commit details

Copy full SHA for ae8eaab

Browse repository at this point

Copy the full SHA

ae8eaab View commit details

Browse the repository at this point in the history

Commits on Jul 17, 2024

chore(rollup): carbon icon build

annawen1 committed Jul 17, 2024

Configuration menu

View commit details

Copy full SHA for 09b9b1e

Browse repository at this point

Copy the full SHA

09b9b1e View commit details

Browse the repository at this point in the history

Commits on Jul 19, 2024

chore(rollup): emit type files for icons

annawen1 committed Jul 19, 2024

Configuration menu

View commit details

Copy full SHA for 047bb45

Browse repository at this point

Copy the full SHA

047bb45 View commit details

Browse the repository at this point in the history

Commits on Sep 5, 2024

chore(merge): resolve merge conflicts

annawen1 committed Sep 5, 2024

Configuration menu

View commit details

Copy full SHA for c22a7ed

Browse repository at this point

Copy the full SHA

c22a7ed View commit details

Browse the repository at this point in the history

feat(web-components): migrate web components to the monorepo #17349

feat(web-components): migrate web components to the monorepo #17349

Commits on Jan 10, 2024

Commits on Jan 11, 2024

Commits on Jan 17, 2024

Commits on Jan 18, 2024

Commits on Jan 19, 2024

Commits on Jan 20, 2024

Commits on Jan 22, 2024

Commits on Jan 23, 2024

Commits on Jan 24, 2024

Commits on Jan 29, 2024

Commits on Jan 30, 2024

Commits on Jan 31, 2024

Commits on Feb 1, 2024

Commits on Feb 2, 2024

Commits on Feb 5, 2024

Commits on Feb 6, 2024

Commits on Feb 7, 2024

Commits on Feb 9, 2024

Commits on Feb 10, 2024

Commits on Feb 12, 2024

Commits on Feb 13, 2024

Commits on Feb 16, 2024

Commits on Feb 19, 2024

Commits on Feb 20, 2024

Commits on Feb 21, 2024

Commits on Feb 22, 2024

Commits on Feb 23, 2024

Commits on Feb 26, 2024

Commits on Feb 27, 2024

Commits on Feb 28, 2024

Commits on Feb 29, 2024

Commits on Mar 1, 2024

Commits on Mar 5, 2024

Commits on Mar 6, 2024

Commits on Mar 7, 2024

Commits on Mar 11, 2024

Commits on Mar 15, 2024

Commits on Mar 19, 2024

Commits on Mar 20, 2024

Commits on Mar 21, 2024

Commits on Mar 28, 2024

Commits on Apr 2, 2024

Commits on Apr 4, 2024

Commits on Apr 8, 2024

Commits on Apr 9, 2024

Commits on Apr 10, 2024

Commits on Apr 15, 2024

Commits on Apr 16, 2024

Commits on Apr 17, 2024

Commits on Apr 18, 2024

Commits on Apr 23, 2024

Commits on Apr 24, 2024

Commits on Apr 26, 2024

Commits on Apr 29, 2024

Commits on May 2, 2024

Commits on May 3, 2024

Commits on May 4, 2024

Commits on May 6, 2024

Commits on May 13, 2024

Commits on May 14, 2024

Commits on May 15, 2024

Commits on May 16, 2024

Commits on May 20, 2024

Commits on May 24, 2024

Commits on Jun 11, 2024

Commits on Jun 12, 2024

Commits on Jun 13, 2024

Commits on Jun 18, 2024

Commits on Jul 1, 2024

Commits on Jul 5, 2024

Commits on Jul 15, 2024

Commits on Jul 16, 2024

Commits on Jul 17, 2024

Commits on Jul 18, 2024

Commits on Jul 19, 2024

Commits on Jul 23, 2024

Commits on Jul 24, 2024

Commits on Jul 30, 2024