fix(tabs-extended): add hyphens auto to handle word breaks

[pjudge]

Related Ticket(s)

Closes #10645

Description

If there happens to be a long word inside a tab, word-break: break-word would make the text wrap in a grammatically incorrect way. This PR updates the tab text style to use a property that can appropriately break words based on language, and add hyphens.

Changelog

Changed

• Replace word-break: break-word with hyphens:auto for tabs on desktop and accordion titles for mobile.

[ibmdotcom-bot]

Deploy preview created for package React:
https://ibmdotcom-react.s3.us-south.cloud-object-storage.appdomain.cloud/deploy-previews/10849/index.html

Built with commit: 356a89d4a8974c0e237d07bba1be525e1e61e011

[ibmdotcom-bot]

Deploy preview created for package Carbon Web Components:
https://carbon-web-components.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/10849/index.html

Built with commit: 356a89d4a8974c0e237d07bba1be525e1e61e011

[ibmdotcom-bot]

Deploy preview created for package Web Components:
https://ibmdotcom-webcomponents.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/10849/index.html

Built with commit: 356a89d4a8974c0e237d07bba1be525e1e61e011

[ibmdotcom-bot]

Deploy preview created for package Web Components (React wrapper):
https://ibmdotcom-web-components-react.s3-web.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/10849/index.html

Built with commit: 356a89d4a8974c0e237d07bba1be525e1e61e011

[jkaeser]

TIL about the hyphens property. Looks great, @pjudge! One question before the ol' 👍

[StefanieSchraub]

I will Test in the second week of September, am on annual leave Deployment Contract Manager #GernePerDu IBM Technology +49 160 97.82.86.85 ***@***.*** IBM Deutschland IBM-Allee 1 71139 Ehningen IBM Deutschland GmbH / Vorsitzender des Aufsichtsrats: Sebastian Krause Geschäftsführung: Gregor Pillen (Vorsitzender), Dr. Andreas Buchelt, Gabriele Schwarenthorer, Christine Rupp, Frank Theisen Sitz der Gesellschaft: Ehningen / Registergericht: Amtsgericht Stuttgart, HRB 14562 / WEEE-Reg.-Nr. DE 99369940 On 22. Aug 2023, at 15:49, Andy Blum ***@***.***> wrote:  @StefanieSchraub as the reporter of this ticket and someone that I'm guessing has a better grasp on the German language than I do. Would you be able to test this fix by altering the values on the de-de version of the deploy preview? —Reply ZjQcmQRYFpfptBannerStart This Message Is From an External Sender This message came from outside your organization. <https://us-phishalarm-ewt.proofpoint.com/EWT/v1/PjiDSg!1i-rqJY1AVJZEK8Ts6uuTYJMRbIJGwtsm7-SrY_5pRaUMtJyU3T2RcjBhYyZLnPFMdUqcIJkWePYM19BBJO_QEE2AVKVNZIE_Bsfa8CjGcgC_ngq6kS7j4WvUiNE9n6qop3p4_L7ezL1yQ$> Report Suspicious ZjQcmQRYFpfptBannerEnd @StefanieSchraub<https://github.com/StefanieSchraub> as the reporter of this ticket and someone that I'm guessing has a better grasp on the German language than I do. Would you be able to test this fix by altering the values on the de-de version of the deploy preview<https://ibmdotcom-webcomponents.s3.us-east.cloud-object-storage.appdomain.cloud/deploy-previews/10849/iframe.html?id=components-tabs-extended--default&viewMode=story&cc=de&lc=de>? — Reply to this email directly, view it on GitHub<#10849 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGBGGPUE4E3U43RKQWWHQC3XWS2GLANCNFSM6AAAAAA3V5EV2E>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[andy-blum]

e2e-tests / web-components failed on OOM error, but parallel tests have all passed.