[Tooltip] Allow overflow for non-breaking content (#1395)

* Allow overflow

* Add changelog entry

Author: kyledurand

UNRELEASED.md

@@ -18,6 +18,7 @@ Use [the changelog guidelines](https://git.io/polaris-changelog-guidelines) to f
 
 ### Bug fixes
 
+- Allow `Tooltip` content to wrap no nonbreaking strings [#1395](https://github.com/Shopify/polaris-react/pull/1395)
 - Fixed `Checkbox` being toggled when disabled ([#1369](https://github.com/Shopify/polaris-react/pull/1369))
 - Fixed `DropZone.FileUpload` from incorrectly displaying action hint and title when the default is used and removed ([#1233](https://github.com/Shopify/polaris-react/pull/1233))
 - Fixed `ResourceList.Item` interaction states from being incorrectly applied ([#1312](https://github.com/Shopify/polaris-react/pull/1312)

src/components/Tooltip/Tooltip.scss

@@ -38,12 +38,12 @@ $content-max-width: rem(200px);
 
 .Content {
   position: relative;
-  margin-top: spacing(extra-tight);
   border-radius: border-radius();
   max-width: $content-max-width;
   max-height: $content-max-height;
 }
 
 .Label {
-  padding: 0 spacing(tight) spacing(extra-tight);
+  padding: spacing(extra-tight) spacing(tight);
+  word-break: break-word;
 }

src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx

@@ -51,7 +51,7 @@ export default class TooltipOverlay extends React.PureComponent<Props, never> {
       positioning === 'above' && styles.positionedAbove,
     );
 
-    const contentStyles = measuring ? undefined : {maxHeight: desiredHeight};
+    const contentStyles = measuring ? undefined : {minHeight: desiredHeight};
 
     return (
       <div className={containerClassName} {...layer.props}>