fix(toggle): ensure onToggle still work with props['aria-labelledby']

[janhassel]

Closes #13004

Changelog

New

• If props['aria-labelledby'] is passed the wrapper element listens for a click event to trigger handleClick as the labeling element is no longer a <label> but a <div> and the <button> is visually hidden.

Changed

• Clarified the relationship between props.hideLabel and props.labelText in the prop description of props.hideLabel

Testing / Reviewing

• In the storybook, add a dummy props.onClick and props.onToggle function and verify that they are triggered both by clicking on the toggle and by using the keyboard when props['aria-labelledby'] is passed.
  • Verify that these functions are only called once per click/keyboard interaction.
  • Verify that these functions are also called when props['aria-labelledby'] is not passed.

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Name	Link
🔨 Latest commit	ed29d73
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/63e258a231eac10008e3f309
😎 Deploy Preview	https://deploy-preview-13057--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	ed29d73
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/63e258a2fa51630008613277
😎 Deploy Preview	https://deploy-preview-13057--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[francinelucca]

🚀

[tay1orjones]

LGTM - Thanks for this!