fix: S2 Prevented Tooltip text overflowing by default (#8527)

* fix: S2 Prevented Tooltip text overflowing by default

* fix: Added overflowWrap property to style macros

* revert: reverted changes to properties.json

---------

Co-authored-by: Yihui Liao <[email protected]>

Author: samuelo-ensemble

packages/@react-spectrum/s2/src/Tooltip.tsx

@@ -101,6 +101,9 @@ const tooltip = style<TooltipRenderProps & {colorScheme: ColorScheme | 'light da
   opacity: {
     isEntering: 0,
     isExiting: 0
+  },
+  overflowWrap: {
+    default: 'break-word'
   }
 });
 

packages/@react-spectrum/s2/style/spectrum-theme.ts

@@ -828,7 +828,8 @@ export const style = createTheme({
     hyphens: ['none', 'manual', 'auto'] as const,
     whiteSpace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] as const,
     textWrap: ['wrap', 'nowrap', 'balance', 'pretty'] as const,
-    wordBreak: ['normal', 'break-all', 'keep-all'] as const, // also overflowWrap??
+    wordBreak: ['normal', 'break-all', 'keep-all'] as const,
+    overflowWrap: ['normal', 'anywhere', 'break-word'] as const,
     boxDecorationBreak: ['slice', 'clone'] as const,
 
     // effects

packages/@react-spectrum/style-macro-s1/src/spectrum-theme.ts

@@ -703,7 +703,8 @@ export const style = createTheme({
     hyphens: ['none', 'manual', 'auto'] as const,
     whiteSpace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] as const,
     textWrap: ['wrap', 'nowrap', 'balance', 'pretty'] as const,
-    wordBreak: ['normal', 'break-all', 'keep-all'] as const, // also overflowWrap??
+    wordBreak: ['normal', 'break-all', 'keep-all'] as const,
+    overflowWrap: ['normal', 'anywhere', 'break-word'] as const,
     boxDecorationBreak: ['slice', 'clone'] as const,
 
     // effects

packages/dev/codemods/src/s1-to-s2/src/codemods/shared/unsafeStyle.ts

@@ -365,6 +365,7 @@ function handleProperty(element: string, property: string, value: t.ObjectProper
     case 'whiteSpace':
     case 'textWrap':
     case 'wordBreak':
+    case 'overflowWrap':
     case 'boxDecorationBreak':
     case 'forcedColorAdjust':
     case 'backgroundPosition':