chore(merge): resolve merge conflicts from main (#10679) * 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

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)

after:

### 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 `