feat(many): remove deprecated v2 items

BREAKING CHANGE: Removed FormFieldLabel component

Removed _content prop from DrawerLayout.Tray and DrawerLayout.Content

Removed _link prop from Link

Removed _node prop from Menu.Item

Removed _root prop from Pagination, TreeBrowser

Removed _select prop from SimpleSelect and TimeSelect

Removed _ref prop from TruncateText

Removed _element prop from View

Removed color="ai" from Heading

Removed variant="inline-small" and variant="standalone-small" from Link

Removed title prop from Tag

Removed focusRingBorderRadius prop from View

Removed hideActionsUserSeparator prop from TopNavBar.Layout

Removed handleFocusOutlineColor, handleFocusOutlineWidth, handleShadowColor from RangeInput

INSTUI-5025

Author: ToMESSKa

docs/guides/upgrade-guide.md

@@ -519,6 +519,10 @@ type: embed
 
 ```
 
+### DrawerLayout
+
+- Previously deprecated `_content` prop has been removed from `DrawerLayout.Tray` and `DrawerLayout.Content`. Use `ref` instead.
+
 ### Drilldown
 
 Drilldown itself has no token changes. However, its sub-components share tokens with Options components, so the token changes listed under Options apply here as well:
@@ -581,6 +585,8 @@ type: embed
 
 ### FormField
 
+- Previously deprecated `FormFieldLabel` has been removed.
+
 #### FormFieldGroup
 
 `error` or `success` messages are no longer displayed when the component is `readOnly` or `disabled`.
@@ -711,6 +717,8 @@ type: embed
 
 The default value of the `color` prop has changed from `'inherit'` to `'primary'`. If you need to preserve the previous behavior, explicitly set `color="inherit"`.
 
+- Previously deprecated `'ai'` value of the `color` prop has been removed. Use the `aiVariant` prop instead.
+
 ```js
 ---
 type: embed
@@ -744,6 +752,8 @@ type: embed
 ### Link
 
 - `isWithinText` prop has been removed.
+- Previously deprecated `_link` prop has been removed. Use `ref` instead.
+- `'inline-small'` and `'standalone-small'` values of the `variant` prop have been removed. Use `variant="inline"` or `variant="standalone"` with `size="small"` instead.
 
 #### New `size` prop
 
@@ -753,13 +763,6 @@ A new `size` prop has been added to control the font size, line height, and icon
 - `'medium'` (default)
 - `'large'`
 
-#### Deprecated variant values
-
-The following variant values have been **deprecated** and will be removed in a future version (still supported but warn):
-
-- `'inline-small'`
-- `'standalone-small'`
-
 ```js
 ---
 type: embed
@@ -813,6 +816,8 @@ type: embed
 
 #### Menu.Item
 
+- Previously deprecated `_node` prop has been removed. Use `ref` instead.
+
 ```js
 ---
 type: embed
@@ -1031,6 +1036,10 @@ type: embed
 
 ```
 
+### Pagination
+
+- Previously deprecated `_root` prop has been removed. Use `ref` instead.
+
 ### Pill
 
 #### Deprecated color prop values
@@ -1191,7 +1200,10 @@ type: embed
 <V12ChangelogTable
   removed={[
     {name:"handleFocusRingSize",note:"style uses sharedTokens.focusOutline.width token"},
-    {name:"handleFocusRingColor",note:"style uses sharedTokens.focusOutline.onColor token"}
+    {name:"handleFocusRingColor",note:"style uses sharedTokens.focusOutline.onColor token"},
+    {name:"handleFocusOutlineColor",note:"only used by the removed deprecated thumb variant"},
+    {name:"handleFocusOutlineWidth",note:"only used by the removed deprecated thumb variant"},
+    {name:"handleShadowColor",note:"only used by the removed deprecated thumb variant"}
   ]}
   changed={[
     {oldName:"handleShadow",newName:"boxShadow",note:""},
@@ -1258,6 +1270,10 @@ type: embed
 
 ```
 
+### SimpleSelect
+
+- Previously deprecated `_select` prop has been removed. Use `ref` instead.
+
 ### SourceCodeEditor
 
 ```js
@@ -1396,6 +1412,8 @@ type: embed
 
 ### Tag
 
+- Previously deprecated `title` prop has been removed.
+
 ```js
 ---
 type: embed
@@ -1488,6 +1506,10 @@ type: embed
 
 ```
 
+### TimeSelect
+
+- Previously deprecated `_select` prop has been removed. Use `ref` instead.
+
 ### ToggleDetails
 
 ```js
@@ -1529,12 +1551,18 @@ type: embed
 
 ### TopNavBar
 
+#### TopNavBar.Layout
+
+- `hideActionsUserSeparator` prop has been removed.
+
 #### TopNavBar.Brand
 
 The deprecated `renderName` and `nameBackground` props have been removed. Please remove them from your code.
 
 ### TreeBrowser
 
+- Previously deprecated `_root` prop has been removed. Use `ref` instead.
+
 #### Icon system migration
 
 TreeBrowser now uses Lucide icons instead of the legacy icon system:
@@ -1577,8 +1605,15 @@ type: embed
 
 ```
 
+### TruncateText
+
+- Previously deprecated `_ref` prop has been removed. Use `ref` instead.
+
 ### View
 
+- Previously deprecated `_element` prop has been removed. Use `ref` instead.
+- Previously deprecated `focusRingBorderRadius` prop has been removed. Use the `borderRadius` prop instead.
+
 ```js
 ---
 type: embed

packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerContent/index.tsx

@@ -56,14 +56,6 @@ class DrawerContent extends Component<DrawerLayoutContentProps> {
 
   ref: HTMLDivElement | null = null
 
-  get _content() {
-    console.warn(
-      '_content property is deprecated and will be removed in v9, please use ref instead'
-    )
-
-    return this.ref
-  }
-
   private _resizeListener?: ResizeObserver
 
   private _debounced?: Debounced<NonNullable<typeof this.props.onSizeChange>>

packages/ui-drawer-layout/src/DrawerLayout/v2/DrawerTray/index.tsx

@@ -78,14 +78,6 @@ class DrawerTray extends Component<
 
   private _DOMNode: PortalNode = null
 
-  get _content() {
-    console.warn(
-      '_content property is deprecated and will be removed in v9, please use ref instead'
-    )
-
-    return this.ref
-  }
-
   constructor(props: DrawerLayoutTrayProps) {
     super(props)
 

packages/ui-form-field/README.md

@@ -12,7 +12,6 @@ The `ui-form-field` package contains the following:
 
 - [FormField](FormField)
 - [FormFieldGroup](FormFieldGroup)
-- [FormFieldLabel](FormFieldLabel)
 - [FormFieldLayout](FormFieldLayout)
 - [FormFieldMessage](FormFieldMessage)
 - [FormFieldMessages](FormFieldMessages)

packages/ui-form-field/src/FormFieldLabel/__tests__/FormFieldLabel.test.tsx

@@ -25,7 +25,7 @@
 import { render } from '@testing-library/react'
 import { vi } from 'vitest'
 import { runAxeCheck } from '@instructure/ui-axe-check'
-import { FormFieldLabel } from '@instructure/ui-form-field/latest'
+import { FormFieldLabel } from '@instructure/ui-form-field/v11_6'
 import '@testing-library/jest-dom'
 
 describe('<FormFieldLabel />', () => {