feat(tooltip): Add mixin to set max-width of rich tooltip.

PiperOrigin-RevId: 634870062

packages/mdc-tooltip/README.md

@@ -317,6 +317,7 @@ Mixin | Description
 `show-transition($enter-duration)` | Sets the duration for the animation that shows the tooltip.
 `exit-transition($exit-duration)` | Sets the duration for the animation that hides the tooltip.
 `rich-max-height($max-height)` | Sets the max-height of a rich tooltip.
+`rich-max-width($max-width)` | Sets the max-width of a rich tooltip.
 
 ### `MDCTooltip` Methods
 

packages/mdc-tooltip/_tooltip-theme.scss

@@ -211,6 +211,25 @@ $z-index: 9;
   }
 }
 
+// Sets the max-width of the rich tooltip.
+// @param {Number} $max-width
+@mixin rich-max-width($max-width, $query: feature-targeting.all()) {
+  $feat-structure: feature-targeting.create-target($query, structure);
+
+  &.mdc-tooltip--rich {
+    .mdc-tooltip__surface {
+      @include feature-targeting.targets($feat-structure) {
+        @include theme.property(max-width, $max-width);
+      }
+      .mdc-tooltip__content {
+        @include feature-targeting.targets($feat-structure) {
+          @include theme.property(max-width, $max-width);
+        }
+      }
+    }
+  }
+}
+
 // Sets the z-index of the tooltip.
 // @param {Number} $z-index
 @mixin z-index($z-index, $query: feature-targeting.all()) {