From a73996c976f0a7759e346a11b45e7d07dbb902d9 Mon Sep 17 00:00:00 2001 From: Anna Wen <54281166+annawen1@users.noreply.github.com> Date: Fri, 14 Jul 2023 16:15:56 -0400 Subject: [PATCH] chore(merge): resolve merge conflicts from main (#10679) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * chore(release): publish - @carbon/web-components@1.24.0-rc.0 - @carbon/eslint-config-ibmdotcom@1.34.0-rc.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.33.0-rc.0 - @carbon/eslint-plugin-react-prop-type-comments@1.33.0-rc.0 - @carbon/ibmdotcom-react@1.43.0-rc.0 - @carbon/ibmdotcom-services-store@1.43.0-rc.0 - @carbon/ibmdotcom-services@1.43.0-rc.0 - @carbon/storybook-addon-theme@1.34.0-rc.0 - @carbon/stylelint-config-ibmdotcom@1.33.0-rc.0 - @carbon/ibmdotcom-styles@1.43.0-rc.0 - @carbon/ibmdotcom-utilities@1.43.0-rc.0 - @carbon/ibmdotcom-web-components@1.28.0-rc.0 * chore(cwc): generate cwc internal vendor package (#9953) ### Related Ticket(s) [carbon-web-components]: updating build scripts to use internal vendor packages #9763 ### Description This PR adds the the gulp tasks to build cwc to the internal vendor folder and changes the paths in web-components to reference the internal files instead. ### Changelog **New** - add to the gulp tasks in `web-components` to build out the `carbon-web-components` internal vendor package **Changed** - change paths to reference the internal `carbon-web-components` vendor files instead * fix(issue-template): add cwc option (#9967) * fix(styles): downgrade sass version as there is an issue with @extend (#9973) ### Related Ticket(s) {{Provide url(s) to the related ticket(s) that this pull request addresses}} ### Description There seems to be an issue with `@extend` in the recent upgrade of `sass`. Downgrading `sass` version until there is fix ### Changelog **Changed** - downgrade sass back to `~1.40.0` **Removed** - band-aid fixes that should be resolved with the `sass` downgrade * chore(changelog): incorporate cwc into change log task (#9975) * chore(release): publish - @carbon/web-components@1.24.0-rc.1 - @carbon/ibmdotcom-web-components@1.28.0-rc.1 * chore(release): publish - @carbon/web-components@1.24.0 - @carbon/eslint-config-ibmdotcom@1.34.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.33.0 - @carbon/eslint-plugin-react-prop-type-comments@1.33.0 - @carbon/ibmdotcom-react@1.43.0 - @carbon/ibmdotcom-services-store@1.43.0 - @carbon/ibmdotcom-services@1.43.0 - @carbon/storybook-addon-theme@1.34.0 - @carbon/stylelint-config-ibmdotcom@1.33.0 - @carbon/ibmdotcom-styles@1.43.0 - @carbon/ibmdotcom-utilities@1.43.0 - @carbon/ibmdotcom-web-components@1.28.0 * fix(tabs-extended-media): safari hover (#9974) ### Related Ticket(s) #9963 ### Description Safari causing tabs extended media to resize on hover ### Changelog **New** - added `width: 100%` to keep from tabs-extended-media changing size on hover * chore(platform): add indexing file for `carbon-web-components` (#9960) ### Description Index the `carbon-web-components` package with Carbon Platform. @francinelucca For `externalDocsUrl` and `usage`/`style`/`a11y` paths, I've kept the links pointing to Carbon React documentation. Since `carbon-web-components` should (eventually) mirror the React components, I think it's a good idea to treat those as the canonical docs? Let me know what you think. Also please let me know if there is anything missing, for instance icons. Not sure where those should be added and if we even have one we should be using. ### Changelog **New** - `carbon.yml` index file for `carbon-web-components` package * fix(cloud-masthead): address various visual bugs (#9927) ### Related Ticket(s) https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/9926 https://jsw.ibm.com/browse/ADCMS-2742 ### Description Minor CSS changes were necessary to address all four issues as laid out nicely in the issue / ticket. ### Changelog **Changed** - fix arrow color on cloud masthead category header - fix unintended vertical scroll bar in the cloud masthead - fix hover color of the mega menu category link description - fix focus styles on top nav link * fix(leadspace): adjust left position of leadspace to cover Safari gap (#9903) ### Related Ticket(s) Closes: [#9896](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/9896) [ADCMS-2853](https://jsw.ibm.com/browse/ADCMS-2853) ### Description This implements a workaround to cover off the Safari edge case bug with the Leadspace component. Nudging the svg gradient by -1px, and covering that adjustment to the right edge with `calc`. ### Testing instructions - [ ] Open the Leadspace component in Storybook in Safari. Zoom in and out with browser controls. - [ ] You should no longer exhibit the issue of the gradient peeking out from the background as noted in the issue, and represented here for reference: 211601432-e4f67595-ee7f-4a6f-b3cd-ee8384cc1767 - [ ] Review in Chrome / Firefox, should be no regressions - [ ] Test the "Lead space > Centered *" stories to ensure no regressions have appeared there either. ### Changelog **Changed** - Adjusted SVG leadspace gradient position to cover an edge case bug in Safari * fix(table-of-contents): adjustment to z-index on table of contents styles (#9957) ### Related Ticket(s) Resolves https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/9949 Jira: https://jsw.ibm.com/browse/ADCMS-2594 Jira: https://jsw.ibm.com/browse/ADCMS-2829 Jira: https://jsw.ibm.com/browse/ADCMS-2488 ### Description Bumps the `z-index` on the Table of contents (TOC) so that the mobile view rises above components like carousel's and accordions that declare a modest `z-index`. To test, make use of the Web Components Code Sandbox Examples e2e testing environment that was built for this PR: https://webcomponents-codesandbox.s3-web.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/9957/index.html Switch to a mobile breakpoint where the TOC becomes sticky on scroll. Verify that the TOC remains above both the accordion (https://jsw.ibm.com/browse/ADCMS-2594) and the carousel (https://jsw.ibm.com/browse/ADCMS-2829). ### Changelog **Changed** - Bump `z-index` in the TOC styles. * fix(tag-group): ensuring tags can be gray (#9972) ### Related Ticket(s) #9890 ### Description Ensured that the carbon tag can be gray when used within Tag Group. ### Changelog **Removed** - removed tag group condition that would change a tag color to green if gray was chosen * chore(deps): upgrade lerna to v6 (#9938) ### Description Upgrades `lerna` to latest. ### Changelog **Changed** - upgrade `lerna` to `v6.4.1` * chore(settings): update settings to v1.44.0 * chore(release): publish - @carbon/web-components@1.25.0-rc.0 - @carbon/eslint-config-ibmdotcom@1.35.0-rc.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.34.0-rc.0 - @carbon/eslint-plugin-react-prop-type-comments@1.34.0-rc.0 - @carbon/ibmdotcom-react@1.44.0-rc.0 - @carbon/ibmdotcom-services-store@1.44.0-rc.0 - @carbon/ibmdotcom-services@1.44.0-rc.0 - @carbon/storybook-addon-theme@1.35.0-rc.0 - @carbon/stylelint-config-ibmdotcom@1.34.0-rc.0 - @carbon/ibmdotcom-styles@1.44.0-rc.0 - @carbon/ibmdotcom-utilities@1.44.0-rc.0 - @carbon/ibmdotcom-web-components@1.29.0-rc.0 * chore(deps): update dependency magic-string to ^0.29.0 (#10036) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [magic-string](https://togithub.com/rich-harris/magic-string) | [`^0.27.0` -> `^0.29.0`](https://renovatebot.com/diffs/npm/magic-string/0.27.0/0.29.0) | [![age](https://badges.renovateapi.com/packages/npm/magic-string/0.29.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/magic-string/0.29.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/magic-string/0.29.0/compatibility-slim/0.27.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/magic-string/0.29.0/confidence-slim/0.27.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
rich-harris/magic-string ### [`v0.29.0`](https://togithub.com/rich-harris/magic-string/blob/HEAD/CHANGELOG.md#​0290-httpsgithubcomrich-harrismagic-stringcomparev0280v0290-2023-02-11) [Compare Source](https://togithub.com/rich-harris/magic-string/compare/v0.28.0...v0.29.0) ##### Features - **x_google_ignoreList:** initial support for ignore lists ([3c711cd](https://togithub.com/rich-harris/magic-string/commit/3c711cd56de6c9735f92e41e457353005c2c0d1c)) ### [`v0.28.0`](https://togithub.com/rich-harris/magic-string/blob/HEAD/CHANGELOG.md#​0280-httpsgithubcomrich-harrismagic-stringcomparev0270v0280-2023-02-11) [Compare Source](https://togithub.com/rich-harris/magic-string/compare/v0.27.0...v0.28.0) ##### Bug Fixes - **typings:** sourcesContent may contain null ([#​235](https://togithub.com/rich-harris/magic-string/issues/235)) ([c2b652a](https://togithub.com/rich-harris/magic-string/commit/c2b652a0d353f183ca991d0b59a7ad0250a52735))
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(deps): update dependency karma-sourcemap-loader to ^0.4.0 (#10034) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [karma-sourcemap-loader](https://togithub.com/demerzel3/karma-sourcemap-loader) | [`^0.3.0` -> `^0.4.0`](https://renovatebot.com/diffs/npm/karma-sourcemap-loader/0.3.8/0.4.0) | [![age](https://badges.renovateapi.com/packages/npm/karma-sourcemap-loader/0.4.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/karma-sourcemap-loader/0.4.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/karma-sourcemap-loader/0.4.0/compatibility-slim/0.3.8)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/karma-sourcemap-loader/0.4.0/confidence-slim/0.3.8)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
demerzel3/karma-sourcemap-loader ### [`v0.4.0`](https://togithub.com/demerzel3/karma-sourcemap-loader/blob/HEAD/CHANGELOG.md#​040---2022-02-05) [Compare Source](https://togithub.com/demerzel3/karma-sourcemap-loader/compare/da0051d19137f682cc99ef9ff95c83aebd599703...0.4.0) ##### Added - Allow remapping or otherwise changing source paths in source maps - Allow changing `sourceRoot` in source maps - Allow adapting the source map files alone, if served separately by the Karma web server - Add option `onlyWithURL` to disable the source map loading for files without `sourceMappingURL` - Add option `strict` for a strict error handling of invalid and/or missing source maps ##### Fixed - Fix handling of raw (URI-encoded) source maps - trim the leading , before parsing the content - Warn about a missing external source map, is the source mapping URL is invalid - Handle malformed source map content as a warning or failure
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * fix(deps): update dependency isomorphic-dompurify to v0.27.0 (#10035) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [isomorphic-dompurify](https://togithub.com/kkomelin/isomorphic-dompurify) | [`0.26.0` -> `0.27.0`](https://renovatebot.com/diffs/npm/isomorphic-dompurify/0.26.0/0.27.0) | [![age](https://badges.renovateapi.com/packages/npm/isomorphic-dompurify/0.27.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/isomorphic-dompurify/0.27.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/isomorphic-dompurify/0.27.0/compatibility-slim/0.26.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/isomorphic-dompurify/0.27.0/confidence-slim/0.26.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
kkomelin/isomorphic-dompurify ### [`v0.27.0`](https://togithub.com/kkomelin/isomorphic-dompurify/releases/tag/v0.27.0): Updated dependencies [Compare Source](https://togithub.com/kkomelin/isomorphic-dompurify/compare/v0.26.0...v0.27.0) ##### Changelog - \[x] Updated `jsdom` and other dependencies. See the [changes](https://togithub.com/kkomelin/isomorphic-dompurify/pulls?q=is%3Apr+is%3Aclosed) for more details. ##### Release [0.27.0](https://www.npmjs.com/package/isomorphic-dompurify/v/0.27.0)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * docs: remove themeselector from live demo (#10028) ### Related Ticket(s) Closes https://github.com/carbon-design-system/carbon-platform/issues/1592 ### Description ### Changelog **Removed** - remove themeSelector from live demo components * Carbon Platform: Index get started content for carbon web components (#10048) * fix(button): add button print styles (#10055) ### Related Ticket(s) N/A ### Description Button-group has specific print styles and in expressive-modal it just uses `button-expressive` causing it to add a `:` without also having the print styles for button-expressive Screen Shot 2023-02-16 at 8 37 04 AM after: Screen Shot 2023-02-16 at 8 41 12 AM ### Changelog **Changed** - moved DDSButtonExpressive print styles out of button-group and into button * chore(readme): update with storybook demo links (#10054) ### Related Ticket(s) {{Provide url(s) to the related ticket(s) that this pull request addresses}} ### Description opening new PR for "docs(README): add storybook links #9409" ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}} * docs(readme): add discord link to readme (#10046) Hey there! Just a small PR to add a link to discord in the readme. I'm opening PRs suggesting we do this for all the top repos in the carbon-design-system org. * fix(clean): clean vendor src base dir from web-components package (#10038) ### Related Ticket(s) Resolves https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/10037 ### Description Cleans up the artifacts produced during `yarn build` within `packages/web-components/internal/vendor` to avoid build errors associated with these artifacts encountered during `yarn build` when switching between major feature branches (`main` and `feat/masthead-v2.1`). ### Changelog **Changed** - `yarn clean` updated for the web-components package to clean up the vendor src dir artifact produced during build. * chore(deps): update dependency @carbon/pictograms-react to v11.39.0 (#10063) [![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://togithub.com/carbon-design-system/carbon) | [`11.38.0` -> `11.39.0`](https://renovatebot.com/diffs/npm/@carbon%2fpictograms-react/11.38.0/11.39.0) | [![age](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.39.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.39.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.39.0/compatibility-slim/11.38.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.39.0/confidence-slim/11.38.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
carbon-design-system/carbon ### [`v11.39.0`](https://togithub.com/carbon-design-system/carbon/compare/36b2a3b42be5bebb706861030d1ec4a21ae47c5f...6234f2b1304e340345fff3935342f80a1e36e08e) [Compare Source](https://togithub.com/carbon-design-system/carbon/compare/36b2a3b42be5bebb706861030d1ec4a21ae47c5f...6234f2b1304e340345fff3935342f80a1e36e08e)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * fix(deps): update dependency carbon-components to v10.58.6 (#10062) [![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-components](https://www.carbondesignsystem.com/) ([source](https://togithub.com/carbon-design-system/carbon)) | [`10.58.5` -> `10.58.6`](https://renovatebot.com/diffs/npm/carbon-components/10.58.5/10.58.6) | [![age](https://badges.renovateapi.com/packages/npm/carbon-components/10.58.6/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/carbon-components/10.58.6/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/carbon-components/10.58.6/compatibility-slim/10.58.5)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/carbon-components/10.58.6/confidence-slim/10.58.5)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
carbon-design-system/carbon ### [`v10.58.6`](https://togithub.com/carbon-design-system/carbon/compare/f194dfb8beb09cf2ad62b521c65fddf3a439069b...7fce6306004230995ac5dd63dc85c200d4076f49) [Compare Source](https://togithub.com/carbon-design-system/carbon/compare/f194dfb8beb09cf2ad62b521c65fddf3a439069b...7fce6306004230995ac5dd63dc85c200d4076f49)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(deps): update dependency carbon-components-react to v7.59.6 (#10061) [![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-components-react](https://togithub.com/carbon-design-system/carbon) | [`7.59.5` -> `7.59.6`](https://renovatebot.com/diffs/npm/carbon-components-react/7.59.5/7.59.6) | [![age](https://badges.renovateapi.com/packages/npm/carbon-components-react/7.59.6/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/carbon-components-react/7.59.6/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/carbon-components-react/7.59.6/compatibility-slim/7.59.5)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/carbon-components-react/7.59.6/confidence-slim/7.59.5)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
carbon-design-system/carbon ### [`v7.59.6`](https://togithub.com/carbon-design-system/carbon/compare/f194dfb8beb09cf2ad62b521c65fddf3a439069b...7fce6306004230995ac5dd63dc85c200d4076f49) [Compare Source](https://togithub.com/carbon-design-system/carbon/compare/f194dfb8beb09cf2ad62b521c65fddf3a439069b...7fce6306004230995ac5dd63dc85c200d4076f49)
--- ### 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 these updates 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(project): upgrade yarn to v3 (#9948) ### Description Upgrade to use latest version of Yarn. ### Changelog **New** - `cache` dir for zero-install **Changed** - upgrade Yarn to 3.3.1 - update package build scripts **Removed** - Yarn's offline-mirror folder * chore(documentation): update content-section docs tab with content block simple (#10067) ### Related Ticket(s) [Content section]: width of block component isn't defined by columns, causing containing media width to shrink unexpectedly #10049 ### Description `content-section` needs to be passed in grid classes when using `content-block-simple` as its child. Updating the Storybook docs tab to include this for both React Wrapper and Web Components. ### Changelog **New** - add `content-block-simple` to Storybook docs with note to include grid classes - add code examples for `content-block-simple`, `card-group`, `carousel`, and `link-list` to `content-section`'s React Wrapper docs **Changed** - update the React wrapper story to properly render the `link-list` child and include the grid class when using `content-block-simple * fix(logo-grid): cta styles (#10065) ### Related Ticket(s) #10051 ### Description Logo-grid update styles so cta appears in the correct place Screen Shot 2023-02-20 at 9 19 22 AM ### Changelog **New** - block styles for the body - * fix(lightbox-carousel): accessibility & QA improvements to lightbox carousels (#9149) ## Related Ticket(s) Closes: #8911 #8913 #8915 Also related: #8912 #8914 ## Description This PR makes several accessibility improvements to the DDSCarousel and DDSLightboxMediaViewer components, as well as the lightbox carousel story ### #8911 Update Lightbox to use semantic headings ✅ Lightbox titles now render title text within `

` tags. This gives them semantic `h2` headers but does not bring along the user agent/carbon styles for the element. ### #8912 Add label for modal dialog ✅ While elements with `[role="dialog"]` are required to have a label for WCAG, that label should be relevant to the content within the dialog. Because the component cannot know what content (or even what language) is in it, all we can do is make space for content entry. This already exists within the component in the form of an `aria-labelledby` attribute pointing to [a div that accepts slotted content](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/src/components/expressive-modal/expressive-modal.ts#L358). This PR adds a visually hidden modal title to the lightbox carousel story ### #8913 Announce carousel navigation to screen reader ✅ The carousel's `renderStatus()` method now renders a visually-hidden span with `aria-live="polite"` and uses a new `formatAnnouncement` property function to format that announcement into a string that accounts for single slides or slide groups. This property is written adjacent to the `formatStatus` property that allows localizing the pagination information. ### #8914 Create new landmark region for carousels ✅ _~No changes were made for this ticket.~_ ~8914 suggests, "to provide more context to the screen reader user, the carousel which includes the slides and the Carousel controls could be given in a labelled landmark region." While this would be good, wouldn't adding a landmark region require a label that describes _what is in_ the carousel, not just that it _is_ a carousel? It would not be difficult to add a fallback label if this is not the case.~ The carousel now has an additional `
` wrapping the scrolling contents and the navigation. This div has `role="region"` and an `aria-labelledby` attribute that points to a new div with a `Carousel`. This allows authors to provide a title relevant to the carousel's contents with the generic fallback label of "carousel" ### #8915 Update carousel's next/previous button labels ✅ The carousel allows authors to specify the labels of the previous & next buttons, but we also provide a default. Previously this value was "next page", but the word `page` can be confusing. We now provide a default fallback that looks at the carousel's `pageSize` and returns either "next slide" or "next slide group" if more than one slide is visible. ### [No Ticket] Refactor carousel item's interactivity based on inert When the `[inert]` attribute was added to the carousel, it was added in a way that wasn't implemented fully in safari/firefox, and didn't account for carousels with multiple visible values well. That's been updated to now use an intersection observer, and it will mark carousel items more less than 75% visible as `inert` and `aria-hidden`. ### Changelog **Changed** - Accessibility improvements to lightbox media viewer component - Accessibility improvements to lightbox carousel story - Accessibility improvements to carousel component * chore(deps): update yarn to v3.4.1 (#10163) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [yarn](https://togithub.com/yarnpkg/berry) | [`3.3.1` -> `3.4.1`](https://renovatebot.com/diffs/npm/yarn/3.3.1/3.4.1) | [![age](https://badges.renovateapi.com/packages/npm/yarn/3.4.1/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/yarn/3.4.1/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/yarn/3.4.1/compatibility-slim/3.3.1)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/yarn/3.4.1/confidence-slim/3.3.1)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
yarnpkg/berry ### [`v3.4.1`](https://togithub.com/yarnpkg/berry/blob/HEAD/CHANGELOG.md#​341) [Compare Source](https://togithub.com/yarnpkg/berry/compare/8ba1a57e0cfdf8bf649d04cff0f18664e5164b33...0d66d6e73acf0303c4461fbb9023b02cb942845f) - Fixes an accidental backport error in `yarn init`. ### [`v3.4.0`](https://togithub.com/yarnpkg/berry/blob/HEAD/CHANGELOG.md#​340) [Compare Source](https://togithub.com/yarnpkg/berry/compare/340e0db330e242946b570d8a08b0a9d97d8d8774...8ba1a57e0cfdf8bf649d04cff0f18664e5164b33) ##### Node.js parity - PnP now supports the Node `--conditions` flag. - PnP now supports the Node `--watch` flag on Node 18 (it previously only supported it on Node 19). ##### Bugfixes - The PnP API module (`pnpapi`) can now be imported from ESM modules. - `ZipFS.prototype.getBufferAndClose` will not error on empty archives resulting from an unlink after write. - Fixes various issues around postinstall script inter-dependencies. - Removes the message prefixes (`YN0000`) from `yarn workspaces foreach`. ##### Compatibility - Updates the PnP compatibility layer for TypeScript v5.0.0-beta.
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(deps): update dependency magic-string to ^0.30.0 (#10162) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [magic-string](https://togithub.com/rich-harris/magic-string) | [`^0.29.0` -> `^0.30.0`](https://renovatebot.com/diffs/npm/magic-string/0.29.0/0.30.0) | [![age](https://badges.renovateapi.com/packages/npm/magic-string/0.30.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/magic-string/0.30.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/magic-string/0.30.0/compatibility-slim/0.29.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/magic-string/0.30.0/confidence-slim/0.29.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
rich-harris/magic-string ### [`v0.30.0`](https://togithub.com/rich-harris/magic-string/blob/HEAD/CHANGELOG.md#​0300-httpsgithubcomrich-harrismagic-stringcomparev0290v0300-2023-02-22) [Compare Source](https://togithub.com/rich-harris/magic-string/compare/v0.29.0...v0.30.0) ##### Bug Fixes - `null` is invalid for `sources` and `file` ([#​242](https://togithub.com/rich-harris/magic-string/issues/242)) ([d4e9c31](https://togithub.com/rich-harris/magic-string/commit/d4e9c31082491cfa177b31ce725c9ce39491d549)) ##### Features - add the ability to ignore-list sources ([#​243](https://togithub.com/rich-harris/magic-string/issues/243)) ([e238f04](https://togithub.com/rich-harris/magic-string/commit/e238f04be31ec9a3e19b18b75bb5d859f9cb2654))
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * fix(leadspace): button sizing and layout for md leadspace (#10030) ### Related Ticket(s) Resolves #9619 Jira ticket: https://jsw.ibm.com/browse/ADCMS-2947 ### Description Adjustments made so that the width of buttons in a leadspace button group follows the largest one. To test: - [ ] Open up the Lead space > Super with Image story - [ ] Adjust one or more button text such that the intrinsic button sizes would be different - [ ] The width of all buttons should match the width of the button with the most content - [ ] View at various breakpoints to ensure there are no regressions - [ ] Open up the Button group > Default component - [ ] View at various breakpoints to ensure there are no regressions ### Changelog **Changed** - Added a wrapper div around leadspace actions - Use `display: grid` across all breakpoints for the leadspace button group * fix(date-picker): range mode clearing first value (#10168) ### Related Ticket(s) #10088 ### Description When a user clicked a range of calendar dates the first date would get cleared after clicking the second date. Before: ![Feb-27-2023 10-24-46](https://user-images.githubusercontent.com/20210594/221636241-e2af785f-9936-4a07-93a0-d98d5bef9b3a.gif) After: ![Feb-27-2023 10-22-48](https://user-images.githubusercontent.com/20210594/221635393-12029349-9683-4229-9898-b0daa4668da6.gif) ### Changelog **Changed** - downgraded flatpick to 4.6.9 ( the issue starts to appear in version 4.6.10) * chore(release): publish - @carbon/web-components@1.25.0 - @carbon/eslint-config-ibmdotcom@1.35.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.34.0 - @carbon/eslint-plugin-react-prop-type-comments@1.34.0 - @carbon/ibmdotcom-react@1.44.0 - @carbon/ibmdotcom-services-store@1.44.0 - @carbon/ibmdotcom-services@1.44.0 - @carbon/storybook-addon-theme@1.35.0 - @carbon/stylelint-config-ibmdotcom@1.34.0 - @carbon/ibmdotcom-styles@1.44.0 - @carbon/ibmdotcom-utilities@1.44.0 - @carbon/ibmdotcom-web-components@1.29.0 * fix(universal-banner): add banner role (#10179) ### Related Ticket(s) [Universal banner]: QA: Landmark region should be defined for Universal banner #9869 ### Description Set banner `role` for `universal-banner` component for accessibility purposes ### Changelog **Changed** - add banner `role` onto `universal-banner` * [Cloud-Masthead]: Implement lazy load and DOM pruning from masthead v2 on cloud masthead (#10085) ### Related Ticket(s) Resolves #10056 ### Description Adds the performance enhancements that were implemented for Masthead v2 to the Cloud Masthead, specifically: * https://github.com/carbon-design-system/carbon-for-ibm-dotcom/pull/9595 * https://github.com/carbon-design-system/carbon-for-ibm-dotcom/pull/9602 The first change (quoting @andy-blum [here](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/pull/9595)): Initializes the masthead-container with either the `left-nav` or the `top-nav` depending on the width of the viewport. Additionally swaps one for the other when the viewport crosses the 960px boundary. This should effectively cut the number of masthead nodes in half with very little other changes. The second change (again quoting @andy-blum [here](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/pull/9602)): Currently the Masthead loads both the SideNav and Megamenu components at the same time, even if they haven't been opened yet. This causes the amount of nodes to increase considerably right away. In order to mitigate this, a fast solution is to dynamically load the required components *only* when the user has interacted with the menus. This means that the mobile version wouldn't be loading the Megamenu, and the desktop wouldn't load SideNav until/if required. Another optimization that was done ensures that the Megamenu component wouldn't get loaded into the DOM unless a user has clicked on the menu beforehand. Then and only then, the megamenu would be loaded in. Once the menu is closed, the component gets removed from the DOM to ensure the total node count doesn't shoot up. Note that, due to the structure of the Masthead and Cloud Masthead, these changes are not entirely isolated to the Cloud Masthead alone. Specifically, the Masthead is responsible for mega menu rendering, thus the Masthead implements lazy loading of the megamenu which then is inherited by the Cloud Masthead. ### Testing Testing should cover regression tests on both the Masthead and Cloud Masthead components. ### Changelog **New** - Adds support for dynamic imports - Utliizes dynamic imports to lazy load left nav and megamenu scripts that are only necessary when the user expands the menu. - Only renders left nav custom elements when we're at the mobile break - Only renders megamenu custom elements when user expands the menu * fix(lightbox-video-player): set heading for modal title (#10178) ### Related Ticket(s) [Link List]: QA: Text looks prominent like heading but there is no heading tag #9866 ### Description Set modal title in `lightbox-video-player` to `h2` as suggested for accessibility purposes and aligns with what was done in `lightbox-media-viewer`: https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/web-components/src/components/lightbox-media-viewer/lightbox-media-viewer.ts#L44 Screen Shot 2023-02-28 at 12 10 51 PM ### Changelog **New** - wrap title of `lightbox-video-player` in `h2` * chore(lerna): update lerna version in lerna.json (#10180) ### Description Fixes version number in `lerna.json`. ### Changelog **New** - {{new thing}} **Changed** - update version to match installed `lerna` version **Removed** - {{removed thing}} * feat(carousel): update buttons to tertiary (#10140) ### Related Ticket(s) #10021 ### Description Update buttons for carousel to use tertiary buttons instead Screen Shot 2023-02-24 at 8 06 38 AM ### Changelog **Changed** - secondary -> tertiary * fix(feature-card): applied color change upon hover (#10081) ### Related Ticket(s) #10060 ### Description Applies the different hover color to the Feature card large ### Changelog **New** - feature card large will now has `$inverse-color-ui` displaying upon hover * fix(link-with-icon): force hover underline under (#10172) ### Related Ticket(s) #10069 ### Description Seems like from this change: https://github.com/carbon-design-system/carbon-for-ibm-dotcom/pull/6812 the hover styles got effected. This forces the hover text underline position to be under Screen Shot 2023-02-27 at 2 59 33 PM Screen Shot 2023-02-27 at 2 59 55 PM ### Changelog **New** - text-underline-position: under for hover styles * fix(search-with-typeahead): add search region for accessibility (#10173) ### Related Ticket(s) [Lead Space Search]: QA: Search edit combo and the clear button is not defined within in a search region #9861 ### Description Add "search" role to the `search-with-typeahead` form component ### Changelog **New** - add search `role` to `form` component of `search-with-typeahead` * fix(card-pictogram): remove motion with no copy (#10183) ### Related Ticket(s) #10071 ### Description Using pictogram with card without copy sometimes still shows the motion of the heading/copy ### Changelog **Changed** - update the `handleSlotChange` - the previous version would sometimes not get the right contents from the slot, but this ensures it looks if a copy exists * chore(leadspace-block): adjust heading level for leadspace-block story (#10177) ### Related Ticket(s) [Lead Space Block]: QA: Heading level is not in an hierarchical order #9858 ### Description Heading levels are not in order for the Leadspace Block story, currently it is from H1, H2, H4 instead of H1, H2, H3 This PR sets the `aria-level` for the `link-list-heading` so the headings are in hierarchical order instead. Currently by default, the `aria-level` for `link-list-heading` is set to 4. Screen Shot 2023-02-28 at 11 44 39 AM ### Changelog **Changed** - set `aria-level` to `3` for `link-list-heading` in the story * Update welcome-story.mdx with `@carbon/web-components` (#10185) ### Description Update welcome-story.mdx with `@carbon/web-components` * chore(e2e): fixes `e2e-integration` tests (#10186) ### Description This fixes the `e2e-integration` GH actions that are failing for `react` and `web-components`. With the upgrade to Yarn v3, building the Codesandbox examples needed for e2e tests becomes problematic as they have not been upgraded. The simplest solution is to switch back to an older version of Yarn for the test builds only. ### Changelog **New** - Use `execa` for `web-components` build process. Now that `vendor/@carbon/web-components` are bundled with `ibmdotcom-web-components`, the packed file is huge. This exceeds the `maxBuffer` limit in `execSync`, while `execa` has no such issue. **Changed** - update `dotcom-shell` and `masthead` e2e tests **Removed** - {{removed thing}} * fix(leadspace-search): clear button (#10176) ### Related Ticket(s) [Lead Space Search]: QA:Brief description: Label of the button should be defined as "clear input" rather than "close" #9860 ### Description Change the default value of the `close-search-button-assistive-text` attribute to "Clear input" instead as it is more descriptive and clearer to user in the case of the search with typeahead ### Changelog **Changed** - Change the default value of the `close-search-button-assistive-text` attribute to "Clear input" - edit selector to use `part='close-button'` instead of `aria-label` since the aria-label is an attribute that can change values * chore(deps): update dependency @carbon/pictograms-react to v11.40.0 (#10192) [![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://togithub.com/carbon-design-system/carbon) | [`11.39.0` -> `11.40.0`](https://renovatebot.com/diffs/npm/@carbon%2fpictograms-react/11.39.0/11.40.0) | [![age](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.40.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.40.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.40.0/compatibility-slim/11.39.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@carbon%2fpictograms-react/11.40.0/confidence-slim/11.39.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
carbon-design-system/carbon ### [`v11.40.0`](https://togithub.com/carbon-design-system/carbon/compare/6234f2b1304e340345fff3935342f80a1e36e08e...07168bf0272678a04c92cd1e700ac60e66355a95) [Compare Source](https://togithub.com/carbon-design-system/carbon/compare/6234f2b1304e340345fff3935342f80a1e36e08e...07168bf0272678a04c92cd1e700ac60e66355a95)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(deps): update dependency @carbon/icon-helpers to v10.39.0 (#10191) [![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/icon-helpers](https://togithub.com/carbon-design-system/carbon) | [`10.38.0` -> `10.39.0`](https://renovatebot.com/diffs/npm/@carbon%2ficon-helpers/10.38.0/10.39.0) | [![age](https://badges.renovateapi.com/packages/npm/@carbon%2ficon-helpers/10.39.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/@carbon%2ficon-helpers/10.39.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/@carbon%2ficon-helpers/10.39.0/compatibility-slim/10.38.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/@carbon%2ficon-helpers/10.39.0/confidence-slim/10.38.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
carbon-design-system/carbon ### [`v10.39.0`](https://togithub.com/carbon-design-system/carbon/releases/tag/v10.39.0) [Compare Source](https://togithub.com/carbon-design-system/carbon/compare/v10.38.0...v10.39.0) #### `eslint-config-carbon@2.7.0` ##### New features :rocket: - feat(eslint): add eslint-testing-library-plugin; add config ([#​9103](https://togithub.com/carbon-design-system/carbon/issues/9103)) ([`6d71d2275`](https://togithub.com/carbon-design-system/carbon/commit/6d71d2275)) - feat(eslint): add eslint-plugin-jest ([#​9077](https://togithub.com/carbon-design-system/carbon/issues/9077)) ([`74851abbe`](https://togithub.com/carbon-design-system/carbon/commit/74851abbe)) ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/cli@10.25.0` ##### Housekeeping :house: - chore(project): update babel to 7.14.6 ([#​9143](https://togithub.com/carbon-design-system/carbon/issues/9143)) ([`6e099d6d1`](https://togithub.com/carbon-design-system/carbon/commit/6e099d6d1)) #### `@carbon/colors@10.28.0` ##### New features :rocket: - feat(colors): add hover colors to `@carbon/colors` ([#​8942](https://togithub.com/carbon-design-system/carbon/issues/8942)) ([`df64f1c9f`](https://togithub.com/carbon-design-system/carbon/commit/df64f1c9f)) ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) - chore(project): sync generated files ([`6d0fb6e46`](https://togithub.com/carbon-design-system/carbon/commit/6d0fb6e46)) #### `carbon-components@10.39.0` ##### New features :rocket: - feat(FilterableMultiselect): add direction prop ([#​9120](https://togithub.com/carbon-design-system/carbon/issues/9120)) ([`660acdc8a`](https://togithub.com/carbon-design-system/carbon/commit/660acdc8a)) - feat(number-input): match readonly variant ([#​8992](https://togithub.com/carbon-design-system/carbon/issues/8992)) ([`d0bd8eddb`](https://togithub.com/carbon-design-system/carbon/commit/d0bd8eddb)) ##### Bug fixes :bug: - fix(components): add missing g80 theme notification layer tokens [#​9106](https://togithub.com/carbon-design-system/carbon/issues/9106) ([#​9107](https://togithub.com/carbon-design-system/carbon/issues/9107)) ([`81e9cc687`](https://togithub.com/carbon-design-system/carbon/commit/81e9cc687)) - fix(StructuredList): fix feature-flag function usage ([#​9033](https://togithub.com/carbon-design-system/carbon/issues/9033)) ([`dabaf4f09`](https://togithub.com/carbon-design-system/carbon/commit/dabaf4f09)) - fix(tile): add link color contrast ([#​9025](https://togithub.com/carbon-design-system/carbon/issues/9025)) ([`db2adb813`](https://togithub.com/carbon-design-system/carbon/commit/db2adb813)) ##### Housekeeping :house: - chore(project): update babel to 7.14.6 ([#​9143](https://togithub.com/carbon-design-system/carbon/issues/9143)) ([`6e099d6d1`](https://togithub.com/carbon-design-system/carbon/commit/6e099d6d1)) - chore(styles): add experimental Treeview to global styles ([#​9119](https://togithub.com/carbon-design-system/carbon/issues/9119)) ([`3c116e931`](https://togithub.com/carbon-design-system/carbon/commit/3c116e931)) - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/elements@10.38.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/feature-flags@0.5.0` ##### New features :rocket: - feat(eslint): add eslint-plugin-jest ([#​9077](https://togithub.com/carbon-design-system/carbon/issues/9077)) ([`74851abbe`](https://togithub.com/carbon-design-system/carbon/commit/74851abbe)) ##### Housekeeping :house: - chore(project): update babel to 7.14.6 ([#​9143](https://togithub.com/carbon-design-system/carbon/issues/9143)) ([`6e099d6d1`](https://togithub.com/carbon-design-system/carbon/commit/6e099d6d1)) #### `@carbon/grid@10.31.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/icons-handlebars@10.35.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/icons-react@10.35.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/icons-vue@10.35.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/icons@10.35.0` ##### New features :rocket: - feat(icons): update glyph icon names ([#​9122](https://togithub.com/carbon-design-system/carbon/issues/9122)) ([`986be4b47`](https://togithub.com/carbon-design-system/carbon/commit/986be4b47)) ##### Bug fixes :bug: - fix(icons): update glyph only pipeline process ([#​9081](https://togithub.com/carbon-design-system/carbon/issues/9081)) ([`bc1434e25`](https://togithub.com/carbon-design-system/carbon/commit/bc1434e25)) ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/layout@10.27.0` ##### Bug fixes :bug: - fix(breakpoint): fixing calculation to have +/- 0.02 outside of map-get ([#​9102](https://togithub.com/carbon-design-system/carbon/issues/9102)) ([`3c09abf28`](https://togithub.com/carbon-design-system/carbon/commit/3c09abf28)) ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/pictograms-react@11.13.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/pictograms@11.13.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `carbon-components-react@7.39.0` ##### New features :rocket: - feat(ComboBox): add ability to forward ref ([#​9136](https://togithub.com/carbon-design-system/carbon/issues/9136)) ([`b68f83798`](https://togithub.com/carbon-design-system/carbon/commit/b68f83798)) - feat(FilterableMultiselect): add direction prop ([#​9120](https://togithub.com/carbon-design-system/carbon/issues/9120)) ([`660acdc8a`](https://togithub.com/carbon-design-system/carbon/commit/660acdc8a)) - feat(FormGroup): support `id` on `fieldset legend` ([#​9074](https://togithub.com/carbon-design-system/carbon/issues/9074)) ([`4fc56c30b`](https://togithub.com/carbon-design-system/carbon/commit/4fc56c30b)) - feat(useDisclosure): adds useDisclosure hook and test ([#​9006](https://togithub.com/carbon-design-system/carbon/issues/9006)) ([`6e405a2d5`](https://togithub.com/carbon-design-system/carbon/commit/6e405a2d5)) - feat(number-input): match readonly variant ([#​8992](https://togithub.com/carbon-design-system/carbon/issues/8992)) ([`d0bd8eddb`](https://togithub.com/carbon-design-system/carbon/commit/d0bd8eddb)) - feat(button-skeleton): add size prop to ButtonSkeleton ([#​9040](https://togithub.com/carbon-design-system/carbon/issues/9040)) ([`d17fd2f24`](https://togithub.com/carbon-design-system/carbon/commit/d17fd2f24)) - feat(eslint): add eslint-plugin-jest ([#​9077](https://togithub.com/carbon-design-system/carbon/issues/9077)) ([`74851abbe`](https://togithub.com/carbon-design-system/carbon/commit/74851abbe)) ##### Bug fixes :bug: - fix(HeaderMenu): spread extra props into root element ([#​9139](https://togithub.com/carbon-design-system/carbon/issues/9139)) ([`8ab436ea5`](https://togithub.com/carbon-design-system/carbon/commit/8ab436ea5)) - fix(data-table): deprecate shouldShowBorder prop ([#​9116](https://togithub.com/carbon-design-system/carbon/issues/9116)) ([`0f7324156`](https://togithub.com/carbon-design-system/carbon/commit/0f7324156)) - fix(NumberInput): allow value to be outside min/max, show validation ([#​9121](https://togithub.com/carbon-design-system/carbon/issues/9121)) ([`ef3816239`](https://togithub.com/carbon-design-system/carbon/commit/ef3816239)) - fix(react): update radio button group state initialization ([#​9104](https://togithub.com/carbon-design-system/carbon/issues/9104)) ([`0e2b53b74`](https://togithub.com/carbon-design-system/carbon/commit/0e2b53b74)) - fix(tree-view): fix description typo in onSelect prop ([#​9109](https://togithub.com/carbon-design-system/carbon/issues/9109)) ([`0f0680b7a`](https://togithub.com/carbon-design-system/carbon/commit/0f0680b7a)) - fix(tile): add link color contrast ([#​9025](https://togithub.com/carbon-design-system/carbon/issues/9025)) ([`db2adb813`](https://togithub.com/carbon-design-system/carbon/commit/db2adb813)) ##### Documentation :memo: - docs(Tooltip): add floating menu reference ([#​9140](https://togithub.com/carbon-design-system/carbon/issues/9140)) ([`934385070`](https://togithub.com/carbon-design-system/carbon/commit/934385070)) ##### Housekeeping :house: - chore(project): update babel to 7.14.6 ([#​9143](https://togithub.com/carbon-design-system/carbon/issues/9143)) ([`6e099d6d1`](https://togithub.com/carbon-design-system/carbon/commit/6e099d6d1)) - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) - chore: upgrade storybook from v5 to v6 ([#​9062](https://togithub.com/carbon-design-system/carbon/issues/9062)) ([`f8f2904ad`](https://togithub.com/carbon-design-system/carbon/commit/f8f2904ad)) - test(project): update jest to 27, update enzyme and tests ([#​9007](https://togithub.com/carbon-design-system/carbon/issues/9007)) ([`62f2e5d01`](https://togithub.com/carbon-design-system/carbon/commit/62f2e5d01)) #### `@carbon/themes@10.38.0` ##### New features :rocket: - feat(eslint): add eslint-plugin-jest ([#​9077](https://togithub.com/carbon-design-system/carbon/issues/9077)) ([`74851abbe`](https://togithub.com/carbon-design-system/carbon/commit/74851abbe)) - feat(themes): add values for v11 tokens ([#​8994](https://togithub.com/carbon-design-system/carbon/issues/8994)) ([`ebf7cd026`](https://togithub.com/carbon-design-system/carbon/commit/ebf7cd026)) ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) - chore(project): sync generated files ([`8ebe8fa94`](https://togithub.com/carbon-design-system/carbon/commit/8ebe8fa94)) #### `@carbon/type@10.31.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) #### `@carbon/upgrade@10.13.0` ##### Housekeeping :house: - chore(release): v10.39.0 ([#​9146](https://togithub.com/carbon-design-system/carbon/issues/9146)) ([`a1897ff62`](https://togithub.com/carbon-design-system/carbon/commit/a1897ff62)) - chore(release): v10.39.0-rc.0 ([#​9127](https://togithub.com/carbon-design-system/carbon/issues/9127)) ([`49e427c77`](https://togithub.com/carbon-design-system/carbon/commit/49e427c77)) - chore(deps): bump jscodeshift from 0.12.0 to 0.13.0 ([#​9069](https://togithub.com/carbon-design-system/carbon/issues/9069)) ([`40536279a`](https://togithub.com/carbon-design-system/carbon/commit/40536279a))
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * fix(storybook): fix cwc cdn link docs (#10189) ### Related Ticket(s) N/A ### Description Carbon Web Component's Storybook docs have CDNs as `https://1.www.s81c.com/common/carbon/web-components/tag/v1/latest/button.min.js` - it should be `https://1.www.s81c.com/common/carbon/web-components/tag/latest/button.min.js` - without the `v1`. ### Changelog **Removed** - `v1` from CDN paths in storybook docs for CWC * fix(structured-list): add horizontal overflow scrolling (#9713) ### Related Ticket(s) Relates to [ADCMS-2768](https://jsw.ibm.com/browse/ADCMS-2768): > The Structured list component used for the sections "Compare editions" is shown ok on the desktop version but is not mobile friendly at all, only the first column can be seen and there is no visible or functional way to see the content "hidden" on the right side of the page. > > URL: https://www.ibm.com/products/flashsystem-5000#container-932d270675 ### Description This PR adds a horizontal scroll functionality to the structured-list and pricing-table components. The scroll bar is hidden with CSS and a combination of `scroll-snap` properties and `Element.scrollBy()` methods allow us to smoothly transition back and forth between table sections. ### Changelog **New** - Add overflow scrolling to structured-list and pricing-table components * fix(cwc): storybook link (#10194) ### Related Ticket(s) N/A ### Description Clicking on the storybook title for cwc was linking us back to the old repo ### Changelog **Changed** -updated link to the current repo * fix(masthead): left nav reverse focus wrap (#10188) ### Related Ticket(s) #10184 ### Description when swiping back or shift tabbing in the left nav for masthead the focus would not stay in the left nav ### Changelog ![Mar-03-2023 13-43-02](https://user-images.githubusercontent.com/20210594/222825423-8528630e-0d37-4ad9-8d58-e02cc9b1185b.gif) **Changed** - updated if statement to also search for `dds-masthead-container` * fix(tile): fix expanable content visibility (#10203) ### Related Ticket(s) #10202 ### Description Fixes styles for `tile - expanded` content to be visible when tile is expanded. ### Changelog **New** - {{new thing}} **Changed** - make expanded content `visible` **Removed** - {{removed thing}} * fix(filter-panel): missing modal imports (#10204) ### Related Ticket(s) #10200 ### Description in small breakpoints the modal header and close button were missing imports ### Changelog **New** - added modal imports * fix(rolloup): point to cwc internal vendor components for custom babel plugin (#10209) ### Related Ticket(s) N/A ### Description Edit roll up config for custom babel plugin that prevents the `customElements.define()` from happening for the cwc components - look for the internal vendor carbon web component components instead to prevent the custom registry error ### Changelog **Changed** - point to cwc internal vendor components for custom babel plugin * chore(storybook): update cwc urls (#10207) ### Description Update Storybook URLs to monorepo `carbon-web-components` package ### Changelog **New** - {{new thing}} **Changed** - change Storybook repo urls to monorepo package **Removed** - unused deploy script * fix(tooltip): adjust focus to div within tooltip-body (#10217) * fix(tooltip): have tooltip appear on safari * fix(tooltip): adjust tooltip focus to content div --------- Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> * chore(readme): updates to main README (#10205) ### Related Ticket(s) No related issue ### Description Minor updates to the main README here. ### Changelog **Changed** - README.md * chore(deps): update dependency sass to ~1.59.0 (#10221) [![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://togithub.com/sass/dart-sass) | [`~1.40.0` -> `~1.59.0`](https://renovatebot.com/diffs/npm/sass/1.40.1/1.59.2) | [![age](https://badges.renovateapi.com/packages/npm/sass/1.59.2/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/sass/1.59.2/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/sass/1.59.2/compatibility-slim/1.40.1)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/sass/1.59.2/confidence-slim/1.40.1)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
sass/dart-sass ### [`v1.59.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1592) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.59.1...1.59.2) - No user-visible changes. ### [`v1.59.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1591) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.59.0...1.59.1) - No user-visible changes. ### [`v1.59.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1590) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.58.3...1.59.0) ##### Command Line Interface - Added a new `--fatal-deprecation` flag that lets you treat a deprecation warning as an error. You can pass an individual deprecation ID (e.g. `slash-div`) or you can pass a Dart Sass version to treat all deprecations initially emitted in that version or earlier as errors. - New `--future-deprecation` flag that lets you opt into warning for use of certain features that will be deprecated in the future. At the moment, the only option is `--future-deprecation=import`, which will emit warnings for Sass `@import` rules, which are not yet deprecated, but will be in the future. ##### Dart API - New `Deprecation` enum, which contains the different current and future deprecations used by the new CLI flags. - The `compile` methods now take in `fatalDeprecations` and `futureDeprecations` parameters, which work similarly to the CLI flags. ### [`v1.58.3`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1583) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.58.2...1.58.3) - No user-visible changes. ### [`v1.58.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1582) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.58.1...1.58.2) ##### Command Line Interface - Add a timestamp to messages printed in `--watch` mode. - Print better `calc()`-based suggestions for `/`-as-division expression that contain calculation-incompatible constructs like unary minus. ### [`v1.58.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1581) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.58.0...1.58.1) - Emit a unitless hue when serializing `hsl()` colors. The `deg` unit is incompatible with IE, and while that officially falls outside our compatibility policy, it's better to lean towards greater compatibility. ### [`v1.58.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1580) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.57.1...1.58.0) - Remove sourcemap comments from Sass sources. The generated sourcemap comment for the compiled CSS output remains unaffected. - Fix a bug in `@extend` logic where certain selectors with three or more combinators were incorrectly considered superselectors of similar selectors with fewer combinators, causing them to be incorrectly trimmed from the output. - Produce a better error message for a number with a leading `+` or `-`, a decimal point, but no digits. - Produce a better error message for a nested property whose name starts with `--`. - Fix a crash when a selector ends in an escaped backslash. - Add the relative length units from CSS Values 4 and CSS Contain 3 as known units to validate bad computation in `calc`. ##### Command Line Interface - The `--watch` flag will now track loads through calls to `meta.load-css()` as long as their URLs are literal strings without any interpolation. ### [`v1.57.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1571) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.57.0...1.57.1) - No user-visible changes. ### [`v1.57.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1570) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.56.2...1.57.0) - Add a `split($string, $separator, $limit: null)` function to `sass:string` that splits a string into separate substrings based on a separator string. ##### JavaScript API - **Potentially breaking bug fix**: Custom functions in both the modern and legacy API now properly reject signatures with whitespace between the function name and parentheses. - Custom functions in the legacy API now allow signatures with whitespace before the function name, to match a bug in Node Sass. ##### Dart API - **Potentially breaking bug fix**: `Callable.fromSignature()` and `AsyncCallable.fromSignature()` now reject signatures with whitespace between the function name and parentheses. ### [`v1.56.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1562) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.56.1...1.56.2) ##### Embedded Sass - The embedded compiler now supports version 1.2.0 of [the embedded protocol](https://togithub.com/sass/embedded-protocol). ### [`v1.56.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1561) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.56.0...1.56.1) ##### Embedded Sass - Importer results now validate that `contents` is actually a string and whether `sourceMapUrl` is an absolute URL. ### [`v1.56.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1560) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.55.0...1.56.0) - **Potentially breaking change:** To match the CSS spec, SassScript expressions beginning with `not` or `(` are no longer supported at the beginning of parenthesized sections of media queries. For example, ```scss @​media (width >= 500px) and (not (grid)) ``` will now be emitted unchanged, instead of producing ```scss @​media (width >= 500px) and (false) ``` See [the Sass website](https://sass-lang.com/d/media-logic) for details. - **Potentially breaking bug fix:** Angle units like `rad` or `turn` are now properly converted to equivalent `deg` values for `hsl()`, `hsla()`, `adjust-hue()`, `color.adjust()`, and `color.change()`. See [the Sass website](https://sass-lang.com/d/function-units#hue) for details. - Fix indentation for selectors that span multiple lines in a `@media` query. - Emit a deprecation warning when passing `$alpha` values with units to `color.adjust()` or `color.change()`. This will be an error in Dart Sass 2.0.0. See [the Sass website](https://sass-lang.com/d/function-units#alpha) for details. - Emit a deprecation warning when passing a `$weight` value with no units or with units other than `%` to `color.mix()`. This will be an error in Dart Sass 2.0.0. See [the Sass website](https://sass-lang.com/d/function-units#weight) for details. - Emit a deprecation warning when passing `$n` values with units to `list.nth()` or `list.set-nth()`. This will be an error in Dart Sass 2.0.0. See [the Sass website](https://sass-lang.com/d/function-units#index) for details. - Improve existing deprecation warnings to wrap `/`-as-division suggestions in `calc()` expressions. - Properly mark the warning for passing numbers with units to `random()` as a deprecation warning. - Fix a bug where `@extend` could behave unpredicatably when used along with `meta.load-css()` and shared modules that contained no CSS themselves but loaded CSS from other modules. ##### Dart API - Emit a deprecation warning when passing a `sassIndex` with units to `Value.sassIndexToListIndex()`. This will be an error in Dart Sass 2.0.0. ##### JS API - Importer results now validate whether `contents` is actually a string type. - Importer result argument errors are now rendered correctly. ### [`v1.55.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1550) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.9...1.55.0) - **Potentially breaking bug fix:** Sass numbers are now universally stored as 64-bit floating-point numbers, rather than sometimes being stored as integers. This will generally make arithmetic with very large numbers more reliable and more consistent across platforms, but it does mean that numbers between nine quadrillion and nine quintillion will no longer be represented with full accuracy when compiling Sass on the Dart VM. - **Potentially breaking bug fix:** Sass equality is now properly [transitive]. Two numbers are now considered equal (after doing unit conversions) if they round to the same `1e-11`th. Previously, numbers were considered equal if they were within `1e-11` of one another, which led to some circumstances where `$a == $b` and `$b == $c` but `$a != $b`. [transitive]: https://en.wikipedia.org/wiki/Transitive_property - **Potentially breaking bug fix:** Various functions in `sass:math` no longer treat floating-point numbers that are very close (but not identical) to integers as integers. Instead, these functions now follow the floating-point specification exactly. For example, `math.pow(0.000000000001, -1)` now returns `1000000000000` instead of `Infinity`. - Emit a deprecation warning for `$a -$b` and `$a +$b`, since these look like they could be unary operations but they're actually parsed as binary operations. Either explicitly write `$a - $b` or `$a (-$b)`. See https://sass-lang.com/d/strict-unary for more details. ##### Dart API - Add an optional `argumentName` parameter to `SassScriptException()` to make it easier to throw exceptions associated with particular argument names. - Most APIs that previously returned `num` now return `double`. All APIs continue to *accept* `num`, although in Dart 2.0.0 these APIs will be changed to accept only `double`. ##### JS API - Fix a bug in which certain warning spans would not have their properties accessible by the JS API. ### [`v1.54.9`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1549) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.8...1.54.9) - Fix an incorrect span in certain `@media` query deprecation warnings. ### [`v1.54.8`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1548) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.7...1.54.8) - No user-visible changes. ### [`v1.54.7`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1547) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.6...1.54.7) - Add support for 32-bit ARM releases on Linux. ### [`v1.54.6`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1546) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.5...1.54.6) - Fix a bug where a `@media` query could be incorrectly omitted from a stylesheet if it had multiple levels of nested `@media` queries within it *and* the inner queries were mergeable but the outer query was not. ### [`v1.54.5`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1545) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.4...1.54.5) - Properly consider `a ~ c` to be a superselector of `a ~ b ~ c` and `a + b + c`. - Properly consider `b > c` to be a superselector of `a > b > c`, and similarly for other combinators. - Properly calculate specificity for selector pseudoclasses. - Deprecate use of `random()` when `$limit` has units to make it explicit that `random()` currently ignores units. A future version will no longer ignore units. - Don't throw an error when the same module is `@forward`ed multiple times through a configured module. ##### Embedded Sass - Rather than downloading the embedded compiler for the local platform on install, the `sass-embedded` npm package now declares optional dependencies on platform-specific embedded compiler packages. ### [`v1.54.4`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1544) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.3...1.54.4) - Improve error messages when passing incorrect units that are also out-of-bounds to various color functions. ### [`v1.54.3`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1543) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.2...1.54.3) - Release a native ARM64 executable for Mac OS. ### [`v1.54.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1542) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.1...1.54.2) - No user-visible changes. ### [`v1.54.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1541) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.54.0...1.54.1) - When unifying selectors for `@extend` and `selector.unify()`, ensure that `:root`, `:scope`, `:host`, and `:host-context` only appear at the beginning of complex selectors. ### [`v1.54.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1540) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.53.0...1.54.0) - Deprecate selectors with leading or trailing combinators, or with multiple combinators in a row. If they're included in style rules after nesting is resolved, Sass will now produce a deprecation warning and, in most cases, omit the selector. Leading and trailing combinators can still be freely used for nesting purposes. See https://sass-lang.com/d/bogus-combinators for more details. - Add partial support for new media query syntax from Media Queries Level 4. The only exception are logical operations nested within parentheses, as these were previously interpreted differently as SassScript expressions. A parenthesized media condition that begins with `not` or an opening parenthesis now produces a deprecation warning. In a future release, these will be interpreted as plain CSS instead. - Deprecate passing non-`deg` units to `color.hwb()`'s `$hue` argument. - Fix a number of bugs when determining whether selectors with pseudo-elements are superselectors. - Treat `*` as a superselector of all selectors. ##### Dart API - Add a top-level `fakeFromImport()` function for testing custom importers that use `AsyncImporter.fromImport`. ##### JS API - Add a `charset` option that controls whether or not Sass emits a `@charset`/BOM for non-ASCII stylesheets. - Fix Sass npm package types for TS 4.7+ Node16 and NodeNext module resolution. ### [`v1.53.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1530) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.52.3...1.53.0) - Add support for calling `var()` with an empty second argument, such as `var(--side, )`. ##### JS API - Fix a bug where `meta.load-css()` would sometimes resolve relative URLs incorrectly when called from a mixin using the legacy JS API. ##### Embedded Sass - Respect npm's proxy settings when downloading the embedded Sass compiler. ### [`v1.52.3`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1523) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.52.2...1.52.3) - Fix crash when trailing loud comments (`/* ... */`) appear twice in a row across two different imports which themselves imported the same file each. ### [`v1.52.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1522) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.52.1...1.52.2) - Preserve location of trailing loud comments (`/* ... */`) instead of pushing the comment to the next line. ### [`v1.52.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1521) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.52.0...1.52.1) ##### Command Line Interface - Fix a bug where `--watch` mode would close immediately in TTY mode. This was caused by our change to close `--watch` when stdin was closed *outside of* TTY mode, which has been reverted for now while we work on a fix. ### [`v1.52.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1520) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.51.0...1.52.0) - Add support for arbitrary modifiers at the end of plain CSS imports, in addition to the existing `supports()` and media queries. Sass now allows any sequence of identifiers of functions after the URL of an import for forwards compatibility with future additions to the CSS spec. - Fix an issue where source locations tracked through variable references could potentially become incorrect. - Fix a bug where a loud comment in the source can break the source map when embedding the sources, when using the command-line interface or the legacy JS API. ##### JS API - `SassNumber.assertUnit()` and `SassNumber.assertNoUnits()` now correctly return the number called on when it passes the assertion. ### [`v1.51.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1510) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.50.1...1.51.0) - **Potentially breaking change**: Change the order of maps returned by `map.deep-merge()` to match those returned by `map.merge()`. All keys that appeared in the first map will now be listed first in the same order they appeared in that map, followed by any new keys added from the second map. - Improve the string output of some AST nodes in error messages. ### [`v1.50.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1501) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.50.0...1.50.1) ##### Embedded Sass - The JS embedded host and the embedded compiler will now properly avoid resolving imports relative to the current working directory unless `'.'` is passed as a load path. - Fix a bug in the JS embedded host's implementation of the legacy JS API where imports that began with `/` could crash on Windows. ### [`v1.50.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1500) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.11...1.50.0) - `@extend` now treats [`:where()`][:where()] the same as `:is()`. [`:where()`]: https://developer.mozilla.org/en-US/docs/Web/CSS/:where ##### Command Line Interface - Closing the standard input stream will now cause the `--watch` command to stop running. ##### Embedded Sass - Fix a bug where the JS embedded host crashed when invoking a legacy importer after resolving a relative filesystem import. - Improve error messages when returning non-`Object` values from legacy importers. ### [`v1.49.11`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​14911) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.10...1.49.11) - Add support for 64-bit ARM releases on Linux. ##### Embedded Sass - The embedded compiler now correctly sets the `id` field for all `OutboundMessage`s. ### [`v1.49.10`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​14910) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.9...1.49.10) - Quiet deps mode now silences compiler warnings in mixins and functions that are defined in dependencies even if they're invoked from application stylesheets. - In expanded mode, Sass will now emit colors using `rgb()`, `rbga()`, `hsl()`, and `hsla()` function notation if they were defined using the corresponding notation. As per our browser support policy, this change was only done once 95% of browsers were confirmed to support this output format, and so is not considered a breaking change. Note that this output format is intended for human readability and not for interoperability with other tools. As always, Sass targets the CSS specification, and any tool that consumes Sass's output should parse all colors that are supported by the CSS spec. - Fix a bug in which a color written using the four- or eight-digit hex format could be emitted as a hex color rather than a format with higher browser compatibility. - Calculations are no longer simplified within supports declarations ### [`v1.49.9`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1499) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.8...1.49.9) ##### Embedded Sass - Fixed a bug where the legacy API could crash when passed an empty importer list. ### [`v1.49.8`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1498) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.7...1.49.8) - Fixed a bug where some plain CSS imports would not be emitted. ##### JS API - Fix a bug where inspecting the Sass module in the Node.js console crashed on Node 17. ##### Embedded Sass - Fix a bug where source map URLs were incorrectly generated when passing importers to the legacy API. ### [`v1.49.7`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1497) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.6...1.49.7) ##### Embedded Sass - First stable release the `sass-embedded` npm package that contains the Node.js Embedded Host. - First stable release of the `sass_embedded` pub package that contains the Embedded Dart Sass compiler. ### [`v1.49.6`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1496) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.5...1.49.6) - No user-visible changes. ### [`v1.49.5`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1495) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.4...1.49.5) - No user-visible changes. ### [`v1.49.4`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1494) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.3...1.49.4) - No user-visible changes. ### [`v1.49.3`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1493) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.2...1.49.3) - No user-visible changes. ### [`v1.49.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1492) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.1...1.49.2) - No user-visible changes. ### [`v1.49.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​14911) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.49.0...1.49.1) - Add support for 64-bit ARM releases on Linux. ##### Embedded Sass - The embedded compiler now correctly sets the `id` field for all `OutboundMessage`s. ### [`v1.49.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1490) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.48.0...1.49.0) - Fix a bug in `string.insert` with certain negative indices. ##### JS API - Add support for the `sourceMapIncludeSources` option in the new JS API. ##### TypeScript Declarations - Fix a bug where `LegacyPluginThis.options.linefeed` was typed to return abbreviations when it actually returned literal linefeed characters. ### [`v1.48.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1480) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.47.0...1.48.0) ##### JS API - **Potentially breaking bug fix:** Match the specification of the new JS API by setting `LegacyResult.map` to `undefined` rather than `null`. ##### TypeScript Declarations - Add a declaration for the `NULL` constant. ### [`v1.47.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1470) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.46.0...1.47.0) ##### JS API ##### TypeScript Declarations - Add declarations for the `TRUE` and `FALSE` constants. ### [`v1.46.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1460) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.45.2...1.46.0) ##### JS API - **Potentially breaking bug fix:** Match the specification of the new JS API by passing `undefined` rather than `null` to `Logger.warn()` for an unset `span`. ##### TypeScript Declarations - Add a declaration for the `LegacyPluginThis.options.context` field. - Update the definition of `LegacyAsyncFunction` to include explicit definitions with zero through six arguments before the `done` parameter. This makes it possible for TypeScript users to pass in callbacks that take a specific number of arguments, rather than having to declare a callback that takes an arbitrary number. - Add a declaration for `types.Error`, a legacy API class that can be returned by asynchronous functions to signal asynchronous errors. - Add a `LegacyAsyncFunctionDone` type for the `done` callback that's passed to `LegacyAsyncFunction`. ### [`v1.45.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1452) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.45.1...1.45.2) ##### JS API - **Potentially breaking bug fix:** Change the default value of the `separator` parameter for `new SassArgumentList()` to `','` rather than `null`. This matches the API specification. ### [`v1.45.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1451) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.45.0...1.45.1) - **Potentially breaking bug fix:** Properly parse custom properties in `@supports` conditions. Note that this means that SassScript expressions on the right-hand side of custom property `@supports` queries now need to be interpolated, as per https://sass-lang.com/d/css-vars. - **Potentially breaking bug fix:** Fix a bug where `inspect()` was not properly printing nested, empty, bracketed lists. ### [`v1.45.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1450) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.44.0...1.45.0) ##### JS API This release includes an entirely new JavaScript API, designed to be more idiomatic, performant, and usable. The old API will continue to be supported until Dart Sass 2.0.0, but it is now considered deprecated and should be avoided for new code. The new API includes: - `compile()` and `compileAsync()` functions that take Sass file paths and return the result of compiling them to CSS. The async function returns a `Promise` rather than using a callback-based API. - `compileString()` and `compileStringAsync()` functions that take a string of Sass source and compiles it to CSS. As above, the async function returns a `Promise`. - A new importer API that more closely matches the Sass specification's logic for resolving loads. This makes it much easier for Sass to cache information across `@import` and `@use` rules, which substantially improves performance for applications that rely heavily on repeated `@import`s. - A new custom function API, including much more usable JS representations of Sass value types complete with type-assertion functions, easy map and list lookups, and compatibility with the [`immutable`][immutable] package. **Unlike in the legacy API,** function callbacks now take one argument which contains an array of Sass values (rather than taking a separate JS argument for each Sass argument). [`immutable`]: https://immutable-js.com/ For full documentation of this API, please see [the Sass website][js-api]. [js-api]: https://sass-lang.com/documentation/js-api This release also adds TypeScript type definitions. ### [`v1.44.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1440) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.43.5...1.44.0) - Suggest `calc()` as an alternative in `/`-as-division deprecation messages. ##### Dart API - Add `SassNumber.convert()` and `SassNumber.convertValue()`. These work like `SassNumber.coerce()` and `SassNumber.coerceValue()`, except they don't treat unitless numbers as universally compatible. - Fix a bug where `SassNumber.coerceToMatch()` and `SassNumber.coerceValueToMatch()` wouldn't coerce single-unit numbers to match unitless numbers. ### [`v1.43.5`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1435) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.43.4...1.43.5) - Fix a bug where calculations with different operators were incorrectly considered equal. - Properly parse attribute selectors with empty namespaces. ##### JS API - Print more detailed JS stack traces. This is mostly useful for the Sass team's own debugging purposes. ### [`v1.43.4`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1434) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.43.3...1.43.4) ##### JS API - Fix a bug where the `logger` option was ignored for the `render()` function. ### [`v1.43.3`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1433) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.43.2...1.43.3) - Improve performance. ### [`v1.43.2`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1432) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.42.1...1.43.2) - Improve the error message when the default namespace of a `@use` rule is not a valid identifier. ### [`v1.42.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1421) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.42.0...1.42.1) - Fix a bug where Sass variables and function calls in calculations weren't being resolved correctly if there was a parenthesized interpolation elsewhere in the file. ### [`v1.42.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1420) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.41.1...1.42.0) - `min()` and `max()` expressions are once again parsed as calculations as long as they contain only syntax that's allowed in calculation expressions. To avoid the backwards-compatibility issues that were present in 1.40.0, they now allow unitless numbers to be mixed with numbers with units just like the global `min()` and `max()` functions. Similarly, `+` and `-` operations within `min()` and `max()` functions allow unitless numbers to be mixed with numbers with units. ### [`v1.41.1`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1411) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.41.0...1.41.1) - Preserve parentheses around `var()` functions in calculations, because they could potentially be replaced with sub-expressions that might need to be parenthesized. ### [`v1.41.0`](https://togithub.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#​1410) [Compare Source](https://togithub.com/sass/dart-sass/compare/1.40.1...1.41.0) - Calculation values can now be combined with strings using the `+` operator. This was an error in 1.40.0, but this broke stylesheets that were relying on `$value + ""` expressions to generically convert values to strings. (Note that the Sass team recommends the use of `"#{$value}"` or `inspect($value)` for that use-case.) - The `selector.unify()` function now correctly returns `null` when one selector is a `:host` or `:host-context` and the other is a selector that's guaranteed to be within the current shadow DOM. The `@extend` logic has been updated accordingly as well. - Fix a bug where extra whitespace in `min()`, `max()`, `clamp()`, and `calc()` expressions could cause bogus parse errors. - Fix a bug where the right-hand operand of a `-` in a calculation could incorrectly be stripped of parentheses. ##### Dart API - `SassCalculation.plus()` now allows `SassString` arguments.
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * chore(deps): update dependency zone.js to ~0.13.0 (#10222) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [zone.js](https://togithub.com/angular/angular) ([changelog](https://togithub.com/angular/angular/blob/master/packages/zone.js/CHANGELOG.md)) | [`~0.12.0` -> `~0.13.0`](https://renovatebot.com/diffs/npm/zone.js/0.12.0/0.13.0) | [![age](https://badges.renovateapi.com/packages/npm/zone.js/0.13.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/zone.js/0.13.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/zone.js/0.13.0/compatibility-slim/0.12.0)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/zone.js/0.13.0/confidence-slim/0.12.0)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
angular/angular ### [`v0.13.0`](https://togithub.com/angular/angular/compare/zone.js-0.12.0...zone.js-0.13.0) [Compare Source](https://togithub.com/angular/angular/compare/zone.js-0.12.0...zone.js-0.13.0)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * Nc web component (#9886) ### Related Ticket(s) https://jsw.ibm.com/browse/URX-586 ### Description Notice & Choice web component ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}} * chore(settings): update settings to v1.45.0 * chore(release): publish - @carbon/web-components@1.26.0-rc.0 - @carbon/eslint-config-ibmdotcom@1.36.0-rc.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.35.0-rc.0 - @carbon/eslint-plugin-react-prop-type-comments@1.35.0-rc.0 - @carbon/ibmdotcom-react@1.45.0-rc.0 - @carbon/ibmdotcom-services-store@1.45.0-rc.0 - @carbon/ibmdotcom-services@1.45.0-rc.0 - @carbon/storybook-addon-theme@1.36.0-rc.0 - @carbon/stylelint-config-ibmdotcom@1.35.0-rc.0 - @carbon/ibmdotcom-styles@1.45.0-rc.0 - @carbon/ibmdotcom-utilities@1.45.0-rc.0 - @carbon/ibmdotcom-web-components@1.30.0-rc.0 * chore(yarn): update yarn offline mirror * fix(notificaiton/breadcrumb): update styles/remove @extend (#10231) ### Related Ticket(s) N/A ### Description with update to `sass` we need to import ### Changelog **Changed** - added styles from react package not coming through * chore(release): publish - @carbon/web-components@1.26.0-rc.1 - @carbon/eslint-config-ibmdotcom@1.36.0-rc.1 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.35.0-rc.1 - @carbon/eslint-plugin-react-prop-type-comments@1.35.0-rc.1 - @carbon/ibmdotcom-react@1.45.0-rc.1 - @carbon/ibmdotcom-services-store@1.45.0-rc.1 - @carbon/ibmdotcom-services@1.45.0-rc.1 - @carbon/storybook-addon-theme@1.36.0-rc.1 - @carbon/stylelint-config-ibmdotcom@1.35.0-rc.1 - @carbon/ibmdotcom-styles@1.45.0-rc.1 - @carbon/ibmdotcom-utilities@1.45.0-rc.1 - @carbon/ibmdotcom-web-components@1.30.0-rc.1 * chore(yarn): update yarn offline mirror * chore(deps): update yarn to v3.5.0 (#10241) [![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [yarn](https://togithub.com/yarnpkg/berry) | [`3.4.1` -> `3.5.0`](https://renovatebot.com/diffs/npm/yarn/3.4.1/3.5.0) | [![age](https://badges.renovateapi.com/packages/npm/yarn/3.5.0/age-slim)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://badges.renovateapi.com/packages/npm/yarn/3.5.0/adoption-slim)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://badges.renovateapi.com/packages/npm/yarn/3.5.0/compatibility-slim/3.4.1)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://badges.renovateapi.com/packages/npm/yarn/3.5.0/confidence-slim/3.4.1)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes
yarnpkg/berry ### [`v3.5.0`](https://togithub.com/yarnpkg/berry/compare/0d66d6e73acf0303c4461fbb9023b02cb942845f...f4af6c7cf1588f80011ec13060099d96be67127c) [Compare Source](https://togithub.com/yarnpkg/berry/compare/0d66d6e73acf0303c4461fbb9023b02cb942845f...f4af6c7cf1588f80011ec13060099d96be67127c)
--- ### 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://app.renovatebot.com/dashboard#github/carbon-design-system/carbon-for-ibm-dotcom). * fix(modal): styles with sass upgrade (#10237) * fix(modal): styles with sass upgrade * fix(modal): add transition styles * fix(modal): remove modal trigger button from story --------- Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com> * docs(storybook): edit date-picker knob desc (#10242) Co-authored-by: Ariella Gilmore * chore(deps): upgrade Node 18 (#10239) ### Description This upgrades the project to use Node 18. **Note:** OpenSSL 3.0 is included as of Node 17, which can cause errors in packages within the application that haven't yet been upgraded. To prevent this, the option `--openssl-legacy-provider` is used with certain script commands. In Carbon for IBM.com, Webpack 4 is the main breaking point. Once it is upgraded to Webpack 5 the errors should be resolved. If not, a further audit/upgrade of dependencies will be required. Read more about the OpenSSL upgrade [here](https://medium.com/the-node-js-collection/node-js-17-is-here-8dba1e14e382). ### Changelog **New** - {{new thing}} **Changed** - project now uses Node 18 - changed various import paths to use `internal/vendor` - upgrade various deps as required by Node 18 **Removed** - unneeded test assertions and Codesandbox examples * fix(notice-choice): change js files to ts for notice choice (#10252) ### Related Ticket(s) N/A ### Description rollup config only picks up on the `ts` files when bundling, changing the supplementary files for notice-choice from `js` to `ts` ### Changelog **Changed** - fix typo in codesandbox import - change `js` files to `ts` * chore(workflow): remove firefox from react e2e test (#10247) ### Description Removes `e2e-tests / react (ubuntu-latest, 14.x, firefox)` from GH workflow. The actual tests are no longer run, but the job will still use GH allocations to build the project anyway, needlessly wasting resources. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - `firefox` browser option from React e2e test * chore(release): publish - @carbon/web-components@1.26.0-rc.2 - @carbon/eslint-config-ibmdotcom@1.36.0-rc.2 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.35.0-rc.2 - @carbon/eslint-plugin-react-prop-type-comments@1.35.0-rc.2 - @carbon/ibmdotcom-react@1.45.0-rc.2 - @carbon/ibmdotcom-services-store@1.45.0-rc.2 - @carbon/ibmdotcom-services@1.45.0-rc.2 - @carbon/storybook-addon-theme@1.36.0-rc.2 - @carbon/stylelint-config-ibmdotcom@1.35.0-rc.2 - @carbon/ibmdotcom-styles@1.45.0-rc.2 - @carbon/ibmdotcom-utilities@1.45.0-rc.2 - @carbon/ibmdotcom-web-components@1.30.0-rc.2 * chore(gh): adds workflow to auto add issues/PRs to project (#10266) ### Description This adds a new GitHub workflow to automatically add new issues and pull requests to the Carbon for IBM.com project. Currently it will add anything newly created labeled. This workflow is just a starting point. In the future, new workflow filters can be created to add to other GitHub projects. See https://github.com/actions/add-to-project for more use cases. ### Changelog **New** - workflow to automatically add new issues to default project **Changed** - {{changed thing}} **Removed** - {{removed thing}} * chore(customElementRegistry): add carbonElement decorator (#10080) ### Related Ticket(s) Closes #9940 ### Description This PR takes a new approach, and offers some advantages of #9941. While the other PR aims to separate class definitions from their registration in the browser, and should work well for teams or projects that wish to _extend_ C4IBM components, it does nothing to solve the problem for teams that are _double-consuming_ C4IBM components. For example, consider the widget team: - They are building widgets using the react-wrapper version of the components - When the react component imports the element, it brings along its `customElements.define()` method - The widget is placed on a page that is already using the C4IBM CDN links, which _also_ bring along the `customElements.define()` method. - Both the widget script and the CDN link are rolled up into separate scripts and whichever one runs second will encounter the unexpected error, not know how to handle that problem, and halt execution of the script, likely leaving large pieces of setup functionality unprocessed This new approach offers a method for elements to _attempt_ to define themselves, but to gracefully handle the failure and to continue executing the remainder of the running script. The new decorator is a simple copy/paste from the LitElement `@customElement` decorator, with the `customElements.define` functions wrapped in a try/catch block. As of right now, this only impacts one component and is simply a proof-of-concept. ### Changelog **New** - Adds a `@carbonElement()` decorator to the carbon-web-components package **Changed** - Edit the carbon-web-components package's accordion-item component to use @carbonElement * chore(gh): fix syntax typo in workflow file (#10272) ### 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** - add indentation to `add-to-project` workflow file **Removed** - {{removed thing}} * chore(release): publish - @carbon/web-components@1.26.0-rc.3 - @carbon/eslint-config-ibmdotcom@1.36.0-rc.3 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.35.0-rc.3 - @carbon/eslint-plugin-react-prop-type-comments@1.35.0-rc.3 - @carbon/ibmdotcom-react@1.45.0-rc.3 - @carbon/ibmdotcom-services-store@1.45.0-rc.3 - @carbon/ibmdotcom-services@1.45.0-rc.3 - @carbon/storybook-addon-theme@1.36.0-rc.3 - @carbon/stylelint-config-ibmdotcom@1.35.0-rc.3 - @carbon/ibmdotcom-styles@1.45.0-rc.3 - @carbon/ibmdotcom-utilities@1.45.0-rc.3 - @carbon/ibmdotcom-web-components@1.30.0-rc.3 * chore(yarn): update yarn offline mirror * chore(release): publish - @carbon/web-components@1.26.0 - @carbon/eslint-config-ibmdotcom@1.36.0 - @carbon/eslint-plugin-ibmdotcom-import-rules@1.35.0 - @carbon/eslint-plugin-react-prop-type-comments@1.35.0 - @carbon/ibmdotcom-react@1.45.0 - @carbon/ibmdotcom-services-store@1.45.0 - @carbon/ibmdotcom-services@1.45.0 - @carbon/storybook-addon-theme@1.36.0 - @carbon/stylelint-config-ibmdotcom@1.35.0 - @carbon/ibmdotcom-styles@1.45.0 - @carbon/ibmdotcom-utilities@1.45.0 - @carbon/ibmdotcom-web-components@1.30.0 * chore(yarn): update yarn offline mirror * chore(e2e): update e2e test commands (#10281) ### Description Adds missing `npx` to various [failing e2e test](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/actions/runs/4547120410/jobs/8016614742#step:7:22298) script commands. ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}} * chore(actions): add open ssl flag to react storybook build cmds (#10289) ### Related Ticket(s) {{Provide url(s) to the related ticket(s) that this pull request addresses}} ### Description react storybook build cmd failing in the [deploy canary git action workflows](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/actions/workflows/deploy-canary.yml). This PR adds the needed open ssl flag ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}} * chore(a11y): re-enable a11y tests (#10274) ### Related Ticket(s) N/A ### Description Pass in `openssl` flag to the `test:a11y` commands and remove the true setting ### Changelog **New** - {{new thing}} **Changed** - {{changed thing}} **Removed** - {{removed thing}} * fix(image-with-caption): adjust image button background color (#10279) ### Related Ticket(s) https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/10250 https://jsw.ibm.com/browse/ADCMS-3105 ### Description Sets the background style to transparent for the `