refactor(many): readd maxWidth to Tag

Just deprecate it for now. We would also need to change Pill, and the a11y team is still considering
the best option for such cases

Author: matyasf

docs/contributor-docs/upgrade-guide.md

@@ -74,10 +74,6 @@ The **`<CodeEditor>` component** from the `ui-code-editor` package has been **re
 | `Body`    | `hover`     | is now stored in `TableContext` |
 | `Body`    | `headers`   | is now stored in `TableContext` |
 
-### Tag
-
-The **`maxWidth` theme variable has been removed** from the `Tag` component. As a result, **`<Tag>` can no longer be truncated**. This change was made because placing a tooltip on a non-interactive element is an accessibility anti-pattern. You will need to handle truncation and tooltips via a new design if this functionality is required.
-
 ---
 
 ## API Changes

packages/shared-types/src/ComponentThemeVariables.ts

@@ -1426,6 +1426,7 @@ export type TagTheme = {
   focusOutlineColor: Colors['contrasts']['blue4570']
   focusOutlineWidth: Border['widthMedium']
   focusOutlineStyle: Border['style']
+  maxWidth: string | 0
   iconMargin: Spacing['small']
   transitionTiming: string
   defaultBackgroundHover: Colors['contrasts']['grey1214']

packages/ui-codemods/lib/__node_tests__/__testfixtures__/removeMaxWidthFromTag/test1.input.tsx

@@ -27,7 +27,6 @@ import updateV10Breaking from '../updateV10Breaking'
 import removeAsFromInstUISettingsProvider from '../removeAsFromInstUISettingsProvider'
 import renameCanvasThemesCodemod from '../renameCanvasThemesCodemod'
 import updateCodeEditorImport from '../updateCodeEditorImport'
-import removeMaxWidthFromTag from '../removeMaxWidthFromTag'
 import renameGetComputedStyleToGetCSSStyleDeclaration from '../renameGetComputedStyleToGetCSSStyleDeclaration'
 
 describe('test codemods', () => {
@@ -47,10 +46,6 @@ describe('test codemods', () => {
     runTest(updateCodeEditorImport)
   })
 
-  it('test removing "maxWidth" from Tag', () => {
-    runTest(removeMaxWidthFromTag)
-  })
-
   it('test renaming "getComputedStyle" to getCSSStyleDeclaration', () => {
     runTest(renameGetComputedStyleToGetCSSStyleDeclaration)
   })

packages/ui-codemods/lib/__node_tests__/__testfixtures__/removeMaxWidthFromTag/test1.output.tsx

@@ -27,7 +27,6 @@ import instUIv11Codemods from './instUIv11Codemods'
 import removeAsFromInstUISettingsProvider from './removeAsFromInstUISettingsProvider'
 import { renameCanvasThemes } from './renameCanvasThemesCodemod'
 import updateCodeEditorImport from './updateCodeEditorImport'
-import removeMaxWidthFromTag from './removeMaxWidthFromTag'
 import renameGetComputedStyleToGetCSSStyleDeclaration from './renameGetComputedStyleToGetCSSStyleDeclaration'
 
 export {
@@ -36,6 +35,5 @@ export {
   removeAsFromInstUISettingsProvider,
   renameCanvasThemes,
   updateCodeEditorImport,
-  removeMaxWidthFromTag,
   renameGetComputedStyleToGetCSSStyleDeclaration
 }

packages/ui-codemods/lib/__node_tests__/__testfixtures__/removeMaxWidthFromTag/test1.warning.input.tsx

@@ -27,7 +27,6 @@ import instUICodemodExecutor from './utils/instUICodemodExecutor'
 import { removeAsProp } from './removeAsFromInstUISettingsProvider'
 import { renameCanvasThemes } from './renameCanvasThemesCodemod'
 import { updateCodeEditor } from './updateCodeEditorImport'
-import { removeMaxWidth } from './removeMaxWidthFromTag'
 
 /**
  * Runs all InstUI v10 -> v11 upgrade codemods
@@ -39,7 +38,7 @@ const InstUIv11Codemods: Transform = (
 ) => {
   // TODO add other v11 codemods to this array
   return instUICodemodExecutor(
-    [removeAsProp, renameCanvasThemes, updateCodeEditor, removeMaxWidth],
+    [removeAsProp, renameCanvasThemes, updateCodeEditor],
     file,
     api,
     options