fix(Button): content shorthand as element was not truncating the text inside (#551)

* -fix truncate styling for the content when defined as element

* -fix truncate styling for the content when defined as element as well as children API

* -updated changelog

* -fixed vertical alignment when icon is together with a content

* -reverted changes for children API because of lots of regressions

* -updated changelog

Author: mnajdova

CHANGELOG.md

@@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Add `react-dom` as available import in the editor @mnajdova ([#553](https://github.com/stardust-ui/react/pull/553))
 - Fix incorrect and missing filled or outline versions of Teams SVG icons @codepretty ([#552](https://github.com/stardust-ui/react/pull/552))
+- Fix truncate styles in Teams team for the `Button`'s `content` prop used as element @mnajdova ([#551](https://github.com/stardust-ui/react/pull/551))
 
 ### Features
 - Add `render` callback as an option for shorthand value @kuzhelov ([#519](https://github.com/stardust-ui/react/pull/519))

src/themes/teams/components/Button/buttonStyles.ts

@@ -280,9 +280,8 @@ const buttonStyles: ComponentSlotStylesInput<ButtonProps & ButtonState, any> = {
     }
   },
 
-  content: ({ props }) => ({
-    overflow: 'hidden',
-    ...(typeof props.content === 'string' && truncateStyle),
+  content: () => ({
+    ...truncateStyle,
   }),
 }