docs(migration): add crosslinks to v10 (carbon-design-system#3050)

* docs(migration): add crosslinks to v10

* add-more

* add-links-to-notifications

* remove break

* Update type-sets.mdx

* Update type-sets.mdx

* update format

Co-authored-by: TJ Egan <tw15egan@gmail.com>

src/pages/components/UI-shell-header/usage.mdx

@@ -18,7 +18,9 @@ interaction patterns that persist between and across products.
 
 **v11 update:** The UI shell is now themeable and has been updated to use inline
 theming. The UI shell uses Carbon theme tokens instead of component specific
-tokens and the color will follow each theme's styles.
+tokens and the color will follow each theme's styles. For v10 implementation
+guidance, go to
+[v10 UI Shell–Header](https://v10.carbondesignsystem.com/components/UI-shell-header/usage).
 
 </InlineNotification>
 

src/pages/components/UI-shell-left-panel/usage.mdx

@@ -18,7 +18,9 @@ interaction patterns that persist between and across products.
 
 **v11 update:** The UI shell is now themeable and has been updated to use inline
 theming. The UI shell uses Carbon theme tokens instead of component specific
-tokens and the color will follow each theme's styles.
+tokens and the color will follow each theme's styles. For v10 implementation
+guidance, go to
+[v10 UI Shell–Left panel](https://v10.carbondesignsystem.com/components/UI-shell-left-panel/usage/).
 
 </InlineNotification>
 

src/pages/components/UI-shell-right-panel/usage.mdx

@@ -18,7 +18,9 @@ interaction patterns that persist between and across products.
 
 **v11 update:** The UI shell is now themeable and has been updated to use inline
 theming. The UI shell uses Carbon theme tokens instead of component specific
-tokens and the color will follow each theme's styles.
+tokens and the color will follow each theme's styles. For v10 implementation
+guidance, go to
+[v10 UI Shell–Right panel](https://v10.carbondesignsystem.com/components/UI-shell-right-panel/usage/).
 
 </InlineNotification>
 

src/pages/components/notification/usage.mdx

@@ -20,7 +20,8 @@ actionable notifications.
 **v11 update:** An actionable variant has been added to the notification
 component. Actionable notifications allow for interactive elements within a
 notification, like buttons. Toast and inline notification no longer allow any
-interactive elements.
+interactive elements. For v10 implementation guidance, go to
+[v10 Notification](https://v10.carbondesignsystem.com/components/notification/usage/).
 
 </InlineNotification>
 

src/pages/components/popover/usage.mdx

@@ -13,6 +13,13 @@ A popover is a layer that pops up over all other elements on a page.
 
 </PageDescription>
 
+<InlineNotification>
+
+**New in v11!** Popover is a new component we have added to our system and is
+only available in v11.
+
+</InlineNotification>
+
 <AnchorLinks>
 
 <AnchorLink>Overview</AnchorLink>

src/pages/components/tabs/usage.mdx

@@ -21,7 +21,8 @@ between groups of information that appear within the same context.
 become _Line tabs_ and Container tabs has become _Contained tabs_. The tabs
 component has also been refactored and now includes a composable component API
 which allows for additional style modifications like icons in tabs and secondary
-labels.
+labels. For v10 implementation guidance, go to
+[v10 Tabs](https://v10.carbondesignsystem.com/components/tabs/usage/).
 
 </InlineNotification>
 

src/pages/components/toggletip/usage.mdx

@@ -19,9 +19,9 @@ element and can contain interactive elements.
 
 <InlineNotification>
 
-**v11 update:** Toggletip should be used if your tooltip content will contain
-interactive content. If it does not have any interactive content, consider using
-[Tooltip](/components/tooltip/usage/) instead.
+**New in v11:** Toggletip should be used in place of tooltip if your content
+will contain interactive elements. If it does not have any interactive content,
+consider using [Tooltip](/components/tooltip/usage/) instead.
 
 </InlineNotification>
 

src/pages/components/tooltip/usage.mdx

@@ -20,7 +20,8 @@ extra ability to communicate and give clarity to a user.
 [popover](/components/popover/usage/) component under the hood to improve
 accessibility. Definition and interactive tootips now use the
 [toggletip](/components/toggletip/usage/) component to achieve accessibility
-standards.
+standards. For v10 implementation guidance, go to
+[v10 Tooltip](https://v10.carbondesignsystem.com/components/tooltip/usage/).
 
 </InlineNotification>
 

src/pages/guidelines/color/usage.mdx

@@ -8,6 +8,17 @@ tabs: ['Overview', 'Usage', 'Code', 'Implementation']
 
 import ColorTokenTable from 'components/ColorTokenTable';
 
+<InlineNotification>
+
+**v11 update:** Color tokens underwent a major renaming in version 11. Visually
+components and styles look the same across v10 and v11, but the token names have
+changed significantly to improve usability and extend theming functionality.
+This website and page contain only the v11 tokens. Helpful links:
+[v10 color tokens](https://v10.carbondesignsystem.com/guidelines/color/usage) |
+[Color token migration guide](/migrating/guide/design#color-tokens-breaking).
+
+</InlineNotification>
+
 ## Tokens by theme
 
 <ColorTokenTable />

src/pages/guidelines/typography/type-sets.mdx

@@ -21,6 +21,17 @@ sets: expressive and productive.
 
 </PageDescription>
 
+<InlineNotification>
+
+**v11 update:** The two v10 type sets—Productive and Expressive—have been
+blended together to work as a unified collection in v11. As a result of this
+convergence, type token names have been renamed to better define their
+relationship to one another and reflect its styling. Helpful links:
+[v10 type tokens](https://v10.carbondesignsystem.com/guidelines/typography/overview)
+| [Type token migration guide](/migrating/guide/design#type-tokens-breaking).
+
+</InlineNotification>
+
 <AnchorLinks>
 
 <AnchorLink>Overview</AnchorLink>