bug(Teams theme): Button should apply truncate styles to any content

[kuzhelov]

Bug Report

It is necessary to ensure that Button's content other than string will be truncated for Button. Main case that drives this necessity is properly displaying Button's text in RTL mode, which requires Button's content to be wrapped in .

Steps

Use the following code to repro the problem:

<Button content={<span dir="auto">See how this very long text shows up on the button</span>} />

Expected Result

Content that is wrapped in, say, element should be truncated as well. Note that element might be necessary to properly support RTL mode by button context, where content text is necessary to be wrapped by .

Actual Result

Currently truncate styles are applied to string content only.

Version

0.12.0